Removed code formatting due to #65 (#66)

Fixed the bug where users cannot delete a self-hosted provider when an API token was never entered

README.md

@@ -5,7 +5,7 @@ MindWork AI Studio is a desktop application available for macOS, Windows, and Li
 
 **Key advantages:**
 - **Free of charge**: The app is free to use, both for personal and commercial purposes.
-- **Independence**: Users are not tied to any single provider. Instead, they can choose the provider that best suits their needs. Right now, we support OpenAI (GPT4o etc.), Mistral, Anthropic (Claude), and self-hosted models using [llama.cpp](https://github.com/ggerganov/llama.cpp) or [LM Studio](https://lmstudio.ai/). Support for Google Gemini, [ollama](https://github.com/ollama/ollama), [Replicate](https://replicate.com/), and [Fireworks](https://fireworks.ai/) is planned.
+- **Independence**: You are not tied to any single provider. Instead, you can choose the provider that best suits their needs. Right now, we support OpenAI (GPT4o etc.), Mistral, Anthropic (Claude), and self-hosted models using [llama.cpp](https://github.com/ggerganov/llama.cpp), [ollama](https://github.com/ollama/ollama), [LM Studio](https://lmstudio.ai/), or [Fireworks](https://fireworks.ai/). Support for Google Gemini, and [Replicate](https://replicate.com/) is planned.
 - **Unrestricted usage**: Unlike services like ChatGPT, which impose limits after intensive use, MindWork AI Studio offers unlimited usage through the providers API.
 - **Cost-effective**: You only pay for what you use, which can be cheaper than monthly subscription services like ChatGPT Plus, especially if used infrequently. But beware, here be dragons: For extremely intensive usage, the API costs can be significantly higher. Unfortunately, providers currently do not offer a way to display current costs in the app. Therefore, check your account with the respective provider to see how your costs are developing. When available, use prepaid and set a cost limit.
 - **Privacy**: The data entered into the app is not used for training by the providers since we are using the provider's API.

app/MindWork AI Studio/Agents/AgentBase.cs

@@ -0,0 +1,109 @@
+using AIStudio.Chat;
+using AIStudio.Provider;
+using AIStudio.Settings;
+using AIStudio.Tools;
+
+// ReSharper disable MemberCanBePrivate.Global
+
+namespace AIStudio.Agents;
+
+public abstract class AgentBase(SettingsManager settingsManager, IJSRuntime jsRuntime, ThreadSafeRandom rng) : IAgent
+{
+    protected SettingsManager SettingsManager { get; init; } = settingsManager;
+
+    protected IJSRuntime JsRuntime { get; init; } = jsRuntime;
+
+    protected ThreadSafeRandom RNG { get; init; } = rng;
+
+    /// <summary>
+    /// Represents the type or category of this agent.
+    /// </summary>
+    protected abstract Type Type { get; }
+    
+    /// <summary>
+    /// The name of the agent.
+    /// </summary>
+    public abstract string Id { get; }
+
+    /// <summary>
+    /// The agent's job description. Will be used for the system prompt.
+    /// </summary>
+    protected abstract string JobDescription { get; }
+
+    /// <summary>
+    /// Represents the system prompt provided for the agent.
+    /// </summary>
+    protected abstract string SystemPrompt(string additionalData);
+    
+    #region Implementation of IAgent
+    
+    public abstract AIStudio.Settings.Provider? ProviderSettings { get; set; }
+    
+    public abstract Task<ChatThread> ProcessContext(ChatThread chatThread, IDictionary<string, string> additionalData);
+    
+    public abstract Task<ContentBlock> ProcessInput(ContentBlock input, IDictionary<string, string> additionalData);
+    
+    public abstract Task<bool> MadeDecision(ContentBlock input);
+    
+    public abstract IReadOnlyCollection<ContentBlock> GetContext();
+    
+    public abstract IReadOnlyCollection<ContentBlock> GetAnswers();
+    
+    #endregion
+    
+    protected ChatThread CreateChatThread(string systemPrompt) => new()
+    {
+        WorkspaceId = Guid.Empty,
+        ChatId = Guid.NewGuid(),
+        Name = string.Empty,
+        Seed = this.RNG.Next(),
+        SystemPrompt = systemPrompt,
+        Blocks = [],
+    };
+
+    protected DateTimeOffset AddUserRequest(ChatThread thread, string request)
+    {
+        var time = DateTimeOffset.Now;
+        thread.Blocks.Add(new ContentBlock
+        {
+            Time = time,
+            ContentType = ContentType.TEXT,
+            Role = ChatRole.USER,
+            Content = new ContentText
+            {
+                Text = request,
+            },
+        });
+        
+        return time;
+    }
+    
+    protected async Task AddAIResponseAsync(ChatThread thread, DateTimeOffset time)
+    {
+        if(this.ProviderSettings is null)
+            return;
+        
+        var providerSettings = this.ProviderSettings.Value;
+        var aiText = new ContentText
+        {
+            // We have to wait for the remote
+            // for the content stream: 
+            InitialRemoteWait = true,
+        };
+
+        var resultingContentBlock = new ContentBlock
+        {
+            Time = time,
+            ContentType = ContentType.TEXT,
+            Role = ChatRole.AI,
+            Content = aiText,
+        };
+        
+        thread.Blocks.Add(resultingContentBlock);
+        
+        // Use the selected provider to get the AI response.
+        // By awaiting this line, we wait for the entire
+        // content to be streamed.
+        await aiText.CreateFromProviderAsync(providerSettings.CreateProvider(), this.JsRuntime, this.SettingsManager, providerSettings.Model, thread);
+    }
+}

app/MindWork AI Studio/Agents/AgentTextContentCleaner.cs

@@ -0,0 +1,94 @@
+using AIStudio.Chat;
+using AIStudio.Settings;
+using AIStudio.Tools;
+
+namespace AIStudio.Agents;
+
+public sealed class AgentTextContentCleaner(SettingsManager settingsManager, IJSRuntime jsRuntime, ThreadSafeRandom rng) : AgentBase(settingsManager, jsRuntime, rng)
+{
+    private static readonly ContentBlock EMPTY_BLOCK = new()
+    {
+        Content = null,
+        ContentType = ContentType.NONE,
+        Role = ChatRole.AGENT,
+        Time = DateTimeOffset.UtcNow,
+    };
+    
+    private readonly List<ContentBlock> context = new();
+    private readonly List<ContentBlock> answers = new();
+    
+    #region Overrides of AgentBase
+
+    public override Settings.Provider? ProviderSettings { get; set; }
+
+    protected override Type Type => Type.SYSTEM;
+
+    public override string Id => "Text Content Cleaner";
+
+    protected override string JobDescription => 
+        """
+        You receive a Markdown document as input. Your goal is to identify the main content of the document
+        and return it including Markdown formatting. Remove areas that do not belong to the main part of the
+        document. For a blog article, return only the text of the article with its formatting. For a scientific
+        paper, only the contents of the paper. Delete elements of navigation, advertisements, HTML artifacts,
+        cookie banners, etc. If the content contains images, these images remain. The same applies to links.
+        Ensure that links and images are present as valid Markdown:
+        
+        - Syntax of links: [link text](URL)
+        - Syntax of images: ![alt text](URL)
+        
+        If you find relative links or images with relative paths, correct them to absolute paths. For this
+        purpose, here is the source URL:
+        """;
+
+    protected override string SystemPrompt(string additionalData) => $"{this.JobDescription} `{additionalData}`.";
+    
+    /// <inheritdoc />
+    public override async Task<ChatThread> ProcessContext(ChatThread chatThread, IDictionary<string, string> additionalData)
+    {
+        // We process the last block of the chat thread. Then, we add the result
+        // to the chat thread as the last block:
+        var answer = await this.ProcessInput(chatThread.Blocks[^1], additionalData);
+        chatThread.Blocks.Add(answer);
+        
+        this.context.Clear();
+        this.context.AddRange(chatThread.Blocks);
+        
+        return chatThread;
+    }
+
+    // <inheritdoc />
+    public override async Task<ContentBlock> ProcessInput(ContentBlock input, IDictionary<string, string> additionalData)
+    {
+        if (input.Content is not ContentText text)
+            return EMPTY_BLOCK;
+        
+        if(text.InitialRemoteWait || text.IsStreaming)
+            return EMPTY_BLOCK;
+        
+        if(string.IsNullOrWhiteSpace(text.Text))
+            return EMPTY_BLOCK;
+        
+        if(!additionalData.TryGetValue("sourceURL", out var sourceURL) || string.IsNullOrWhiteSpace(sourceURL))
+            return EMPTY_BLOCK;
+        
+        var thread = this.CreateChatThread(this.SystemPrompt(sourceURL));
+        var time = this.AddUserRequest(thread, text.Text);
+        await this.AddAIResponseAsync(thread, time);
+        
+        var answer = thread.Blocks[^1];
+        this.answers.Add(answer);
+        return answer;
+    }
+
+    // <inheritdoc />
+    public override Task<bool> MadeDecision(ContentBlock input) => Task.FromResult(true);
+
+    // <inheritdoc />
+    public override IReadOnlyCollection<ContentBlock> GetContext() => this.context;
+
+    // <inheritdoc />
+    public override IReadOnlyCollection<ContentBlock> GetAnswers() => this.answers;
+
+    #endregion
+}

app/MindWork AI Studio/Agents/IAgent.cs

@@ -0,0 +1,55 @@
+using AIStudio.Chat;
+
+namespace AIStudio.Agents;
+
+public interface IAgent
+{
+    /// <summary>
+    /// Gets the name of the agent.
+    /// </summary>
+    public string Id { get; }
+
+    /// <summary>
+    /// The provider to use for this agent.
+    /// </summary>
+    public AIStudio.Settings.Provider? ProviderSettings { get; set; }
+
+    /// <summary>
+    /// Processes a chat thread (i.e., context) and returns the updated thread.
+    /// </summary>
+    /// <param name="chatThread">The chat thread to process. The thread is the context for the agent.</param>
+    /// <param name="additionalData">Additional data to use for processing the chat thread.</param>
+    /// <returns>The updated chat thread. The last content block of the thread is the agent's response.</returns>
+    public Task<ChatThread> ProcessContext(ChatThread chatThread, IDictionary<string, string> additionalData);
+
+    /// <summary>
+    /// Processes the input content block and returns the agent's response.
+    /// </summary>
+    /// <param name="input">The content block to process. It represents the input.</param>
+    /// <param name="additionalData">Additional data to use for processing the input.</param>
+    /// <returns>The content block representing the agent's response.</returns>
+    public Task<ContentBlock> ProcessInput(ContentBlock input, IDictionary<string, string> additionalData);
+
+    /// <summary>
+    /// The agent makes a decision based on the input.
+    /// </summary>
+    /// <param name="input">The content block to process. Should be a question or a request.</param>
+    /// <returns>
+    /// True if a decision has been made based on the input, false otherwise.
+    /// </returns>
+    public Task<bool> MadeDecision(ContentBlock input);
+
+    /// <summary>
+    /// Retrieves the context of the agent.
+    /// </summary>
+    /// <returns>The collection of content blocks representing the agent's context. This includes the user's and the other agent's messages.</returns>
+    public IReadOnlyCollection<ContentBlock> GetContext();
+
+    /// <summary>
+    /// Retrieves the answers from the agent's context.
+    /// </summary>
+    /// <returns>
+    /// The collection of content blocks representing the answers provided by this agent.
+    /// </returns>
+    public IReadOnlyCollection<ContentBlock> GetAnswers();
+}

app/MindWork AI Studio/Agents/Type.cs

@@ -0,0 +1,27 @@
+namespace AIStudio.Agents;
+
+public enum Type
+{
+    /// <summary>
+    /// Represents an unspecified agent type.
+    /// </summary>
+    UNSPECIFIED = 0,
+    
+    /// <summary>
+    /// Represents a conversational agent who produces human-like responses and feedback (depending on the context and its job description).
+    /// For example, an expert agent for a specific domain. Answers might be detailed and informative.
+    /// </summary>
+    CONVERSATIONAL,
+
+    /// <summary>
+    /// Represents a worker agent type who performs tasks and provides information or services (depending on the context and its job description).
+    /// For example, a quality assurance agent who assesses the quality of a product or service. Answers might be short and concise.
+    /// </summary>
+    WORKER,
+
+    /// <summary>
+    /// Represents the system agent type who processes the input and provides a specific response (depending on the context and its job description).
+    /// For example, a HTML content agent who processes the arbitrary HTML content and provides a structured Markdown response. Answers might be structured and formatted.
+    /// </summary>
+    SYSTEM,
+}

app/MindWork AI Studio/Chat/ChatRole.cs

@@ -11,6 +11,7 @@ public enum ChatRole
     SYSTEM,
     USER,
     AI,
+    AGENT,
 }
 
 /// <summary>

app/MindWork AI Studio/Components/AssistantBase.razor

@@ -15,22 +15,8 @@
                 @this.Body
             }
         </MudForm>
-
-        @if (this.inputIssues.Any())
-        {
-            <MudPaper Class="pr-2 mt-3" Outlined="@true">
-                <MudText Typo="Typo.h6">Issues</MudText>
-                <MudList Clickable="@true">
-                    @foreach (var issue in this.inputIssues)
-                    {
-                        <MudListItem Icon="@Icons.Material.Filled.Error" IconColor="Color.Error">
-                            @issue
-                        </MudListItem>
-                    }
-                </MudList>
-            </MudPaper>
-        }
-
+        <Issues IssuesData="@this.inputIssues"/>
+        
         @if (this.resultingContentBlock is not null)
         {
             <ContentBlockComponent Role="@this.resultingContentBlock.Role" Type="@this.resultingContentBlock.ContentType" Time="@this.resultingContentBlock.Time" Content="@this.resultingContentBlock.Content" Class="mr-2"/>

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

@@ -1,6 +1,7 @@
 using AIStudio.Chat;
 using AIStudio.Provider;
 using AIStudio.Settings;
+using AIStudio.Tools;
 
 using Microsoft.AspNetCore.Components;
 
@@ -15,7 +16,7 @@ public abstract partial class AssistantBase : ComponentBase
     protected IJSRuntime JsRuntime { get; init; } = null!;
 
     [Inject]
-    protected Random RNG { get; set; } = null!;
+    protected ThreadSafeRandom RNG { get; init; } = null!;
     
     protected abstract string Title { get; }
     
@@ -57,6 +58,14 @@ public abstract partial class AssistantBase : ComponentBase
 
     #endregion
     
+    protected string? ValidatingProvider(AIStudio.Settings.Provider provider)
+    {
+        if(provider.UsedProvider == Providers.NONE)
+            return "Please select a provider.";
+        
+        return null;
+    }
+    
     protected void CreateChatThread()
     {
         this.chatThread = new()

app/MindWork AI Studio/Components/Blocks/AssistantBlock.razor

@@ -1,26 +1,24 @@
-<MudItem xs="3">
-    <MudCard Outlined="@true" Style="border-width: 2px; border-color: #0d47a1; border-radius: 12px; border-style: solid;">
-        <MudCardHeader>
-            <CardHeaderContent>
-                <MudStack AlignItems="AlignItems.Center" Row="@true">
-                    <MudIcon Icon="@this.Icon" Size="Size.Large" Color="Color.Primary"/>
-                    <MudText Typo="Typo.h6">
-                        @this.Name
-                    </MudText>
-                </MudStack>
-            </CardHeaderContent>
-        </MudCardHeader>
-        <MudCardContent>
-            <MudStack>
-                <MudText>
-                    @this.Description
+<MudCard Outlined="@true" Style="border-width: 2px; border-color: #0d47a1; border-radius: 12px; border-style: solid; max-width: 20em;">
+    <MudCardHeader>
+        <CardHeaderContent>
+            <MudStack AlignItems="AlignItems.Center" Row="@true">
+                <MudIcon Icon="@this.Icon" Size="Size.Large" Color="Color.Primary"/>
+                <MudText Typo="Typo.h6">
+                    @this.Name
                 </MudText>
             </MudStack>
-        </MudCardContent>
-        <MudCardActions>
-            <MudButton Size="Size.Large" Variant="Variant.Filled" StartIcon="@this.Icon" Color="Color.Default" Href="@this.Link">
-                @this.ButtonText
-            </MudButton>
-        </MudCardActions>
-    </MudCard>
-</MudItem>
+        </CardHeaderContent>
+    </MudCardHeader>
+    <MudCardContent>
+        <MudStack>
+            <MudText>
+                @this.Description
+            </MudText>
+        </MudStack>
+    </MudCardContent>
+    <MudCardActions>
+        <MudButton Size="Size.Large" Variant="Variant.Filled" StartIcon="@this.Icon" Color="Color.Default" Href="@this.Link">
+            @this.ButtonText
+        </MudButton>
+    </MudCardActions>
+</MudCard>

app/MindWork AI Studio/Components/Blocks/Changelog.Logs.cs

@@ -13,6 +13,11 @@ public partial class Changelog
     
     public static readonly Log[] LOGS = 
     [
+        new (168, "v0.8.6, build 168 (2024-08-01 19:50 UTC)", "v0.8.6.md"),
+        new (167, "v0.8.5, build 167 (2024-07-28 16:44 UTC)", "v0.8.5.md"),
+        new (166, "v0.8.4, build 166 (2024-07-26 06:53 UTC)", "v0.8.4.md"),
+        new (165, "v0.8.3, build 165 (2024-07-25 13:25 UTC)", "v0.8.3.md"),
+        new (164, "v0.8.2, build 164 (2024-07-16 18:03 UTC)", "v0.8.2.md"),
         new (163, "v0.8.1, build 163 (2024-07-16 08:32 UTC)", "v0.8.1.md"),
         new (162, "v0.8.0, build 162 (2024-07-14 19:39 UTC)", "v0.8.0.md"),
         new (161, "v0.7.1, build 161 (2024-07-13 11:42 UTC)", "v0.7.1.md"),

app/MindWork AI Studio/Components/Blocks/ConfigurationOption.razor

@@ -0,0 +1,7 @@
+@inherits ConfigurationBase
+
+<MudField Disabled="@this.Disabled()" Label="@this.OptionDescription" Variant="Variant.Outlined" HelperText="@this.OptionHelp" Class="@MARGIN_CLASS">
+    <MudSwitch T="bool" Disabled="@this.Disabled()" Value="@this.State()" ValueChanged="@this.OptionChanged" Color="Color.Primary">
+        @(this.State() ? this.LabelOn : this.LabelOff)
+    </MudSwitch>
+</MudField>

app/MindWork AI Studio/Components/Blocks/ConfigurationOption.razor.cs

@@ -1,6 +1,6 @@
 using Microsoft.AspNetCore.Components;
 
-namespace AIStudio.Components;
+namespace AIStudio.Components.Blocks;
 
 /// <summary>
 /// Configuration component for any boolean option.
@@ -35,5 +35,6 @@ public partial class ConfigurationOption : ConfigurationBase
     {
         this.StateUpdate(updatedState);
         await this.SettingsManager.StoreSettings();
+        await this.InformAboutChange();
     }
 }

app/MindWork AI Studio/Components/Blocks/ConfigurationProviderSelection.razor

@@ -0,0 +1 @@
+<ConfigurationSelect OptionDescription="Preselected provider" Disabled="@this.Disabled" OptionHelp="Select a provider that is preselected." Data="@this.Data" SelectedValue="@this.SelectedValue" SelectionUpdate="@this.SelectionUpdate"/>

app/MindWork AI Studio/Components/Blocks/ConfigurationProviderSelection.razor.cs

@@ -0,0 +1,83 @@
+using AIStudio.Settings;
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ConfigurationProviderSelection : ComponentBase, IMessageBusReceiver, IDisposable
+{
+    [Parameter]
+    public Func<string> SelectedValue { get; set; } = () => string.Empty;
+    
+    [Parameter]
+    public Action<string> SelectionUpdate { get; set; } = _ => { };
+
+    [Parameter]
+    public IEnumerable<ConfigurationSelectData<string>> Data { get; set; } = new List<ConfigurationSelectData<string>>();
+    
+    /// <summary>
+    /// Is the selection component disabled?
+    /// </summary>
+    [Parameter]
+    public Func<bool> Disabled { get; set; } = () => false;
+    
+    [Inject]
+    private SettingsManager SettingsManager { get; init; } = null!;
+    
+    [Inject]
+    private MessageBus MessageBus { get; init; } = null!;
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnParametersSetAsync()
+    {
+        // Register this component with the message bus:
+        this.MessageBus.RegisterComponent(this);
+        this.MessageBus.ApplyFilters(this, [], [ Event.CONFIGURATION_CHANGED ]);
+
+        await base.OnParametersSetAsync();
+    }
+
+    #endregion
+    
+    #region Implementation of IMessageBusReceiver
+
+    public async Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data)
+    {
+        switch (triggeredEvent)
+        {
+            case Event.CONFIGURATION_CHANGED:
+                
+                if(string.IsNullOrWhiteSpace(this.SelectedValue()))
+                    break;
+                
+                // Check if the selected value is still valid:
+                if (this.Data.All(x => x.Value != this.SelectedValue()))
+                {
+                    this.SelectedValue = () => string.Empty;
+                    this.SelectionUpdate(string.Empty);
+                    await this.SettingsManager.StoreSettings();
+                }
+                
+                this.StateHasChanged();
+                break;
+        }
+    }
+
+    public Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data)
+    {
+        return Task.FromResult<TResult?>(default);
+    }
+
+    #endregion
+
+    #region Implementation of IDisposable
+
+    public void Dispose()
+    {
+        this.MessageBus.Unregister(this);
+    }
+
+    #endregion
+}

app/MindWork AI Studio/Components/Blocks/ConfigurationSelect.razor

@@ -0,0 +1,11 @@
+@inherits ConfigurationBase
+@typeparam T
+
+<MudSelect T="T" Value="@this.SelectedValue()" Strict="@true" Disabled="@this.Disabled()" Margin="Margin.Dense" Label="@this.OptionDescription" Class="@GetClass" Variant="Variant.Outlined" HelperText="@this.OptionHelp" ValueChanged="@this.OptionChanged">
+    @foreach (var data in this.Data)
+    {
+        <MudSelectItem Value="@data.Value">
+            @data.Name
+        </MudSelectItem>
+    }
+</MudSelect>

app/MindWork AI Studio/Components/Blocks/ConfigurationSelect.razor.cs

@@ -1,6 +1,8 @@
+using AIStudio.Settings;
+
 using Microsoft.AspNetCore.Components;
 
-namespace AIStudio.Components;
+namespace AIStudio.Components.Blocks;
 
 /// <summary>
 /// Configuration component for selecting a value from a list.
@@ -30,6 +32,7 @@ public partial class ConfigurationSelect<T> : ConfigurationBase
     {
         this.SelectionUpdate(updatedValue);
         await this.SettingsManager.StoreSettings();
+        await this.InformAboutChange();
     }
     
     private static string GetClass => $"{MARGIN_CLASS} rounded-lg";

app/MindWork AI Studio/Components/Blocks/ConfigurationSlider.razor

@@ -0,0 +1,8 @@
+@typeparam T
+@inherits ConfigurationBase
+
+<MudField Label="@this.OptionDescription" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.Disabled()">
+    <MudSlider T="@T" Size="Size.Medium" Value="@this.Value()" ValueChanged="@this.OptionChanged" Min="@this.Min" Max="@this.Max" Step="@this.Step" Immediate="@true" Disabled="@this.Disabled()">
+        @this.Value() @this.Unit
+    </MudSlider>
+</MudField>

app/MindWork AI Studio/Components/Blocks/ConfigurationSlider.razor.cs

@@ -0,0 +1,51 @@
+using System.Numerics;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ConfigurationSlider<T> : ConfigurationBase where T : struct, INumber<T>
+{
+    /// <summary>
+    /// The minimum value for the slider.
+    /// </summary>
+    [Parameter]
+    public T Min { get; set; } = T.Zero;
+
+    /// <summary>
+    /// The maximum value for the slider.
+    /// </summary>
+    [Parameter]
+    public T Max { get; set; } = T.One;
+
+    /// <summary>
+    /// The step size for the slider.
+    /// </summary>
+    [Parameter]
+    public T Step { get; set; } = T.One;
+
+    /// <summary>
+    /// The unit to display next to the slider's value.
+    /// </summary>
+    [Parameter]
+    public string Unit { get; set; } = string.Empty;
+    
+    /// <summary>
+    /// The value used for the slider.
+    /// </summary>
+    [Parameter]
+    public Func<T> Value { get; set; } = () => T.Zero;
+    
+    /// <summary>
+    /// An action which is called when the option is changed.
+    /// </summary>
+    [Parameter]
+    public Action<T> ValueUpdate { get; set; } = _ => { };
+    
+    private async Task OptionChanged(T updatedValue)
+    {
+        this.ValueUpdate(updatedValue);
+        await this.SettingsManager.StoreSettings();
+        await this.InformAboutChange();
+    }
+}

app/MindWork AI Studio/Components/Blocks/ConfigurationText.razor

@@ -0,0 +1,18 @@
+@inherits ConfigurationBase
+
+<MudTextField
+    T="string"
+    Text="@this.Text()"
+    TextChanged="@this.OptionChanged"
+    Label="@this.OptionDescription"
+    Disabled="@this.Disabled()"
+    Class="mb-3"
+    Adornment="Adornment.Start"
+    AdornmentIcon="@this.Icon"
+    AdornmentColor="@this.IconColor"
+    UserAttributes="@SPELLCHECK_ATTRIBUTES"
+    Lines="1"
+    Immediate="@false"
+    DebounceInterval="500"
+    Variant="Variant.Outlined"
+/>

app/MindWork AI Studio/Components/Blocks/ConfigurationText.razor.cs

@@ -0,0 +1,37 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ConfigurationText : ConfigurationBase
+{
+    /// <summary>
+    /// The text used for the textfield.
+    /// </summary>
+    [Parameter]
+    public Func<string> Text { get; set; } = () => string.Empty;
+    
+    /// <summary>
+    /// An action which is called when the option is changed.
+    /// </summary>
+    [Parameter]
+    public Action<string> TextUpdate { get; set; } = _ => { };
+
+    /// <summary>
+    /// The icon to display next to the textfield.
+    /// </summary>
+    [Parameter]
+    public string Icon { get; set; } = Icons.Material.Filled.Info;
+
+    /// <summary>
+    /// The color of the icon to use.
+    /// </summary>
+    [Parameter]
+    public Color IconColor { get; set; } = Color.Default;
+    
+    private async Task OptionChanged(string updatedText)
+    {
+        this.TextUpdate(updatedText);
+        await this.SettingsManager.StoreSettings();
+        await this.InformAboutChange();
+    }
+}

app/MindWork AI Studio/Components/Blocks/ExpansionPanel.razor

@@ -1,4 +1,4 @@
-<MudExpansionPanel Class="border-solid border rounded-lg" IsInitiallyExpanded="@this.IsExpanded">
+<MudExpansionPanel Class="border-solid border rounded-lg" Expanded="@this.IsExpanded">
     <TitleContent>
         <div class="d-flex align-center">
             <MudIcon Icon="@this.HeaderIcon" Size="@this.IconSize" Color="@this.IconColor" class="mr-3"/>

app/MindWork AI Studio/Components/Blocks/Issues.razor

@@ -0,0 +1,14 @@
+@if (this.IssuesData.Any())
+{
+    <MudPaper Class="pa-3 mr-3 mt-3 border-dashed border rounded-lg mud-alert-outlined-error">
+        <MudText Typo="Typo.h6">Issues</MudText>
+        <MudList T="string">
+            @foreach (var issue in this.IssuesData)
+            {
+                <MudListItem Icon="@Icons.Material.Filled.Error" IconColor="Color.Error">
+                    @issue
+                </MudListItem>
+            }
+        </MudList>
+    </MudPaper>
+}

app/MindWork AI Studio/Components/Blocks/Issues.razor.cs

@@ -0,0 +1,9 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class Issues : ComponentBase
+{
+    [Parameter]
+    public IEnumerable<string> IssuesData { get; set; } = [];
+}

app/MindWork AI Studio/Components/Blocks/MudTextList.razor

@@ -1,7 +1,7 @@
-<MudList Clickable="@this.Clickable" Class="@this.Classes">
+<MudList T="string" ReadOnly="@(!this.Clickable)" Class="@this.Classes">
     @foreach(var item in this.Items)
     {
-        <MudListItem Icon="@this.Icon" Style="display: flex; align-items: flex-start;">
+        <MudListItem T="string" Icon="@this.Icon" Style="display: flex; align-items: flex-start;">
             <MudText Typo="Typo.body1" Style="text-align: justify; hyphens: auto;"><b>@item.Header:</b> @item.Text</MudText>
         </MudListItem>
     }

app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor

@@ -0,0 +1,31 @@
+<MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+    <MudField Label="Read content from web?" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.AgentIsRunning">
+        <MudSwitch T="bool" @bind-Value="@this.showWebContentReader" Color="Color.Primary" Disabled="@this.AgentIsRunning">
+            @(this.showWebContentReader ? "Show web content options" : "Hide web content options")
+        </MudSwitch>
+    </MudField>
+
+    @if (this.showWebContentReader)
+    {
+        <MudField Label="Cleanup content by using a LLM agent?" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.AgentIsRunning">
+            <MudSwitch T="bool" @bind-Value="@this.useContentCleanerAgent" Color="Color.Primary" Validation="@this.ValidateProvider" Disabled="@this.AgentIsRunning">
+                @(this.useContentCleanerAgent ? "The content is cleaned using an LLM agent: the main content is extracted, advertisements and other irrelevant things are attempted to be removed; relative links are attempted to be converted into absolute links so that they can be used." : "No content cleaning")
+            </MudSwitch>
+        </MudField>
+        <MudStack Row="@true" AlignItems="@AlignItems.Baseline" Class="mb-3">
+            <MudTextField T="string" Label="URL from which to load the content" @bind-Value="@this.providedURL" Validation="@this.ValidateURL" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Link" Placeholder="https://..." HelperText="Loads the content from your URL. Does not work when the content is hidden behind a paywall." Variant="Variant.Outlined" Immediate="@true" Disabled="@this.AgentIsRunning"/>
+            <MudButton Disabled="@(!this.IsReady || this.AgentIsRunning)" Variant="Variant.Filled" Size="Size.Large" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Download" OnClick="() => this.LoadFromWeb()">
+                Fetch
+            </MudButton>
+        </MudStack>
+        @if (this.AgentIsRunning)
+        {
+            <div class="pa-1">
+                <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class=""/>
+            </div>
+            <div class="pa-6">
+                <MudSlider T="int" Disabled="@true" Value="@this.processStep" Min="@this.process.Min" Max="@this.process.Max" TickMarks="@true" Size="Size.Large" Variant="Variant.Filled" TickMarkLabels="@this.process.Labels" Class="mb-12"/>
+            </div>
+        }
+    }
+</MudPaper>

app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor.cs

@@ -0,0 +1,198 @@
+using AIStudio.Agents;
+using AIStudio.Chat;
+using AIStudio.Settings;
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ReadWebContent : ComponentBase
+{
+    [Inject]
+    private HTMLParser HTMLParser { get; init; } = null!;
+    
+    [Inject]
+    private AgentTextContentCleaner AgentTextContentCleaner { get; init; } = null!;
+    
+    [Inject]
+    protected SettingsManager SettingsManager { get; set; } = null!;
+    
+    [Inject]
+    protected IJSRuntime JsRuntime { get; init; } = null!;
+    
+    [Parameter]
+    public string Content { get; set; } = string.Empty;
+    
+    [Parameter]
+    public EventCallback<string> ContentChanged { get; set; }
+    
+    [Parameter]
+    public Settings.Provider ProviderSettings { get; set; }
+    
+    [Parameter]
+    public bool AgentIsRunning { get; set; }
+    
+    [Parameter]
+    public EventCallback<bool> AgentIsRunningChanged { get; set; }
+    
+    [Parameter]
+    public bool Preselect { get; set; }
+    
+    [Parameter]
+    public bool PreselectContentCleanerAgent { get; set; }
+
+    private Process<ReadWebContentSteps> process = Process<ReadWebContentSteps>.INSTANCE;
+    private ProcessStepValue processStep;
+    
+    private bool showWebContentReader;
+    private bool useContentCleanerAgent;
+    private string providedURL = string.Empty;
+    private bool urlIsValid;
+    private bool isProviderValid;
+
+    private Settings.Provider providerSettings;
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if(this.Preselect)
+            this.showWebContentReader = true;
+        
+        if(this.PreselectContentCleanerAgent)
+            this.useContentCleanerAgent = true;
+        
+        if (this.SettingsManager.ConfigurationData.PreselectAgentTextContentCleanerOptions)
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.PreselectedAgentTextContentCleanerProvider);
+        else
+            this.providerSettings = this.ProviderSettings;
+
+        await base.OnInitializedAsync();
+    }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        if (!this.SettingsManager.ConfigurationData.PreselectAgentTextContentCleanerOptions)
+            this.providerSettings = this.ProviderSettings;
+        
+        await base.OnParametersSetAsync();
+    }
+
+    #endregion
+
+    private async Task LoadFromWeb()
+    {
+        if(!this.IsReady)
+            return;
+        
+        var markdown = string.Empty;
+        try
+        {
+            this.processStep = this.process[ReadWebContentSteps.LOADING];
+            this.StateHasChanged();
+            
+            var html = await this.HTMLParser.LoadWebContentHTML(new Uri(this.providedURL));
+            
+            this.processStep = this.process[ReadWebContentSteps.PARSING];
+            this.StateHasChanged();
+            markdown = this.HTMLParser.ParseToMarkdown(html);
+            
+            if (this.useContentCleanerAgent)
+            {
+                this.AgentTextContentCleaner.ProviderSettings = this.providerSettings;
+                var additionalData = new Dictionary<string, string>
+                {
+                    { "sourceURL", this.providedURL },
+                };
+            
+                this.processStep = this.process[ReadWebContentSteps.CLEANING];
+                this.AgentIsRunning = true;
+                await this.AgentIsRunningChanged.InvokeAsync(this.AgentIsRunning);
+                this.StateHasChanged();
+            
+                var contentBlock = await this.AgentTextContentCleaner.ProcessInput(new ContentBlock
+                {
+                    Time = DateTimeOffset.UtcNow,
+                    ContentType = ContentType.TEXT,
+                    Role = ChatRole.USER,
+                    Content = new ContentText
+                    {
+                        Text = markdown,
+                    },
+                }, additionalData);
+            
+                markdown = contentBlock.Content is ContentText text ? text.Text : markdown;
+            
+                this.processStep = this.process[ReadWebContentSteps.DONE];
+                this.AgentIsRunning = false;
+                await this.AgentIsRunningChanged.InvokeAsync(this.AgentIsRunning);
+                this.StateHasChanged();
+            }
+        }
+        catch
+        {
+            if (this.AgentIsRunning)
+            {
+                this.processStep = this.process[ReadWebContentSteps.START];
+                this.AgentIsRunning = false;
+                await this.AgentIsRunningChanged.InvokeAsync(this.AgentIsRunning);
+                this.StateHasChanged();
+            }
+        }
+
+        this.Content = markdown;
+        await this.ContentChanged.InvokeAsync(this.Content);
+    }
+
+    private bool IsReady
+    {
+        get
+        {
+            if(!this.urlIsValid)
+                return false;
+            
+            if(this.useContentCleanerAgent && !this.isProviderValid)
+                return false;
+            
+            return true;
+        }
+    }
+
+    private string? ValidateProvider(bool shouldUseAgent)
+    {
+        if(shouldUseAgent && this.providerSettings == default)
+        {
+            this.isProviderValid = false;
+            return "Please select a provider to use the cleanup agent.";
+        }
+
+        this.isProviderValid = true;
+        return null;
+    }
+    
+    private string? ValidateURL(string url)
+    {
+        if(string.IsNullOrWhiteSpace(url))
+        {
+            this.urlIsValid = false;
+            return "Please provide a URL to load the content from.";
+        }
+
+        var urlParsingResult = Uri.TryCreate(url, UriKind.Absolute, out var uriResult);
+        if(!urlParsingResult)
+        {
+            this.urlIsValid = false;
+            return "Please provide a valid URL.";
+        }
+
+        if(uriResult is not { Scheme: "http" or "https" })
+        {
+            this.urlIsValid = false;
+            return "Please provide a valid HTTP or HTTPS URL.";
+        }
+
+        this.urlIsValid = true;
+        return null;
+    }
+}

app/MindWork AI Studio/Components/Blocks/ReadWebContentSteps.cs

@@ -0,0 +1,10 @@
+namespace AIStudio.Components.Blocks;
+
+public enum ReadWebContentSteps
+{
+    START,
+    LOADING,
+    PARSING,
+    CLEANING,
+    DONE,
+}

app/MindWork AI Studio/Components/Blocks/TreeItemData.cs

@@ -18,5 +18,5 @@ public class TreeItemData : ITreeItem
 
     public bool Expandable { get; init; } = true;
 
-    public HashSet<ITreeItem> Children { get; init; } = [];
+    public IReadOnlyCollection<TreeItemData<ITreeItem>> Children { get; init; } = [];
 }

app/MindWork AI Studio/Components/Blocks/Workspaces.razor

@@ -1,6 +1,6 @@
-<MudTreeView T="ITreeItem" Items="@this.treeItems" MultiSelection="@false" Hover="@true" ExpandOnClick="@true">
+<MudTreeView T="ITreeItem" Items="@this.treeItems" SelectionMode="SelectionMode.SingleSelection" Hover="@true" ExpandOnClick="@true">
     <ItemTemplate Context="item">
-        @switch (item)
+        @switch (item.Value)
         {
             case TreeDivider:
                 <li style="min-height: 1em;">
@@ -11,7 +11,7 @@
             case TreeItemData treeItem:
                 @if (treeItem.Type is TreeItemType.CHAT)
                 {
-                    <MudTreeViewItem T="ITreeItem" Icon="@treeItem.Icon" Value="@item" CanExpand="@treeItem.Expandable" Items="@treeItem.Children" OnClick="() => this.LoadChat(treeItem.Path, true)">
+                    <MudTreeViewItem T="ITreeItem" Icon="@treeItem.Icon" Value="@item.Value" CanExpand="@treeItem.Expandable" Items="@treeItem.Children" OnClick="() => this.LoadChat(treeItem.Path, true)">
                         <BodyContent>
                             <div style="display: grid; grid-template-columns: 1fr auto; align-items: center; width: 100%">
                                 <MudText Style="justify-self: start;">
@@ -44,7 +44,7 @@
                 }
                 else if (treeItem.Type is TreeItemType.WORKSPACE)
                 {
-                    <MudTreeViewItem T="ITreeItem" Icon="@treeItem.Icon" Value="@item" CanExpand="@treeItem.Expandable" Items="@treeItem.Children">
+                    <MudTreeViewItem T="ITreeItem" Icon="@treeItem.Icon" Value="@item.Value" CanExpand="@treeItem.Expandable" Items="@treeItem.Children">
                         <BodyContent>
                             <div style="display: grid; grid-template-columns: 1fr auto; align-items: center; width: 100%">
                                 <MudText Style="justify-self: start;">@treeItem.Text</MudText>
@@ -63,7 +63,7 @@
                 }
                 else
                 {
-                    <MudTreeViewItem T="ITreeItem" Icon="@treeItem.Icon" Value="@item" CanExpand="@treeItem.Expandable" Items="@treeItem.Children">
+                    <MudTreeViewItem T="ITreeItem" Icon="@treeItem.Icon" Value="@item.Value" CanExpand="@treeItem.Expandable" Items="@treeItem.Children">
                         <BodyContent>
                             <div style="display: grid; grid-template-columns: 1fr auto; align-items: center; width: 100%">
                                 <MudText Style="justify-self: start;">@treeItem.Text</MudText>

app/MindWork AI Studio/Components/Blocks/Workspaces.razor.cs

@@ -16,13 +16,13 @@ namespace AIStudio.Components.Blocks;
 public partial class Workspaces : ComponentBase
 {
     [Inject]
-    private SettingsManager SettingsManager { get; set; } = null!;
+    private SettingsManager SettingsManager { get; init; } = null!;
     
     [Inject]
-    private IDialogService DialogService { get; set; } = null!;
+    private IDialogService DialogService { get; init; } = null!;
     
     [Inject]
-    public Random RNG { get; set; } = null!;
+    private ThreadSafeRandom RNG { get; init; } = null!;
     
     [Parameter]
     public ChatThread? CurrentChatThread { get; set; }
@@ -47,8 +47,8 @@ public partial class Workspaces : ComponentBase
             new JsonStringEnumConverter(JsonNamingPolicy.SnakeCaseUpper),
         }
     };
-    
-    private readonly HashSet<ITreeItem> treeItems = new();
+
+    private readonly List<TreeItemData<ITreeItem>> treeItems = new();
     
     #region Overrides of ComponentBase
 
@@ -70,33 +70,46 @@ public partial class Workspaces : ComponentBase
     private async Task LoadTreeItems()
     {
         this.treeItems.Clear();
-        this.treeItems.Add(new TreeItemData
+        this.treeItems.Add(new TreeItemData<ITreeItem>
         {
-            Depth = 0,
-            Branch = WorkspaceBranch.WORKSPACES,
-            Text = "Workspaces",
-            Icon = Icons.Material.Filled.Folder,
             Expandable = true,
-            Path = "root",
-            Children = await this.LoadWorkspaces(),
+            Value = new TreeItemData
+            {
+                Depth = 0,
+                Branch = WorkspaceBranch.WORKSPACES,
+                Text = "Workspaces",
+                Icon = Icons.Material.Filled.Folder,
+                Expandable = true,
+                Path = "root",
+                Children = await this.LoadWorkspaces(),
+            },
         });
 
-        this.treeItems.Add(new TreeDivider());
-        this.treeItems.Add(new TreeItemData
+        this.treeItems.Add(new TreeItemData<ITreeItem>
+        {
+            Expandable = false,
+            Value = new TreeDivider(),
+        });
+        
+        this.treeItems.Add(new TreeItemData<ITreeItem>
         {
-            Depth = 0,
-            Branch = WorkspaceBranch.TEMPORARY_CHATS,
-            Text = "Temporary chats",
-            Icon = Icons.Material.Filled.Timer,
             Expandable = true,
-            Path = "temp",
-            Children = await this.LoadTemporaryChats(),
+            Value = new TreeItemData
+            {
+                Depth = 0,
+                Branch = WorkspaceBranch.TEMPORARY_CHATS,
+                Text = "Temporary chats",
+                Icon = Icons.Material.Filled.Timer,
+                Expandable = true,
+                Path = "temp",
+                Children = await this.LoadTemporaryChats(),
+            },
         });
     }
 
-    private async Task<HashSet<ITreeItem>> LoadTemporaryChats()
+    private async Task<IReadOnlyCollection<TreeItemData<ITreeItem>>> LoadTemporaryChats()
     {
-        var tempChildren = new HashSet<ITreeItem>();
+        var tempChildren = new List<TreeItemData<ITreeItem>>();
 
         //
         // Search for workspace folders in the data directory:
@@ -115,15 +128,19 @@ public partial class Workspaces : ComponentBase
             var chatNamePath = Path.Join(tempChatDirPath, "name");
             var chatName = await File.ReadAllTextAsync(chatNamePath, Encoding.UTF8);
                             
-            tempChildren.Add(new TreeItemData
+            tempChildren.Add(new TreeItemData<ITreeItem>
             {
-                Type = TreeItemType.CHAT,
-                Depth = 1,
-                Branch = WorkspaceBranch.TEMPORARY_CHATS,
-                Text = chatName,
-                Icon = Icons.Material.Filled.Timer,
                 Expandable = false,
-                Path = tempChatDirPath,
+                Value = new TreeItemData
+                {
+                    Type = TreeItemType.CHAT,
+                    Depth = 1,
+                    Branch = WorkspaceBranch.TEMPORARY_CHATS,
+                    Text = chatName,
+                    Icon = Icons.Material.Filled.Timer,
+                    Expandable = false,
+                    Path = tempChatDirPath,
+                },
             });
         }
                         
@@ -140,9 +157,9 @@ public partial class Workspaces : ComponentBase
         return await File.ReadAllTextAsync(workspaceNamePath, Encoding.UTF8);
     }
     
-    private async Task<HashSet<ITreeItem>> LoadWorkspaces()
+    private async Task<IReadOnlyCollection<TreeItemData<ITreeItem>>> LoadWorkspaces()
     {
-        var workspaces = new HashSet<ITreeItem>();
+        var workspaces = new List<TreeItemData<ITreeItem>>();
         
         //
         // Search for workspace folders in the data directory:
@@ -161,26 +178,34 @@ public partial class Workspaces : ComponentBase
             var workspaceNamePath = Path.Join(workspaceDirPath, "name");
             var workspaceName = await File.ReadAllTextAsync(workspaceNamePath, Encoding.UTF8);
                                 
-            workspaces.Add(new TreeItemData
+            workspaces.Add(new TreeItemData<ITreeItem>
             {
-                Type = TreeItemType.WORKSPACE,
-                Depth = 1,
-                Branch = WorkspaceBranch.WORKSPACES,
-                Text = workspaceName,
-                Icon = Icons.Material.Filled.Description,
                 Expandable = true,
-                Path = workspaceDirPath,
-                Children = await this.LoadWorkspaceChats(workspaceDirPath),
+                Value = new TreeItemData
+                {
+                    Type = TreeItemType.WORKSPACE,
+                    Depth = 1,
+                    Branch = WorkspaceBranch.WORKSPACES,
+                    Text = workspaceName,
+                    Icon = Icons.Material.Filled.Description,
+                    Expandable = true,
+                    Path = workspaceDirPath,
+                    Children = await this.LoadWorkspaceChats(workspaceDirPath),
+                },
             });
         }
                             
-        workspaces.Add(new TreeButton(WorkspaceBranch.WORKSPACES, 1, "Add workspace",Icons.Material.Filled.LibraryAdd, this.AddWorkspace));
+        workspaces.Add(new TreeItemData<ITreeItem>
+        {
+            Expandable = false,
+            Value = new TreeButton(WorkspaceBranch.WORKSPACES, 1, "Add workspace",Icons.Material.Filled.LibraryAdd, this.AddWorkspace),
+        });
         return workspaces;
     }
 
-    private async Task<HashSet<ITreeItem>> LoadWorkspaceChats(string workspacePath)
+    private async Task<IReadOnlyCollection<TreeItemData<ITreeItem>>> LoadWorkspaceChats(string workspacePath)
     {
-        var workspaceChats = new HashSet<ITreeItem>();
+        var workspaceChats = new List<TreeItemData<ITreeItem>>();
         
         // Enumerate the workspace directory:
         foreach (var chatPath in Directory.EnumerateDirectories(workspacePath))
@@ -189,19 +214,28 @@ public partial class Workspaces : ComponentBase
             var chatNamePath = Path.Join(chatPath, "name");
             var chatName = await File.ReadAllTextAsync(chatNamePath, Encoding.UTF8);
                                 
-            workspaceChats.Add(new TreeItemData
+            workspaceChats.Add(new TreeItemData<ITreeItem>
             {
-                Type = TreeItemType.CHAT,
-                Depth = 2,
-                Branch = WorkspaceBranch.WORKSPACES,
-                Text = chatName,
-                Icon = Icons.Material.Filled.Chat,
                 Expandable = false,
-                Path = chatPath,
+                Value = new TreeItemData
+                {
+                    Type = TreeItemType.CHAT,
+                    Depth = 2,
+                    Branch = WorkspaceBranch.WORKSPACES,
+                    Text = chatName,
+                    Icon = Icons.Material.Filled.Chat,
+                    Expandable = false,
+                    Path = chatPath,
+                },
             });
         }
                             
-        workspaceChats.Add(new TreeButton(WorkspaceBranch.WORKSPACES, 2, "Add chat",Icons.Material.Filled.AddComment, () => this.AddChat(workspacePath)));
+        workspaceChats.Add(new TreeItemData<ITreeItem>
+        {
+            Expandable = false,
+            Value = new TreeButton(WorkspaceBranch.WORKSPACES, 2, "Add chat",Icons.Material.Filled.AddComment, () => this.AddChat(workspacePath)),
+        });
+        
         return workspaceChats;
     }
 
@@ -247,7 +281,7 @@ public partial class Workspaces : ComponentBase
         
             var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Load Chat", dialogParameters, DialogOptions.FULLSCREEN);
             var dialogResult = await dialogReference.Result;
-            if (dialogResult.Canceled)
+            if (dialogResult is null || dialogResult.Canceled)
                 return null;
         }
 
@@ -294,7 +328,7 @@ public partial class Workspaces : ComponentBase
 
             var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Delete Chat", dialogParameters, DialogOptions.FULLSCREEN);
             var dialogResult = await dialogReference.Result;
-            if (dialogResult.Canceled)
+            if (dialogResult is null || dialogResult.Canceled)
                 return;
         }
 
@@ -331,7 +365,7 @@ public partial class Workspaces : ComponentBase
         
         var dialogReference = await this.DialogService.ShowAsync<SingleInputDialog>("Rename Chat", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
 
         chat.Name = (dialogResult.Data as string)!;
@@ -356,7 +390,7 @@ public partial class Workspaces : ComponentBase
         
         var dialogReference = await this.DialogService.ShowAsync<SingleInputDialog>("Rename Workspace", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
         
         var alteredWorkspaceName = (dialogResult.Data as string)!;
@@ -377,7 +411,7 @@ public partial class Workspaces : ComponentBase
         
         var dialogReference = await this.DialogService.ShowAsync<SingleInputDialog>("Add Workspace", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
         
         var workspaceId = Guid.NewGuid();
@@ -408,7 +442,7 @@ public partial class Workspaces : ComponentBase
         
         var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Delete Workspace", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
         
         Directory.Delete(workspacePath, true);
@@ -430,7 +464,7 @@ public partial class Workspaces : ComponentBase
         
         var dialogReference = await this.DialogService.ShowAsync<WorkspaceSelectionDialog>("Move Chat to Workspace", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
         
         var workspaceId = dialogResult.Data is Guid id ? id : default;
@@ -475,7 +509,7 @@ public partial class Workspaces : ComponentBase
         
             var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Create Chat", dialogParameters, DialogOptions.FULLSCREEN);
             var dialogResult = await dialogReference.Result;
-            if (dialogResult.Canceled)
+            if (dialogResult is null || dialogResult.Canceled)
                 return;
         }
         

app/MindWork AI Studio/Components/CommonDialogs/SingleInputDialog.razor

@@ -1,7 +1,7 @@
 <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"/>
+        <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>

app/MindWork AI Studio/Components/CommonDialogs/SingleInputDialog.razor.cs

@@ -1,3 +1,5 @@
+using AIStudio.Settings;
+
 using Microsoft.AspNetCore.Components;
 
 namespace AIStudio.Components.CommonDialogs;
@@ -18,6 +20,22 @@ public partial class SingleInputDialog : ComponentBase
 
     [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();
     

app/MindWork AI Studio/Components/CommonDialogs/WorkspaceSelectionDialog.razor

@@ -1,7 +1,7 @@
 <MudDialog>
     <DialogContent>
         <MudText Typo="Typo.body1">@this.Message</MudText>
-        <MudList Clickable="@true" @bind-SelectedValue="@this.selectedWorkspace">
+        <MudList T="Guid" @bind-SelectedValue="@this.selectedWorkspace">
             @foreach (var (workspaceName, workspaceId) in this.workspaces)
             {
                 <MudListItem Text="@workspaceName" Icon="@Icons.Material.Filled.Description" Value="@workspaceId" />

app/MindWork AI Studio/Components/CommonDialogs/WorkspaceSelectionDialog.razor.cs

@@ -21,7 +21,7 @@ public partial class WorkspaceSelectionDialog : ComponentBase
     public string ConfirmText { get; set; } = "OK";
     
     private readonly Dictionary<string, Guid> workspaces = new();
-    private object? selectedWorkspace;
+    private Guid selectedWorkspace;
 
     #region Overrides of ComponentBase
 
@@ -56,5 +56,5 @@ public partial class WorkspaceSelectionDialog : ComponentBase
 
     private void Cancel() => this.MudDialog.Cancel();
     
-    private void Confirm() => this.MudDialog.Close(DialogResult.Ok(this.selectedWorkspace is Guid workspaceId ? workspaceId : default));
+    private void Confirm() => this.MudDialog.Close(DialogResult.Ok(this.selectedWorkspace));
 }

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

@@ -1,4 +1,5 @@
 using AIStudio.Settings;
+using AIStudio.Tools;
 
 using Microsoft.AspNetCore.Components;
 
@@ -7,7 +8,7 @@ namespace AIStudio.Components;
 /// <summary>
 /// A base class for configuration options.
 /// </summary>
-public partial class ConfigurationBase : ComponentBase
+public partial class ConfigurationBase : ComponentBase, IMessageBusReceiver, IDisposable
 {
     /// <summary>
     /// The description of the option, i.e., the name. Should be
@@ -22,8 +23,66 @@ public partial class ConfigurationBase : ComponentBase
     [Parameter]
     public string OptionHelp { get; set; } = string.Empty;
     
+    /// <summary>
+    /// Is the option disabled?
+    /// </summary>
+    [Parameter]
+    public Func<bool> Disabled { get; set; } = () => false;
+    
     [Inject]
-    public SettingsManager SettingsManager { get; init; } = null!;
+    protected SettingsManager SettingsManager { get; init; } = null!;
+    
+    [Inject]
+    protected MessageBus MessageBus { get; init; } = null!;
     
     protected const string MARGIN_CLASS = "mb-6";
+    protected static readonly Dictionary<string, object?> SPELLCHECK_ATTRIBUTES = new();
+    
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        // Configure the spellchecking for the instance name input:
+        this.SettingsManager.InjectSpellchecking(SPELLCHECK_ATTRIBUTES);
+        
+        // Register this component with the message bus:
+        this.MessageBus.RegisterComponent(this);
+        this.MessageBus.ApplyFilters(this, [], [ Event.CONFIGURATION_CHANGED ]);
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    protected async Task InformAboutChange() => await this.MessageBus.SendMessage<bool>(this, Event.CONFIGURATION_CHANGED);
+    
+    #region Implementation of IMessageBusReceiver
+
+    public Task ProcessMessage<TMsg>(ComponentBase? sendingComponent, Event triggeredEvent, TMsg? data)
+    {
+        switch (triggeredEvent)
+        {
+            case Event.CONFIGURATION_CHANGED:
+                this.StateHasChanged();
+                break;
+        }
+
+        return Task.CompletedTask;
+    }
+
+    public Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data)
+    {
+        return Task.FromResult<TResult?>(default);
+    }
+
+    #endregion
+
+    #region Implementation of IDisposable
+
+    public void Dispose()
+    {
+        this.MessageBus.Unregister(this);
+    }
+
+    #endregion
 }

app/MindWork AI Studio/Components/ConfigurationOption.razor

@@ -1,7 +0,0 @@
-@inherits ConfigurationBase
-
-<MudField Label="@this.OptionDescription" Variant="Variant.Outlined" HelperText="@this.OptionHelp" Class="@MARGIN_CLASS">
-    <MudSwitch T="bool" Value="@this.State()" ValueChanged="@(updatedState => this.OptionChanged(updatedState))">
-        @(this.State() ? this.LabelOn : this.LabelOff)
-    </MudSwitch>
-</MudField>

app/MindWork AI Studio/Components/ConfigurationSelect.razor

@@ -1,11 +0,0 @@
-@inherits ConfigurationBase
-@typeparam T
-
-<MudSelect T="T" Value="@this.SelectedValue()" Margin="Margin.Dense" Label="@this.OptionDescription" Class="@GetClass" Variant="Variant.Outlined" HelperText="@this.OptionHelp" ValueChanged="selectedValue => this.OptionChanged(selectedValue)">
-    @foreach (var data in this.Data)
-    {
-        <MudSelectItem Value="@data.Value">
-            @data.Name
-        </MudSelectItem>
-    }
-</MudSelect>

app/MindWork AI Studio/Components/ConfigurationTrigger.razor

@@ -1,7 +0,0 @@
-@inherits ConfigurationBase
-
-<MudField Label="@this.OptionDescription" Variant="Variant.Outlined" HelperText="@this.OptionHelp" Class="@MARGIN_CLASS">
-    <MudButton Variant="Variant.Filled" StartIcon="@this.TriggerIcon" OnClick="@this.Click">
-        @this.TriggerText
-    </MudButton>
-</MudField>

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

@@ -1,24 +0,0 @@
-using Microsoft.AspNetCore.Components;
-
-namespace AIStudio.Components;
-
-public partial class ConfigurationTrigger : ConfigurationBase
-{
-    [Parameter]
-    public string TriggerText { get; set; } = string.Empty;
-
-    [Parameter]
-    public string TriggerIcon { get; set; } = Icons.Material.Filled.AddBox;
-    
-    [Parameter]
-    public Action OnClickSync { get; set; } = () => { };
-    
-    [Parameter]
-    public Func<Task> OnClickAsync { get; set; } = () => Task.CompletedTask;
-
-    private async Task Click()
-    {
-        this.OnClickSync();
-        await this.OnClickAsync();
-    }
-}

app/MindWork AI Studio/Components/Layout/MainLayout.razor

@@ -1,36 +1,32 @@
-@inherits LayoutComponentBase
+@using AIStudio.Settings.DataModel
+@inherits LayoutComponentBase
 
 <MudPaper Height="calc(100vh);" Elevation="0">
     <MudLayout>
         @if (!this.performingUpdate)
         {
             <MudDrawerContainer Class="mud-height-full absolute">
-                <MudDrawer Elevation="0" Variant="@DrawerVariant.Mini" OpenMiniOnHover="@true" Color="Color.Default">
+                <MudDrawer @bind-Open="@this.navBarOpen" MiniWidth="@NAVBAR_COLLAPSED_WIDTH" Width="@NAVBAR_EXPANDED_WIDTH" Elevation="1" Fixed="@true" Variant="@DrawerVariant.Mini" OpenMiniOnHover="@(this.SettingsManager.ConfigurationData.NavigationBehavior is NavBehavior.EXPAND_ON_HOVER)" Color="Color.Default">
                     <MudNavMenu>
-                        <MudTooltip Text="Home" Placement="Placement.Right">
-                            <MudNavLink Href="/" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
-                        </MudTooltip>
-                        <MudTooltip Text="Chat" Placement="Placement.Right">
-                            <MudNavLink Href="/chat" Icon="@Icons.Material.Filled.Chat">Chat</MudNavLink>
-                        </MudTooltip>
-                        <MudTooltip Text="Assistants" Placement="Placement.Right">
-                            <MudNavLink Href="/assistants" Icon="@Icons.Material.Filled.Apps">Assistants</MudNavLink>
-                        </MudTooltip>
-                        <MudTooltip Text="Supporters" Placement="Placement.Right">
-                            <MudNavLink Href="/supporters" Icon="@Icons.Material.Filled.Favorite" IconColor="Color.Error">Supporters</MudNavLink>
-                        </MudTooltip>
-                        <MudTooltip Text="About" Placement="Placement.Right">
-                            <MudNavLink Href="/about" Icon="@Icons.Material.Filled.Info">About</MudNavLink>
-                        </MudTooltip>
-                        <MudTooltip Text="Settings" Placement="Placement.Right">
-                            <MudNavLink Href="/settings" Icon="@Icons.Material.Filled.Settings">Settings</MudNavLink>
-                        </MudTooltip>
+                        @foreach (var navBarItem in NAV_ITEMS)
+                        {
+                            if (this.SettingsManager.ConfigurationData.NavigationBehavior is NavBehavior.NEVER_EXPAND_USE_TOOLTIPS)
+                            {
+                                <MudTooltip Text="@navBarItem.Name" Placement="Placement.Right">
+                                    <MudNavLink Href="@navBarItem.Path" Match="@(navBarItem.MatchAll ? NavLinkMatch.All : NavLinkMatch.Prefix)" Icon="@navBarItem.Icon" IconColor="@navBarItem.IconColor">@navBarItem.Name</MudNavLink>
+                                </MudTooltip>
+                            }
+                            else
+                            {
+                                <MudNavLink Href="@navBarItem.Path" Match="@(navBarItem.MatchAll ? NavLinkMatch.All : NavLinkMatch.Prefix)" Icon="@navBarItem.Icon" IconColor="@navBarItem.IconColor">@navBarItem.Name</MudNavLink>
+                            }
+                        }
                     </MudNavMenu>
                 </MudDrawer>
             </MudDrawerContainer>
         }
 
-        <MudMainContent Class="mud-height-full pt-1">
+        <MudMainContent Class="mud-height-full pt-1" Style="@this.PaddingLeft">
             <MudContainer Fixed="@true" Class="mud-height-full" Style="margin-left: 5em; width: calc(100% - 5em);">
                 @if (!this.performingUpdate && this.IsUpdateAlertVisible)
                 {

app/MindWork AI Studio/Components/Layout/MainLayout.razor.cs

@@ -1,5 +1,6 @@
 using AIStudio.Components.CommonDialogs;
 using AIStudio.Settings;
+using AIStudio.Settings.DataModel;
 using AIStudio.Tools;
 
 using Microsoft.AspNetCore.Components;
@@ -9,7 +10,7 @@ using DialogOptions = AIStudio.Components.CommonDialogs.DialogOptions;
 
 namespace AIStudio.Components.Layout;
 
-public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
+public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver, IDisposable
 {
     [Inject]
     private IJSRuntime JsRuntime { get; init; } = null!;
@@ -34,12 +35,30 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
 
     public string AdditionalHeight { get; private set; } = "0em";
     
+    private string PaddingLeft => this.navBarOpen ? $"padding-left: {NAVBAR_EXPANDED_WIDTH_INT - NAVBAR_COLLAPSED_WIDTH_INT}em;" : "padding-left: 0em;";
+    
+    private const int NAVBAR_COLLAPSED_WIDTH_INT = 4;
+    private const int NAVBAR_EXPANDED_WIDTH_INT = 10;
+    private static readonly string NAVBAR_COLLAPSED_WIDTH = $"{NAVBAR_COLLAPSED_WIDTH_INT}em";
+    private static readonly string NAVBAR_EXPANDED_WIDTH = $"{NAVBAR_EXPANDED_WIDTH_INT}em";
+    
+    private bool navBarOpen;
     private bool isUpdateAvailable;
     private bool performingUpdate;
     private bool userDismissedUpdate;
     private string updateToVersion = string.Empty;
     private UpdateResponse? currentUpdateResponse;
     
+    private static readonly IReadOnlyCollection<NavBarItem> NAV_ITEMS = new List<NavBarItem>
+    {
+        new("Home", Icons.Material.Filled.Home, Color.Default, "/", true),
+        new("Chat", Icons.Material.Filled.Chat, Color.Default, "/chat", false),
+        new("Assistants", Icons.Material.Filled.Apps, Color.Default ,"/assistants", false),
+        new("Supporters", Icons.Material.Filled.Favorite, Color.Error ,"/supporters", false),
+        new("About", Icons.Material.Filled.Info, Color.Default ,"/about", false),
+        new("Settings", Icons.Material.Filled.Settings, Color.Default ,"/settings", false),
+    };
+    
     #region Overrides of ComponentBase
 
     protected override async Task OnInitializedAsync()
@@ -63,12 +82,16 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
         
         // Register this component with the message bus:
         this.MessageBus.RegisterComponent(this);
-        this.MessageBus.ApplyFilters(this, [], [ Event.UPDATE_AVAILABLE, Event.USER_SEARCH_FOR_UPDATE ]);
+        this.MessageBus.ApplyFilters(this, [], [ Event.UPDATE_AVAILABLE, Event.USER_SEARCH_FOR_UPDATE, Event.CONFIGURATION_CHANGED ]);
         
         // Set the js runtime for the update service:
         UpdateService.SetBlazorDependencies(this.JsRuntime, this.Snackbar);
         TemporaryChatService.Initialize();
         
+        // Should the navigation bar be open by default?
+        if(this.SettingsManager.ConfigurationData.NavigationBehavior is NavBehavior.ALWAYS_EXPAND)
+            this.navBarOpen = true;
+        
         await base.OnInitializedAsync();
     }
 
@@ -96,6 +119,15 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
                 }
                 
                 break;
+            
+            case Event.CONFIGURATION_CHANGED:
+                if(this.SettingsManager.ConfigurationData.NavigationBehavior is NavBehavior.ALWAYS_EXPAND)
+                    this.navBarOpen = true;
+                else
+                    this.navBarOpen = false;
+                
+                this.StateHasChanged();
+                break;
         }
     }
 
@@ -105,7 +137,7 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
     }
 
     #endregion
-
+    
     private async Task DismissUpdate()
     {
         this.userDismissedUpdate = true;
@@ -151,7 +183,7 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
 
         var dialogReference = await this.DialogService.ShowAsync<UpdateDialog>("Update", dialogParameters, DialogOptions.FULLSCREEN_NO_HEADER);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
         
         this.performingUpdate = true;
@@ -170,7 +202,7 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
         
             var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Leave Chat Page", dialogParameters, DialogOptions.FULLSCREEN);
             var dialogResult = await dialogReference.Result;
-            if (dialogResult.Canceled)
+            if (dialogResult is null || dialogResult.Canceled)
             {
                 context.PreventNavigation();
                 return;
@@ -180,4 +212,13 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
             await MessageBus.INSTANCE.SendMessage<bool>(this, Event.RESET_CHAT_STATE);
         }
     }
+
+    #region Implementation of IDisposable
+
+    public void Dispose()
+    {
+        this.MessageBus.Unregister(this);
+    }
+
+    #endregion
 }

app/MindWork AI Studio/Components/Layout/NavBarItem.cs

@@ -0,0 +1,3 @@
+namespace AIStudio.Components.Layout;
+
+public record NavBarItem(string Name, string Icon, Color IconColor, string Path, bool MatchAll);

app/MindWork AI Studio/Components/Pages/About.razor

@@ -9,14 +9,14 @@
             <MudText>
                 The following list shows the versions of the MindWork AI Studio, the used compilers, build time, etc.:
             </MudText>
-            <MudList Clickable="@true">
-                <MudListItem Icon="@Icons.Material.Outlined.Chat" Text="@VersionApp"/>
-                <MudListItem Icon="@Icons.Material.Outlined.Timer" Text="@BuildTime"/>
-                <MudListItem Icon="@Icons.Material.Outlined.Build" Text="@VersionDotnetSdk"/>
-                <MudListItem Icon="@Icons.Material.Outlined.Memory" Text="@VersionDotnetRuntime"/>
-                <MudListItem Icon="@Icons.Material.Outlined.Build" Text="@VersionRust"/>
-                <MudListItem Icon="@Icons.Material.Outlined.Widgets" Text="@MudBlazorVersion"/>
-                <MudListItem Icon="@Icons.Material.Outlined.Memory" Text="@TauriVersion"/>
+            <MudList T="string" Class="mb-3">
+                <MudListItem T="string" Icon="@Icons.Material.Outlined.Chat" Text="@VersionApp"/>
+                <MudListItem T="string" Icon="@Icons.Material.Outlined.Timer" Text="@BuildTime"/>
+                <MudListItem T="string" Icon="@Icons.Material.Outlined.Build" Text="@VersionDotnetSdk"/>
+                <MudListItem T="string" Icon="@Icons.Material.Outlined.Memory" Text="@VersionDotnetRuntime"/>
+                <MudListItem T="string" Icon="@Icons.Material.Outlined.Build" Text="@VersionRust"/>
+                <MudListItem T="string" Icon="@Icons.Material.Outlined.Widgets" Text="@MudBlazorVersion"/>
+                <MudListItem T="string" Icon="@Icons.Material.Outlined.Memory" Text="@TauriVersion"/>
             </MudList>
             <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Update" OnClick="() => this.CheckForUpdate()">
                 Check for updates
@@ -47,6 +47,8 @@
                 <ThirdPartyComponent Name="arboard" Developer="Artur Kovacs, Avi Weinstock, 1Password & Open Source Community" LicenseName="MIT & Apache-2.0" LicenseUrl="https://github.com/1Password/arboard" RepositoryUrl="https://github.com/1Password/arboard" UseCase="To be able to use the responses of the LLM in other apps, we often use the clipboard of the respective operating system. Unfortunately, in .NET there is no solution that works with all operating systems. Therefore, I have opted for this library in Rust. This way, data transfer to other apps works on every system."/>
                 <ThirdPartyComponent Name="tokio" Developer="Alex Crichton & Open Source Community" LicenseName="MIT" LicenseUrl="https://github.com/tokio-rs/tokio/blob/master/LICENSE" RepositoryUrl="https://github.com/tokio-rs/tokio" UseCase="Code in the Rust language can be specified as synchronous or asynchronous. Unlike .NET and the C# language, Rust cannot execute asynchronous code by itself. Rust requires support in the form of an executor for this. Tokio is one such executor."/>
                 <ThirdPartyComponent Name="flexi_logger" Developer="emabee & Open Source Community" LicenseName="MIT & Apache-2.0" LicenseUrl="https://github.com/emabee/flexi_logger" RepositoryUrl="https://github.com/emabee/flexi_logger" UseCase="This Rust library is used to output the app's messages to the terminal. This is helpful during development and troubleshooting. This feature is initially invisible; when the app is started via the terminal, the messages become visible."/>
+                <ThirdPartyComponent Name="HtmlAgilityPack" Developer="ZZZ Projects & Open Source Community" LicenseName="MIT" LicenseUrl="https://github.com/zzzprojects/html-agility-pack/blob/master/LICENSE" RepositoryUrl="https://github.com/zzzprojects/html-agility-pack" UseCase="We use the HtmlAgilityPack to extract content from the web. This is necessary, e.g., when you provide a URL as input for an assistant."/>
+                <ThirdPartyComponent Name="ReverseMarkdown" Developer="Babu Annamalai & Open Source Community" LicenseName="MIT" LicenseUrl="https://github.com/mysticmind/reversemarkdown-net/blob/master/LICENSE" RepositoryUrl="https://github.com/mysticmind/reversemarkdown-net" UseCase="This library is used to convert HTML to Markdown. This is necessary, e.g., when you provide a URL as input for an assistant."/>
             </MudGrid>
         </ExpansionPanel>
         <ExpansionPanel HeaderIcon="@Icons.Material.Filled.Verified" HeaderText="License: FSL-1.1-MIT">

app/MindWork AI Studio/Components/Pages/Assistants.razor

@@ -4,8 +4,9 @@
     Assistants
 </MudText>
 
-<MudGrid>
+<MudStack Row="@true" Wrap="@Wrap.Wrap">
     <AssistantBlock Name="Icon Finder" Description="Using a LLM to find an icon for a given context." Icon="@Icons.Material.Filled.FindInPage" Link="/assistant/icons"/>
     <AssistantBlock Name="Text Summarizer" Description="Using a LLM to summarize a given text." Icon="@Icons.Material.Filled.TextSnippet" Link="/assistant/summarizer"/>
-    <AssistantBlock Name="Translator" Description="Translate text into another language." Icon="@Icons.Material.Filled.Translate" Link="/assistant/translator"/>
-</MudGrid>
+    <AssistantBlock Name="Translation" Description="Translate text into another language." Icon="@Icons.Material.Filled.Translate" Link="/assistant/translation"/>
+    <AssistantBlock Name="Coding" Description="Get coding and debugging support from a LLM." Icon="@Icons.Material.Filled.Code" Link="/assistant/coding"/>
+</MudStack>

app/MindWork AI Studio/Components/Pages/Chat.razor

@@ -1,6 +1,7 @@
 @page "/chat"
 @using AIStudio.Chat
 @using AIStudio.Settings
+@using AIStudio.Settings.DataModel
 
 @inherits MSGComponentBase
 
@@ -72,7 +73,7 @@
 
                 @if (this.SettingsManager.ConfigurationData.WorkspaceStorageBehavior is not WorkspaceStorageBehavior.DISABLE_WORKSPACES)
                 {
-                    <MudTooltip Text="Move chat to (another) workspace" Placement="@TOOLBAR_TOOLTIP_PLACEMENT">
+                    <MudTooltip Text="Move the chat to a workspace, or to another if it is already in one." Placement="@TOOLBAR_TOOLTIP_PLACEMENT">
                         <MudIconButton Icon="@Icons.Material.Filled.MoveToInbox" Disabled="@(!this.CanThreadBeSaved)" OnClick="() => this.MoveChatToWorkspace()"/>
                     </MudTooltip>
                 }

app/MindWork AI Studio/Components/Pages/Chat.razor.cs

@@ -3,6 +3,7 @@ using AIStudio.Components.Blocks;
 using AIStudio.Components.CommonDialogs;
 using AIStudio.Provider;
 using AIStudio.Settings;
+using AIStudio.Settings.DataModel;
 using AIStudio.Tools;
 
 using Microsoft.AspNetCore.Components;
@@ -24,7 +25,7 @@ public partial class Chat : MSGComponentBase, IAsyncDisposable
     public IJSRuntime JsRuntime { get; init; } = null!;
 
     [Inject]
-    public Random RNG { get; set; } = null!;
+    private ThreadSafeRandom RNG { get; init; } = null!;
     
     [Inject]
     public IDialogService DialogService { get; set; } = null!;
@@ -55,6 +56,11 @@ public partial class Chat : MSGComponentBase, IAsyncDisposable
         
         // Configure the spellchecking for the user input:
         this.SettingsManager.InjectSpellchecking(USER_INPUT_ATTRIBUTES);
+
+        if (this.SettingsManager.ConfigurationData.PreselectChatOptions)
+        {
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.PreselectedChatProvider);
+        }
         
         await base.OnInitializedAsync();
     }
@@ -235,7 +241,7 @@ public partial class Chat : MSGComponentBase, IAsyncDisposable
         
             var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Delete Chat", dialogParameters, DialogOptions.FULLSCREEN);
             var dialogResult = await dialogReference.Result;
-            if (dialogResult.Canceled)
+            if (dialogResult is null || dialogResult.Canceled)
                 return;
         }
 
@@ -297,7 +303,7 @@ public partial class Chat : MSGComponentBase, IAsyncDisposable
         
             var confirmationDialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Unsaved Changes", confirmationDialogParameters, DialogOptions.FULLSCREEN);
             var confirmationDialogResult = await confirmationDialogReference.Result;
-            if (confirmationDialogResult.Canceled)
+            if (confirmationDialogResult is null || confirmationDialogResult.Canceled)
                 return;
         }
         
@@ -310,7 +316,7 @@ public partial class Chat : MSGComponentBase, IAsyncDisposable
         
         var dialogReference = await this.DialogService.ShowAsync<WorkspaceSelectionDialog>("Move Chat to Workspace", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
         
         var workspaceId = dialogResult.Data is Guid id ? id : default;

app/MindWork AI Studio/Components/Pages/Coding/AssistantCoding.razor

@@ -0,0 +1,39 @@
+@page "/assistant/coding"
+@using AIStudio.Settings
+@inherits AssistantBaseCore
+
+<MudExpansionPanels Class="mb-3">
+    @for (var contextIndex = 0; contextIndex < this.codingContexts.Count; contextIndex++)
+    {
+        var codingContext = this.codingContexts[contextIndex];
+        <ExpansionPanel HeaderText="@codingContext.Id" HeaderIcon="@Icons.Material.Filled.Code">
+            <CodingContextItem @bind-CodingContext="@codingContext"/>
+        </ExpansionPanel>
+    }
+</MudExpansionPanels>
+<MudButton Variant="Variant.Filled" OnClick="() => this.AddCodingContext()" Class="mb-3">
+    Add context
+</MudButton>
+
+<MudStack Row="@false" Class="mb-3">
+    <MudSwitch T="bool" @bind-Value="@this.provideCompilerMessages" Color="Color.Primary">
+        @(this.provideCompilerMessages ? "Provide compiler messages" : "Provide no compiler messages")
+    </MudSwitch>
+    @if (this.provideCompilerMessages)
+    {
+        <MudTextField T="string" @bind-Text="@this.compilerMessages" Validation="@this.ValidatingCompilerMessages" AdornmentIcon="@Icons.Material.Filled.Error" Adornment="Adornment.Start" Label="Compiler messages" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+    }
+</MudStack>
+
+<MudTextField T="string" @bind-Text="@this.questions" Validation="@this.ValidateQuestions" AdornmentIcon="@Icons.Material.Filled.QuestionMark" Adornment="Adornment.Start" Label="Your question(s)" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+
+<MudSelect T="Provider" @bind-Value="@this.providerSettings" Validation="@this.ValidatingProvider" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Apps" Margin="Margin.Dense" Label="Provider" Class="mb-3 rounded-lg" Variant="Variant.Outlined">
+    @foreach (var provider in this.SettingsManager.ConfigurationData.Providers)
+    {
+        <MudSelectItem Value="@provider"/>
+    }
+</MudSelect>
+
+<MudButton Variant="Variant.Filled" Color="Color.Info" OnClick="() => this.GetSupport()" Class="mb-3">
+    Get support
+</MudButton>

app/MindWork AI Studio/Components/Pages/Coding/AssistantCoding.razor.cs

@@ -0,0 +1,123 @@
+using System.Text;
+
+namespace AIStudio.Components.Pages.Coding;
+
+public partial class AssistantCoding : AssistantBaseCore
+{
+    protected override string Title => "Coding Assistant";
+    
+    protected override string Description =>
+        """
+        This coding assistant supports you in writing code. Provide some coding context by copying and pasting
+        your code into the input fields. You might assign an ID to your code snippet to easily reference it later.
+        When you have compiler messages, you can paste them into the input fields to get help with debugging as well.
+        """;
+    
+    protected override string SystemPrompt => 
+        """
+        You are a friendly, helpful senior software developer with extensive experience in various programming languages
+        and concepts. You are familiar with principles like DRY, KISS, YAGNI, and SOLID and can apply and explain them.
+        You know object-oriented programming, as well as functional programming and procedural programming. You are also
+        familiar with design patterns and can explain them. You are an expert of debugging and can help with compiler
+        messages. You can also help with code refactoring and optimization.
+        
+        When the user asks in a different language than English, you answer in the same language!
+        """;
+    
+    private readonly List<CodingContext> codingContexts = new();
+    private bool provideCompilerMessages;
+    private string compilerMessages = string.Empty;
+    private string questions = string.Empty;
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (this.SettingsManager.ConfigurationData.PreselectCodingOptions)
+        {
+            this.provideCompilerMessages = this.SettingsManager.ConfigurationData.PreselectCodingCompilerMessages;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.PreselectedCodingProvider);
+        }
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private string? ValidatingCompilerMessages(string checkCompilerMessages)
+    {
+        if(!this.provideCompilerMessages)
+            return null;
+        
+        if(string.IsNullOrWhiteSpace(checkCompilerMessages))
+            return "Please provide the compiler messages.";
+        
+        return null;
+    }
+    
+    private string? ValidateQuestions(string checkQuestions)
+    {
+        if(string.IsNullOrWhiteSpace(checkQuestions))
+            return "Please provide your questions.";
+        
+        return null;
+    }
+
+    private void AddCodingContext()
+    {
+        this.codingContexts.Add(new()
+        {
+            Id = $"Context {this.codingContexts.Count + 1}",
+            Language = this.SettingsManager.ConfigurationData.PreselectCodingOptions ? this.SettingsManager.ConfigurationData.PreselectedCodingLanguage : default,
+            OtherLanguage = this.SettingsManager.ConfigurationData.PreselectCodingOptions ? this.SettingsManager.ConfigurationData.PreselectedCodingOtherLanguage : string.Empty,
+        });
+    }
+
+    private async Task GetSupport()
+    {
+        await this.form!.Validate();
+        if (!this.inputIsValid)
+            return;
+
+        var sbContext = new StringBuilder();
+        if (this.codingContexts.Count > 0)
+        {
+            sbContext.AppendLine("I have the following coding context:");
+            sbContext.AppendLine();
+            foreach (var codingContext in this.codingContexts)
+            {
+                sbContext.AppendLine($"ID: {codingContext.Id}");
+                sbContext.AppendLine($"Language: {codingContext.Language.Name()}");
+                sbContext.AppendLine($"Other Language: {codingContext.OtherLanguage}");
+                sbContext.AppendLine($"Content:");
+                sbContext.AppendLine("```");
+                sbContext.AppendLine(codingContext.Code);
+                sbContext.AppendLine("```");
+                sbContext.AppendLine();
+            }
+        }
+
+        var sbCompilerMessages = new StringBuilder();
+        if (this.provideCompilerMessages)
+        {
+            sbCompilerMessages.AppendLine("I have the following compiler messages:");
+            sbCompilerMessages.AppendLine();
+            sbCompilerMessages.AppendLine("```");
+            sbCompilerMessages.AppendLine(this.compilerMessages);
+            sbCompilerMessages.AppendLine("```");
+            sbCompilerMessages.AppendLine();
+        }
+
+        this.CreateChatThread();
+        var time = this.AddUserRequest(
+            $"""
+                {sbContext}
+                {sbCompilerMessages}
+                
+                My questions are:
+                {this.questions}
+             """);
+
+        await this.AddAIResponseAsync(time);
+    }
+}

app/MindWork AI Studio/Components/Pages/Coding/CodingContext.cs

@@ -0,0 +1,16 @@
+namespace AIStudio.Components.Pages.Coding;
+
+public sealed class CodingContext(string id, CommonCodingLanguages language, string otherLanguage, string code)
+{
+    public CodingContext() : this(string.Empty, CommonCodingLanguages.NONE, string.Empty, string.Empty)
+    {
+    }
+    
+    public string Id { get; set; } = id;
+    
+    public CommonCodingLanguages Language { get; set; } = language;
+    
+    public string OtherLanguage { get; set; } = otherLanguage;
+    
+    public string Code { get; set; } = code;
+}

app/MindWork AI Studio/Components/Pages/Coding/CodingContextItem.razor

@@ -0,0 +1,14 @@
+<MudTextField T="string" @bind-Text="@this.CodingContext.Id" AdornmentIcon="@Icons.Material.Filled.Numbers" Adornment="Adornment.Start" Label="(Optional) Identifier" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" Class="mb-3"/>
+<MudStack Row="@true" AlignItems="AlignItems.Center" Class="mb-3">
+    <MudSelect T="CommonCodingLanguages" @bind-Value="@this.CodingContext.Language" AdornmentIcon="@Icons.Material.Filled.Code" Adornment="Adornment.Start" Label="Language" Variant="Variant.Outlined" Margin="Margin.Dense">
+        @foreach (var language in Enum.GetValues<CommonCodingLanguages>())
+        {
+            <MudSelectItem Value="@language">@language.Name()</MudSelectItem>
+        }
+    </MudSelect>
+    @if (this.CodingContext.Language is CommonCodingLanguages.OTHER)
+    {
+        <MudTextField T="string" @bind-Text="@this.CodingContext.OtherLanguage" Validation="@this.ValidatingOtherLanguage" Label="Other language" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+    }
+</MudStack>
+<MudTextField T="string" @bind-Text="@this.CodingContext.Code" Validation="@this.ValidatingCode" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your code" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES" />

app/MindWork AI Studio/Components/Pages/Coding/CodingContextItem.razor.cs

@@ -0,0 +1,50 @@
+using AIStudio.Settings;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Pages.Coding;
+
+public partial class CodingContextItem : ComponentBase
+{
+    [Parameter]
+    public CodingContext CodingContext { get; set; } = new();
+
+    [Parameter]
+    public EventCallback<CodingContext> CodingContextChanged { get; set; }
+    
+    [Inject]
+    protected SettingsManager SettingsManager { get; set; } = null!;
+
+    private static readonly Dictionary<string, object?> USER_INPUT_ATTRIBUTES = new();
+    
+    #region Overrides of ComponentBase
+
+    protected override async Task OnParametersSetAsync()
+    {
+        // Configure the spellchecking for the user input:
+        this.SettingsManager.InjectSpellchecking(USER_INPUT_ATTRIBUTES);
+        
+        await base.OnParametersSetAsync();
+    }
+    
+    #endregion
+    
+    private string? ValidatingCode(string code)
+    {
+        if(string.IsNullOrWhiteSpace(code))
+            return $"{this.CodingContext.Id}: Please provide your input.";
+        
+        return null;
+    }
+    
+    private string? ValidatingOtherLanguage(string language)
+    {
+        if(this.CodingContext.Language != CommonCodingLanguages.OTHER)
+            return null;
+        
+        if(string.IsNullOrWhiteSpace(language))
+            return "Please specify the language.";
+        
+        return null;
+    }
+}

app/MindWork AI Studio/Components/Pages/Coding/CommonCodingLanguageExtensions.cs

@@ -0,0 +1,43 @@
+namespace AIStudio.Components.Pages.Coding;
+
+public static class CommonCodingLanguageExtensions
+{
+    public static string Name(this CommonCodingLanguages language) => language switch
+    { 
+        CommonCodingLanguages.NONE => "None",
+        
+        CommonCodingLanguages.BASH => "Bash",
+        CommonCodingLanguages.BLAZOR => ".NET Blazor",
+        CommonCodingLanguages.C => "C",
+        CommonCodingLanguages.CPP => "C++",
+        CommonCodingLanguages.CSHARP => "C#",
+        CommonCodingLanguages.CSS => "CSS",
+        CommonCodingLanguages.FORTRAN => "Fortran",
+        CommonCodingLanguages.GDSCRIPT => "GDScript",
+        CommonCodingLanguages.GO => "Go",
+        CommonCodingLanguages.HTML => "HTML",
+        CommonCodingLanguages.JAVA => "Java",
+        CommonCodingLanguages.JAVASCRIPT => "JavaScript",
+        CommonCodingLanguages.JSON => "JSON",
+        CommonCodingLanguages.JULIA => "Julia",
+        CommonCodingLanguages.KOTLIN => "Kotlin",
+        CommonCodingLanguages.LUA => "Lua",
+        CommonCodingLanguages.MARKDOWN => "Markdown",
+        CommonCodingLanguages.MATHEMATICA => "Mathematica",
+        CommonCodingLanguages.MATLAB => "MATLAB",
+        CommonCodingLanguages.PHP => "PHP",
+        CommonCodingLanguages.POWERSHELL => "PowerShell",
+        CommonCodingLanguages.PROLOG => "Prolog",
+        CommonCodingLanguages.PYTHON => "Python",
+        CommonCodingLanguages.R => "R",
+        CommonCodingLanguages.RUBY => "Ruby",
+        CommonCodingLanguages.RUST => "Rust",
+        CommonCodingLanguages.SQL => "SQL",
+        CommonCodingLanguages.SWIFT => "Swift",
+        CommonCodingLanguages.TYPESCRIPT => "TypeScript",
+        CommonCodingLanguages.XML => "XML",
+        
+        CommonCodingLanguages.OTHER => "Other",
+        _ => "Unknown"
+    };
+}

app/MindWork AI Studio/Components/Pages/Coding/CommonCodingLanguages.cs

@@ -0,0 +1,39 @@
+namespace AIStudio.Components.Pages.Coding;
+
+public enum CommonCodingLanguages
+{
+    NONE,
+    
+    BASH,
+    BLAZOR,
+    C,
+    CPP,
+    CSHARP,
+    CSS,
+    FORTRAN,
+    GDSCRIPT,
+    GO,
+    HTML,
+    JAVA,
+    JAVASCRIPT,
+    JSON,
+    JULIA,
+    KOTLIN,
+    LUA,
+    MARKDOWN,
+    MATHEMATICA,
+    MATLAB,
+    PHP,
+    POWERSHELL,
+    PROLOG,
+    PYTHON,
+    R,
+    RUBY,
+    RUST,
+    SQL,
+    SWIFT,
+    TYPESCRIPT,
+    XML,
+    
+    OTHER,
+}

app/MindWork AI Studio/Components/Pages/Home.razor.cs

@@ -31,7 +31,7 @@ public partial class Home : ComponentBase
     private static readonly TextItem[] ITEMS_ADVANTAGES =
     [
         new TextItem("Free of charge", "The app is free to use, both for personal and commercial purposes."),
-        new TextItem("Independence", "You are not tied to any single provider. Instead, you might choose the provider that best suits your needs. Right now, we support OpenAI (GPT4o etc.), Mistral, Anthropic (Claude), and self-hosted models using llama.cpp or LM Studio. Support for Google Gemini, ollama, Replicate, and Fireworks is planned."),
+        new TextItem("Independence", "You are not tied to any single provider. Instead, you might choose the provider that best suits your needs. Right now, we support OpenAI (GPT4o etc.), Mistral, Anthropic (Claude), and self-hosted models using llama.cpp, ollama, LM Studio, or Fireworks. Support for Google Gemini and Replicate is planned."),
         new TextItem("Unrestricted usage", "Unlike services like ChatGPT, which impose limits after intensive use, MindWork AI Studio offers unlimited usage through the providers API."),
         new TextItem("Cost-effective", "You only pay for what you use, which can be cheaper than monthly subscription services like ChatGPT Plus, especially if used infrequently. But beware, here be dragons: For extremely intensive usage, the API costs can be significantly higher. Unfortunately, providers currently do not offer a way to display current costs in the app. Therefore, check your account with the respective provider to see how your costs are developing. When available, use prepaid and set a cost limit."),
         new TextItem("Privacy", "The data entered into the app is not used for training by the providers since we are using the provider's API."),

app/MindWork AI Studio/Components/Pages/IconFinder/AssistantIconFinder.razor.cs

@@ -1,5 +1,3 @@
-using AIStudio.Provider;
-
 namespace AIStudio.Components.Pages.IconFinder;
 
 public partial class AssistantIconFinder : AssistantBaseCore
@@ -7,6 +5,21 @@ public partial class AssistantIconFinder : AssistantBaseCore
     private string inputContext = string.Empty;
     private IconSources selectedIconSource;
 
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (this.SettingsManager.ConfigurationData.PreselectIconOptions)
+        {
+            this.selectedIconSource = this.SettingsManager.ConfigurationData.PreselectedIconSource;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.PreselectedIconProvider);
+        }
+
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
     protected override string Title => "Icon Finder";
     
     protected override string Description =>
@@ -35,14 +48,6 @@ public partial class AssistantIconFinder : AssistantBaseCore
         
         return null;
     }
-    
-    private string? ValidatingProvider(AIStudio.Settings.Provider provider)
-    {
-        if(provider.UsedProvider == Providers.NONE)
-            return "Please select a provider.";
-        
-        return null;
-    }
 
     private async Task FindIcon()
     {

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

@@ -1,5 +1,9 @@
 @page "/settings"
+@using AIStudio.Components.Pages.Coding
+@using AIStudio.Components.Pages.TextSummarizer
 @using AIStudio.Provider
+@using AIStudio.Settings
+@using AIStudio.Tools
 @using Host = AIStudio.Provider.SelfHosted.Host
 
 <MudText Typo="Typo.h3" Class="mb-12">Settings</MudText>
@@ -29,11 +33,11 @@
                 <MudTd>
                     @if (context.UsedProvider is not Providers.SELF_HOSTED)
                     {
-                        @context.Model
+                        @this.GetProviderModelName(context)
                     }
                     else if (context.UsedProvider is Providers.SELF_HOSTED && context.Host is not Host.LLAMACPP)
                     {
-                        @context.Model
+                        @this.GetProviderModelName(context)
                     }
                     else
                     {
@@ -41,7 +45,7 @@
                     }
                 </MudTd>
                 <MudTd Style="text-align: left;">
-                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.OpenInBrowser" Class="ma-2" Href="@this.GetProviderDashboardURL(context.UsedProvider)" Target="_blank" Disabled="@(context.UsedProvider is Providers.NONE or Providers.SELF_HOSTED)">
+                    <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.OpenInBrowser" Class="ma-2" Href="@this.GetProviderDashboardURL(context.UsedProvider)" Target="_blank" Disabled="@(!this.HasDashboard(context.UsedProvider))">
                         Open Dashboard
                     </MudButton>
                     <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditProvider(context)">
@@ -59,19 +63,91 @@
             <MudText Typo="Typo.h6" Class="mt-3">No providers configured yet.</MudText>
         }
 
-        <MudButton
-            Variant="Variant.Filled" Color="@Color.Primary"
-            StartIcon="@Icons.Material.Filled.AddRoad"
-            Class="mt-3 mb-6" OnClick="@this.AddProvider">
+        <MudButton Variant="Variant.Filled" Color="@Color.Primary" StartIcon="@Icons.Material.Filled.AddRoad" Class="mt-3 mb-6" OnClick="@this.AddProvider">
             Add Provider
         </MudButton>
 
-        <MudText Typo="Typo.h4" Class="mb-3">Options</MudText>
+        <MudText Typo="Typo.h4" Class="mb-3">App Options</MudText>
         <ConfigurationOption OptionDescription="Save energy?" LabelOn="Energy saving is enabled" LabelOff="Energy saving is disabled" State="@(() => this.SettingsManager.ConfigurationData.IsSavingEnergy)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.IsSavingEnergy = updatedState)" OptionHelp="When enabled, streamed content from the AI is updated once every third second. When disabled, streamed content will be updated as soon as it is available."/>
         <ConfigurationOption OptionDescription="Enable spellchecking?" LabelOn="Spellchecking is enabled" LabelOff="Spellchecking is disabled" State="@(() => this.SettingsManager.ConfigurationData.EnableSpellchecking)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.EnableSpellchecking = updatedState)" OptionHelp="When enabled, spellchecking will be active in all input fields. Depending on your operating system, errors may not be visually highlighted, but right-clicking may still offer possible corrections." />
-        <ConfigurationSelect OptionDescription="Shortcut to send input" SelectedValue="@(() => this.SettingsManager.ConfigurationData.ShortcutSendBehavior)" Data="@ConfigurationSelectDataFactory.GetSendBehaviorData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.ShortcutSendBehavior = selectedValue)" OptionHelp="Do you want to use any shortcut to send your input?"/>
         <ConfigurationSelect OptionDescription="Check for updates" SelectedValue="@(() => this.SettingsManager.ConfigurationData.UpdateBehavior)" Data="@ConfigurationSelectDataFactory.GetUpdateBehaviorData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.UpdateBehavior = selectedValue)" OptionHelp="How often should we check for app updates?"/>
+        <ConfigurationSelect OptionDescription="Navigation bar behavior" SelectedValue="@(() => this.SettingsManager.ConfigurationData.NavigationBehavior)" Data="@ConfigurationSelectDataFactory.GetNavBehaviorData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.NavigationBehavior = selectedValue)" OptionHelp="Select the desired behavior for the navigation bar."/>
+
+        <MudText Typo="Typo.h4" Class="mb-3">Chat Options</MudText>
+        <ConfigurationSelect OptionDescription="Shortcut to send input" SelectedValue="@(() => this.SettingsManager.ConfigurationData.ShortcutSendBehavior)" Data="@ConfigurationSelectDataFactory.GetSendBehaviorData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.ShortcutSendBehavior = selectedValue)" OptionHelp="Do you want to use any shortcut to send your input?"/>
+        <ConfigurationOption OptionDescription="Preselect chat options?" LabelOn="Chat options are preselected" LabelOff="No chat options are preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectChatOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectChatOptions = updatedState)" OptionHelp="When enabled, you can preselect chat options. This is might be useful when you prefer a specific provider."/>
+        <ConfigurationProviderSelection Data="@this.availableProviders" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectChatOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedChatProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedChatProvider = selectedValue)"/>
+        
+        <MudText Typo="Typo.h4" Class="mb-3">Workspace Options</MudText>
         <ConfigurationSelect OptionDescription="Workspace behavior" SelectedValue="@(() => this.SettingsManager.ConfigurationData.WorkspaceStorageBehavior)" Data="@ConfigurationSelectDataFactory.GetWorkspaceStorageBehaviorData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.WorkspaceStorageBehavior = selectedValue)" OptionHelp="Should we store your chats?"/>
         <ConfigurationSelect OptionDescription="Workspace maintenance" SelectedValue="@(() => this.SettingsManager.ConfigurationData.WorkspaceStorageTemporaryMaintenancePolicy)" Data="@ConfigurationSelectDataFactory.GetWorkspaceStorageTemporaryMaintenancePolicyData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.WorkspaceStorageTemporaryMaintenancePolicy = selectedValue)" OptionHelp="If and when should we delete your temporary chats?"/>
+
+        <MudText Typo="Typo.h4" Class="mb-3">Assistant Options</MudText>
+        
+        <MudText Typo="Typo.h5" Class="mb-3">Icon Finder Options</MudText>
+        <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+            <ConfigurationOption OptionDescription="Preselect icon options?" LabelOn="Icon options are preselected" LabelOff="No icon options are preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectIconOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectIconOptions = updatedState)" OptionHelp="When enabled, you can preselect the icon options. This is might be useful when you prefer a specific icon source or LLM model."/>
+            <ConfigurationSelect OptionDescription="Preselect the icon source" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectIconOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedIconSource)" Data="@ConfigurationSelectDataFactory.GetIconSourcesData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedIconSource = selectedValue)" OptionHelp="Which icon source should be preselected?"/>
+            <ConfigurationProviderSelection Data="@this.availableProviders" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectIconOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedIconProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedIconProvider = selectedValue)"/>
+        </MudPaper>
+
+        <MudText Typo="Typo.h5" Class="mb-3">Translator Options</MudText>
+        <ConfigurationSlider T="int" OptionDescription="How fast should the live translation react?" Min="500" Max="3_000" Step="100" Unit="milliseconds" Value="@(() => this.SettingsManager.ConfigurationData.LiveTranslationDebounceIntervalMilliseconds)" ValueUpdate="@(updatedValue => this.SettingsManager.ConfigurationData.LiveTranslationDebounceIntervalMilliseconds = updatedValue)"/>
+        <ConfigurationOption OptionDescription="Hide the web content reader?" LabelOn="Web content reader is hidden" LabelOff="Web content reader is shown" State="@(() => this.SettingsManager.ConfigurationData.HideWebContentReaderForTranslation)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.HideWebContentReaderForTranslation = 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."/>
+        <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+            <ConfigurationOption OptionDescription="Preselect translator options?" LabelOn="Translator options are preselected" LabelOff="No translator options are preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectTranslationOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectTranslationOptions = updatedState)" OptionHelp="When enabled, you can preselect the translator options. This is might be useful when you prefer a specific target language or LLM model."/>
+            <ConfigurationOption OptionDescription="Preselect the web content reader?" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTranslationOptions || this.SettingsManager.ConfigurationData.HideWebContentReaderForTranslation)" LabelOn="Web content reader is preselected" LabelOff="Web content reader is not preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectWebContentReaderForTranslation)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectWebContentReaderForTranslation = updatedState)" OptionHelp="When enabled, the web content reader is preselected. This is might be useful when you prefer to load content from the web very often."/>
+            <ConfigurationOption OptionDescription="Preselect the content cleaner agent?" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTranslationOptions || this.SettingsManager.ConfigurationData.HideWebContentReaderForTranslation)" LabelOn="Content cleaner agent is preselected" LabelOff="Content cleaner agent is not preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectContentCleanerAgentForTranslation)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectContentCleanerAgentForTranslation = updatedState)" OptionHelp="When enabled, the content cleaner agent is preselected. This is might be useful when you prefer to clean up the content before translating it."/>
+            <ConfigurationOption OptionDescription="Preselect live translation?" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTranslationOptions)" LabelOn="Live translation is preselected" LabelOff="Live translation is not preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectLiveTranslation)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectLiveTranslation = updatedState)" />
+            <ConfigurationSelect OptionDescription="Preselect the target language" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTranslationOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedTranslationTargetLanguage)" Data="@ConfigurationSelectDataFactory.GetCommonLanguagesData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedTranslationTargetLanguage = selectedValue)" OptionHelp="Which target language should be preselected?"/>
+            @if (this.SettingsManager.ConfigurationData.PreselectedTranslationTargetLanguage is CommonLanguages.OTHER)
+            {
+                <ConfigurationText OptionDescription="Preselect another target language" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTranslationOptions)" Icon="@Icons.Material.Filled.Translate" Text="@(() => this.SettingsManager.ConfigurationData.PreselectTranslationOtherLanguage)" TextUpdate="@(updatedText => this.SettingsManager.ConfigurationData.PreselectTranslationOtherLanguage = updatedText)"/>
+            }
+            <ConfigurationProviderSelection Data="@this.availableProviders" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTranslationOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedTranslationProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedTranslationProvider = selectedValue)"/>
+        </MudPaper>
+        
+        <MudText Typo="Typo.h5" Class="mb-3">Coding Options</MudText>
+        <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+            <ConfigurationOption OptionDescription="Preselect coding options?" LabelOn="Coding options are preselected" LabelOff="No coding options are preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectCodingOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectCodingOptions = updatedState)" OptionHelp="When enabled, you can preselect the coding options. This is might be useful when you prefer a specific programming language or LLM model."/>
+            <ConfigurationOption OptionDescription="Preselect compiler messages?" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectCodingOptions)" LabelOn="Compiler messages are preselected" LabelOff="Compiler messages are not preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectCodingCompilerMessages)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectCodingCompilerMessages = updatedState)" />
+            <ConfigurationSelect OptionDescription="Preselect a programming language" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectCodingOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedCodingLanguage)" Data="@ConfigurationSelectDataFactory.GetCommonCodingLanguagesData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedCodingLanguage = selectedValue)" OptionHelp="Which programming language should be preselected for added contexts?"/>
+            @if (this.SettingsManager.ConfigurationData.PreselectedCodingLanguage is CommonCodingLanguages.OTHER)
+            {
+                <ConfigurationText OptionDescription="Preselect another programming language" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectCodingOptions)" Icon="@Icons.Material.Filled.Code" Text="@(() => this.SettingsManager.ConfigurationData.PreselectedCodingOtherLanguage)" TextUpdate="@(updatedText => this.SettingsManager.ConfigurationData.PreselectedCodingOtherLanguage = updatedText)"/>
+            }
+            <ConfigurationProviderSelection Data="@this.availableProviders" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectCodingOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedCodingProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedCodingProvider = selectedValue)"/>
+        </MudPaper>
+        
+        <MudText Typo="Typo.h5" Class="mb-3">Text Summarizer Options</MudText>
+        <ConfigurationOption OptionDescription="Hide the web content reader?" LabelOn="Web content reader is hidden" LabelOff="Web content reader is shown" State="@(() => this.SettingsManager.ConfigurationData.HideWebContentReaderForTextSummarizer)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.HideWebContentReaderForTextSummarizer = 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."/>
+        <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+            <ConfigurationOption OptionDescription="Preselect summarizer options?" LabelOn="Summarizer options are preselected" LabelOff="No summarizer options are preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions = updatedState)" OptionHelp="When enabled, you can preselect the text summarizer options. This is might be useful when you prefer a specific language, complexity, or LLM."/>
+            <ConfigurationOption OptionDescription="Preselect the web content reader?" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions || this.SettingsManager.ConfigurationData.HideWebContentReaderForTextSummarizer)" LabelOn="Web content reader is preselected" LabelOff="Web content reader is not preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectWebContentReaderForTextSummarizer)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectWebContentReaderForTextSummarizer = updatedState)" OptionHelp="When enabled, the web content reader is preselected. This is might be useful when you prefer to load content from the web very often."/>
+            <ConfigurationOption OptionDescription="Preselect the content cleaner agent?" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions || this.SettingsManager.ConfigurationData.HideWebContentReaderForTextSummarizer)" LabelOn="Content cleaner agent is preselected" LabelOff="Content cleaner agent is not preselected" State="@(() => this.SettingsManager.ConfigurationData.PreselectContentCleanerAgentForTextSummarizer)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectContentCleanerAgentForTextSummarizer = updatedState)" OptionHelp="When enabled, the content cleaner agent is preselected. This is might be useful when you prefer to clean up the content before summarize it."/>
+            <ConfigurationSelect OptionDescription="Preselect the target language" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerTargetLanguage)" Data="@ConfigurationSelectDataFactory.GetCommonLanguagesData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerTargetLanguage = selectedValue)" OptionHelp="Which target language should be preselected?"/>
+            @if (this.SettingsManager.ConfigurationData.PreselectedTextSummarizerTargetLanguage is CommonLanguages.OTHER)
+            {
+                <ConfigurationText OptionDescription="Preselect another target language" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions)" Icon="@Icons.Material.Filled.Translate" Text="@(() => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerOtherLanguage)" TextUpdate="@(updatedText => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerOtherLanguage = updatedText)"/>
+            }
+            <ConfigurationSelect OptionDescription="Preselect the summarizer complexity" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerComplexity)" Data="@ConfigurationSelectDataFactory.GetComplexityData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerComplexity = selectedValue)" OptionHelp="Which summarizer complexity should be preselected?"/>
+            @if(this.SettingsManager.ConfigurationData.PreselectedTextSummarizerComplexity is Complexity.SCIENTIFIC_LANGUAGE_OTHER_EXPERTS)
+            {
+                <ConfigurationText OptionDescription="Preselect your expertise" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions)" Icon="@Icons.Material.Filled.Person" Text="@(() => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerExpertInField)" TextUpdate="@(updatedText => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerExpertInField = updatedText)"/>
+            }
+            <ConfigurationProviderSelection Data="@this.availableProviders" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedTextSummarizerProvider = selectedValue)"/>
+        </MudPaper>
+
+        <MudText Typo="Typo.h4" Class="mb-3">LLM Agent Options</MudText>
+        
+        <MudText Typo="Typo.h5" Class="mb-3">Text Content Cleaner Agent</MudText>
+        <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.PreselectAgentTextContentCleanerOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.PreselectAgentTextContentCleanerOptions = updatedState)" OptionHelp="When enabled, you can preselect some agent options. This is might be useful when you prefer a LLM."/>
+            <ConfigurationProviderSelection Data="@this.availableProviders" Disabled="@(() => !this.SettingsManager.ConfigurationData.PreselectAgentTextContentCleanerOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.PreselectedAgentTextContentCleanerProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.PreselectedAgentTextContentCleanerProvider = selectedValue)"/>
+        </MudPaper>
     </MudPaper>
 </InnerScrolling>

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

@@ -1,6 +1,8 @@
 using AIStudio.Components.CommonDialogs;
 using AIStudio.Provider;
 using AIStudio.Settings;
+using AIStudio.Tools;
+
 using Microsoft.AspNetCore.Components;
 
 using DialogOptions = AIStudio.Components.CommonDialogs.DialogOptions;
@@ -9,7 +11,7 @@ using DialogOptions = AIStudio.Components.CommonDialogs.DialogOptions;
 
 namespace AIStudio.Components.Pages;
 
-public partial class Settings : ComponentBase
+public partial class Settings : ComponentBase, IMessageBusReceiver, IDisposable
 {
     [Inject]
     public SettingsManager SettingsManager { get; init; } = null!;
@@ -19,6 +21,25 @@ public partial class Settings : ComponentBase
     
     [Inject]
     public IJSRuntime JsRuntime { get; init; } = null!;
+    
+    [Inject]
+    protected MessageBus MessageBus { get; init; } = null!;
+    
+    private readonly List<ConfigurationSelectData<string>> availableProviders = new();
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        // Register this component with the message bus:
+        this.MessageBus.RegisterComponent(this);
+        this.MessageBus.ApplyFilters(this, [], [ Event.CONFIGURATION_CHANGED ]);
+        
+        this.UpdateProviders();
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
 
     #region Provider related
 
@@ -31,14 +52,17 @@ public partial class Settings : ComponentBase
         
         var dialogReference = await this.DialogService.ShowAsync<ProviderDialog>("Add Provider", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
 
-        var addedProvider = (AIStudio.Settings.Provider)dialogResult.Data;
+        var addedProvider = (AIStudio.Settings.Provider)dialogResult.Data!;
         addedProvider = addedProvider with { Num = this.SettingsManager.ConfigurationData.NextProviderNum++ };
         
         this.SettingsManager.ConfigurationData.Providers.Add(addedProvider);
+        this.UpdateProviders();
+        
         await this.SettingsManager.StoreSettings();
+        await this.MessageBus.SendMessage<bool>(this, Event.CONFIGURATION_CHANGED);
     }
 
     private async Task EditProvider(AIStudio.Settings.Provider provider)
@@ -58,10 +82,10 @@ public partial class Settings : ComponentBase
 
         var dialogReference = await this.DialogService.ShowAsync<ProviderDialog>("Edit Provider", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
 
-        var editedProvider = (AIStudio.Settings.Provider)dialogResult.Data;
+        var editedProvider = (AIStudio.Settings.Provider)dialogResult.Data!;
         
         // Set the provider number if it's not set. This is important for providers
         // added before we started saving the provider number.
@@ -69,7 +93,10 @@ public partial class Settings : ComponentBase
             editedProvider = editedProvider with { Num = this.SettingsManager.ConfigurationData.NextProviderNum++ };
         
         this.SettingsManager.ConfigurationData.Providers[this.SettingsManager.ConfigurationData.Providers.IndexOf(provider)] = editedProvider;
+        this.UpdateProviders();
+        
         await this.SettingsManager.StoreSettings();
+        await this.MessageBus.SendMessage<bool>(this, Event.CONFIGURATION_CHANGED);
     }
 
     private async Task DeleteProvider(AIStudio.Settings.Provider provider)
@@ -81,7 +108,7 @@ public partial class Settings : ComponentBase
         
         var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Delete Provider", dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
-        if (dialogResult.Canceled)
+        if (dialogResult is null || dialogResult.Canceled)
             return;
         
         var providerInstance = provider.CreateProvider();
@@ -91,16 +118,74 @@ public partial class Settings : ComponentBase
             this.SettingsManager.ConfigurationData.Providers.Remove(provider);
             await this.SettingsManager.StoreSettings();
         }
+        
+        this.UpdateProviders();
+        await this.MessageBus.SendMessage<bool>(this, Event.CONFIGURATION_CHANGED);
     }
     
+    private bool HasDashboard(Providers provider) => provider switch
+    {
+        Providers.OPEN_AI => true,
+        Providers.MISTRAL => true,
+        Providers.ANTHROPIC => true,
+        Providers.FIREWORKS => true,
+        
+        _ => false,
+    };
+    
     private string GetProviderDashboardURL(Providers provider) => provider switch
     {
         Providers.OPEN_AI => "https://platform.openai.com/usage",
         Providers.MISTRAL => "https://console.mistral.ai/usage/",
         Providers.ANTHROPIC => "https://console.anthropic.com/settings/plans",
+        Providers.FIREWORKS => "https://fireworks.ai/account/billing",
         
         _ => string.Empty,
     };
 
+    private string GetProviderModelName(AIStudio.Settings.Provider provider)
+    {
+        const int MAX_LENGTH = 36;
+        var modelName = provider.Model.ToString();
+        return modelName.Length > MAX_LENGTH ? "[...] " + modelName[^Math.Min(MAX_LENGTH, modelName.Length)..] : modelName;
+    }
+    
+    private void UpdateProviders()
+    {
+        this.availableProviders.Clear();
+        foreach (var provider in this.SettingsManager.ConfigurationData.Providers)
+            this.availableProviders.Add(new (provider.InstanceName, provider.Id));
+    }
+
+    #endregion
+    
+    #region Implementation of IMessageBusReceiver
+
+    public Task ProcessMessage<TMsg>(ComponentBase? sendingComponent, Event triggeredEvent, TMsg? data)
+    {
+        switch (triggeredEvent)
+        {
+            case Event.CONFIGURATION_CHANGED:
+                this.StateHasChanged();
+                break;
+        }
+
+        return Task.CompletedTask;
+    }
+
+    public Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data)
+    {
+        return Task.FromResult<TResult?>(default);
+    }
+
+    #endregion
+
+    #region Implementation of IDisposable
+
+    public void Dispose()
+    {
+        this.MessageBus.Unregister(this);
+    }
+
     #endregion
 }

app/MindWork AI Studio/Components/Pages/TextSummarizer/AssistantTextSummarizer.razor

@@ -3,7 +3,12 @@
 @using AIStudio.Tools
 @inherits AssistantBaseCore
 
-<MudTextField T="string" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+@if (!this.SettingsManager.ConfigurationData.HideWebContentReaderForTextSummarizer)
+{
+    <ReadWebContent @bind-Content="@this.inputText" ProviderSettings="@this.providerSettings" @bind-AgentIsRunning="@this.isAgentRunning" Preselect="@(this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions && this.SettingsManager.ConfigurationData.PreselectWebContentReaderForTextSummarizer)" PreselectContentCleanerAgent="@(this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions && this.SettingsManager.ConfigurationData.PreselectContentCleanerAgentForTextSummarizer)"/>
+}
+
+<MudTextField T="string" Disabled="@this.isAgentRunning" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
 
 <MudStack Row="@true" AlignItems="AlignItems.Center" Class="mb-3">
     <MudSelect T="CommonLanguages" @bind-Value="@this.selectedTargetLanguage" AdornmentIcon="@Icons.Material.Filled.Translate" Adornment="Adornment.Start" Label="Target language" Variant="Variant.Outlined" Margin="Margin.Dense">
@@ -31,13 +36,13 @@
     }
 </MudStack>
 
-<MudSelect T="Provider" @bind-Value="@this.providerSettings" Validation="@this.ValidatingProvider" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Apps" Margin="Margin.Dense" Label="Provider" Class="mb-3 rounded-lg" Variant="Variant.Outlined">
+<MudSelect T="Provider" Disabled="@this.isAgentRunning" @bind-Value="@this.providerSettings" Validation="@this.ValidatingProvider" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Apps" Margin="Margin.Dense" Label="Provider" Class="mb-3 rounded-lg" Variant="Variant.Outlined">
     @foreach (var provider in this.SettingsManager.ConfigurationData.Providers)
     {
         <MudSelectItem Value="@provider"/>
     }
 </MudSelect>
 
-<MudButton Variant="Variant.Filled" Class="mb-3" OnClick="() => this.SummarizeText()">
+<MudButton Variant="Variant.Filled" Class="mb-3" OnClick="() => this.SummarizeText()" Disabled="@this.isAgentRunning">
     Summarize
 </MudButton>

app/MindWork AI Studio/Components/Pages/TextSummarizer/AssistantTextSummarizer.razor.cs

@@ -1,4 +1,3 @@
-using AIStudio.Provider;
 using AIStudio.Tools;
 
 namespace AIStudio.Components.Pages.TextSummarizer;
@@ -25,11 +24,30 @@ public partial class AssistantTextSummarizer : AssistantBaseCore
         """;
     
     private string inputText = string.Empty;
+    private bool isAgentRunning;
     private CommonLanguages selectedTargetLanguage;
     private string customTargetLanguage = string.Empty;
     private Complexity selectedComplexity;
     private string expertInField = string.Empty;
 
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if(this.SettingsManager.ConfigurationData.PreselectTextSummarizerOptions)
+        {
+            this.selectedTargetLanguage = this.SettingsManager.ConfigurationData.PreselectedTextSummarizerTargetLanguage;
+            this.customTargetLanguage = this.SettingsManager.ConfigurationData.PreselectedTextSummarizerOtherLanguage;
+            this.selectedComplexity = this.SettingsManager.ConfigurationData.PreselectedTextSummarizerComplexity;
+            this.expertInField = this.SettingsManager.ConfigurationData.PreselectedTextSummarizerExpertInField;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.PreselectedTextSummarizerProvider);
+        }
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
     private string? ValidatingText(string text)
     {
         if(string.IsNullOrWhiteSpace(text))
@@ -38,14 +56,6 @@ public partial class AssistantTextSummarizer : AssistantBaseCore
         return null;
     }
     
-    private string? ValidatingProvider(AIStudio.Settings.Provider provider)
-    {
-        if(provider.UsedProvider == Providers.NONE)
-            return "Please select a provider.";
-        
-        return null;
-    }
-    
     private string? ValidateCustomLanguage(string language)
     {
         if(this.selectedTargetLanguage == CommonLanguages.OTHER && string.IsNullOrWhiteSpace(language))

app/MindWork AI Studio/Components/Pages/Translation/AssistantTranslation.razor

@@ -0,0 +1,55 @@
+@page "/assistant/translation"
+@using AIStudio.Settings
+@using AIStudio.Tools
+@inherits AssistantBaseCore
+
+@if (!this.SettingsManager.ConfigurationData.HideWebContentReaderForTranslation)
+{
+    <ReadWebContent @bind-Content="@this.inputText" ProviderSettings="@this.providerSettings" @bind-AgentIsRunning="@this.isAgentRunning" Preselect="@(this.SettingsManager.ConfigurationData.PreselectTranslationOptions && this.SettingsManager.ConfigurationData.PreselectWebContentReaderForTranslation)" PreselectContentCleanerAgent="@(this.SettingsManager.ConfigurationData.PreselectTranslationOptions && this.SettingsManager.ConfigurationData.PreselectContentCleanerAgentForTranslation)"/>
+}
+
+<MudField Label="Live translation" Variant="Variant.Outlined" Class="mb-3">
+    <MudSwitch T="bool" @bind-Value="@this.liveTranslation" Color="Color.Primary">
+        @(this.liveTranslation ? "Live translation" : "No live translation")
+    </MudSwitch>
+</MudField>
+
+@if (this.liveTranslation)
+{
+    <MudTextField T="string" Disabled="@this.isAgentRunning" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" Immediate="@true" DebounceInterval="1_000" OnDebounceIntervalElapsed="() => this.TranslateText(force: false)" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+}
+else
+{
+    <MudTextField T="string" Disabled="@this.isAgentRunning" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+}
+
+<MudStack Row="@true" AlignItems="AlignItems.Center" Class="mb-3">
+    <MudSelect T="CommonLanguages" @bind-Value="@this.selectedTargetLanguage" Validation="@this.ValidatingTargetLanguage" AdornmentIcon="@Icons.Material.Filled.Translate" Adornment="Adornment.Start" Label="Target language" Variant="Variant.Outlined" Margin="Margin.Dense">
+        @foreach (var targetLanguage in Enum.GetValues<CommonLanguages>())
+        {
+            if (targetLanguage is CommonLanguages.AS_IS)
+            {
+                <MudSelectItem Value="@targetLanguage">Please select the target language</MudSelectItem>
+            }
+            else
+            {
+                <MudSelectItem Value="@targetLanguage">@targetLanguage.Name()</MudSelectItem>
+            }
+        }
+    </MudSelect>
+    @if (this.selectedTargetLanguage is CommonLanguages.OTHER)
+    {
+        <MudTextField T="string" @bind-Text="@this.customTargetLanguage" Validation="@this.ValidateCustomLanguage" Label="Custom target language" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+    }
+</MudStack>
+
+<MudSelect T="Provider" @bind-Value="@this.providerSettings" Disabled="@this.isAgentRunning" Validation="@this.ValidatingProvider" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Apps" Margin="Margin.Dense" Label="Provider" Class="mb-3 rounded-lg" Variant="Variant.Outlined">
+    @foreach (var provider in this.SettingsManager.ConfigurationData.Providers)
+    {
+        <MudSelectItem Value="@provider"/>
+    }
+</MudSelect>
+
+<MudButton Disabled="@this.isAgentRunning" Variant="Variant.Filled" Class="mb-3" OnClick="() => this.TranslateText(force: true)">
+    Translate
+</MudButton>

app/MindWork AI Studio/Components/Pages/Translation/AssistantTranslation.razor.cs

@@ -1,11 +1,10 @@
-using AIStudio.Provider;
 using AIStudio.Tools;
 
-namespace AIStudio.Components.Pages.Translator;
+namespace AIStudio.Components.Pages.Translation;
 
-public partial class AssistantTranslator : AssistantBaseCore
+public partial class AssistantTranslation : AssistantBaseCore
 {
-    protected override string Title => "Translator";
+    protected override string Title => "Translation";
     
     protected override string Description =>
         """
@@ -21,11 +20,29 @@ public partial class AssistantTranslator : AssistantBaseCore
         """;
     
     private bool liveTranslation;
+    private bool isAgentRunning;
     private string inputText = string.Empty;
     private string inputTextLastTranslation = string.Empty;
     private CommonLanguages selectedTargetLanguage;
     private string customTargetLanguage = string.Empty;
-    
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (this.SettingsManager.ConfigurationData.PreselectTranslationOptions)
+        {
+            this.liveTranslation = this.SettingsManager.ConfigurationData.PreselectLiveTranslation;
+            this.selectedTargetLanguage = this.SettingsManager.ConfigurationData.PreselectedTranslationTargetLanguage;
+            this.customTargetLanguage = this.SettingsManager.ConfigurationData.PreselectTranslationOtherLanguage;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.PreselectedTranslationProvider);
+        }
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
     private string? ValidatingText(string text)
     {
         if(string.IsNullOrWhiteSpace(text))
@@ -34,14 +51,6 @@ public partial class AssistantTranslator : AssistantBaseCore
         return null;
     }
     
-    private string? ValidatingProvider(AIStudio.Settings.Provider provider)
-    {
-        if(provider.UsedProvider == Providers.NONE)
-            return "Please select a provider.";
-        
-        return null;
-    }
-    
     private string? ValidatingTargetLanguage(CommonLanguages language)
     {
         if(language == CommonLanguages.AS_IS)

app/MindWork AI Studio/Components/Pages/Translation/CommonLanguageExtension.cs

@@ -1,6 +1,6 @@
 using AIStudio.Tools;
 
-namespace AIStudio.Components.Pages.Translator;
+namespace AIStudio.Components.Pages.Translation;
 
 public static class CommonLanguageExtension
 {

app/MindWork AI Studio/Components/Pages/Translator/AssistantTranslator.razor

@@ -1,50 +0,0 @@
-@page "/assistant/translator"
-@using AIStudio.Settings
-@using AIStudio.Tools
-@inherits AssistantBaseCore
-
-<MudField Label="Live translation" Variant="Variant.Outlined" Class="mb-3">
-    <MudSwitch T="bool" @bind-Value="@this.liveTranslation">
-        @(this.liveTranslation ? "Live translation" : "No live translation")
-    </MudSwitch>
-</MudField>
-
-@if (this.liveTranslation)
-{
-    <MudTextField T="string" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" Immediate="@true" DebounceInterval="1_000" OnDebounceIntervalElapsed="() => this.TranslateText(force: false)" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
-}
-else
-{
-    <MudTextField T="string" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
-}
-
-<MudStack Row="@true" AlignItems="AlignItems.Center" Class="mb-3">
-    <MudSelect T="CommonLanguages" @bind-Value="@this.selectedTargetLanguage" Validation="@this.ValidatingTargetLanguage" AdornmentIcon="@Icons.Material.Filled.Translate" Adornment="Adornment.Start" Label="Target language" Variant="Variant.Outlined" Margin="Margin.Dense">
-        @foreach (var targetLanguage in Enum.GetValues<CommonLanguages>())
-        {
-            if (targetLanguage is CommonLanguages.AS_IS)
-            {
-                <MudSelectItem Value="@targetLanguage">Please select the target language</MudSelectItem>
-            }
-            else
-            {
-                <MudSelectItem Value="@targetLanguage">@targetLanguage.Name()</MudSelectItem>
-            }
-        }
-    </MudSelect>
-    @if (this.selectedTargetLanguage is CommonLanguages.OTHER)
-    {
-        <MudTextField T="string" @bind-Text="@this.customTargetLanguage" Validation="@this.ValidateCustomLanguage" Label="Custom target language" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
-    }
-</MudStack>
-
-<MudSelect T="Provider" @bind-Value="@this.providerSettings" Validation="@this.ValidatingProvider" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Apps" Margin="Margin.Dense" Label="Provider" Class="mb-3 rounded-lg" Variant="Variant.Outlined">
-    @foreach (var provider in this.SettingsManager.ConfigurationData.Providers)
-    {
-        <MudSelectItem Value="@provider"/>
-    }
-</MudSelect>
-
-<MudButton Variant="Variant.Filled" Class="mb-3" OnClick="() => this.TranslateText(force: true)">
-    Translate
-</MudButton>

app/MindWork AI Studio/Components/Routes.razor

@@ -7,4 +7,5 @@
 
 <MudThemeProvider />
 <MudDialogProvider />
+<MudPopoverProvider />
 <MudSnackbarProvider />

app/MindWork AI Studio/MindWork AI Studio.csproj

@@ -45,9 +45,11 @@
     </ItemGroup>
 
     <ItemGroup>
-      <PackageReference Include="Microsoft.Extensions.FileProviders.Embedded" Version="8.0.6" />
-      <PackageReference Include="MudBlazor" Version="6.20.0" />
+      <PackageReference Include="HtmlAgilityPack" Version="1.11.62" />
+      <PackageReference Include="Microsoft.Extensions.FileProviders.Embedded" Version="8.0.7" />
+      <PackageReference Include="MudBlazor" Version="7.4.0" />
       <PackageReference Include="MudBlazor.Markdown" Version="1.0.2" />
+      <PackageReference Include="ReverseMarkdown" Version="4.6.0" />
     </ItemGroup>
 
     <!-- Read the meta data file -->

app/MindWork AI Studio/Program.cs

@@ -1,4 +1,5 @@
 using AIStudio;
+using AIStudio.Agents;
 using AIStudio.Components;
 using AIStudio.Settings;
 using AIStudio.Tools;
@@ -29,7 +30,9 @@ builder.Services.AddSingleton(MessageBus.INSTANCE);
 builder.Services.AddSingleton<Rust>();
 builder.Services.AddMudMarkdownClipboardService<MarkdownClipboardService>();
 builder.Services.AddSingleton<SettingsManager>();
-builder.Services.AddSingleton<Random>();
+builder.Services.AddSingleton<ThreadSafeRandom>();
+builder.Services.AddTransient<HTMLParser>();
+builder.Services.AddTransient<AgentTextContentCleaner>();
 builder.Services.AddHostedService<UpdateService>();
 builder.Services.AddHostedService<TemporaryChatService>();
 builder.Services.AddRazorComponents()

app/MindWork AI Studio/Provider/Anthropic/ProviderAnthropic.cs

@@ -41,6 +41,7 @@ public sealed class ProviderAnthropic() : BaseProvider("https://api.anthropic.co
                 {
                     ChatRole.USER => "user",
                     ChatRole.AI => "assistant",
+                    ChatRole.AGENT => "assistant",
 
                     _ => "user",
                 },

app/MindWork AI Studio/Provider/Fireworks/ChatRequest.cs

@@ -0,0 +1,13 @@
+namespace AIStudio.Provider.Fireworks;
+
+/// <summary>
+/// The Fireworks chat request model.
+/// </summary>
+/// <param name="Model">Which model to use for chat completion.</param>
+/// <param name="Messages">The chat messages.</param>
+/// <param name="Stream">Whether to stream the chat completion.</param>
+public readonly record struct ChatRequest(
+    string Model,
+    IList<Message> Messages,
+    bool Stream
+);

app/MindWork AI Studio/Provider/Fireworks/Message.cs

@@ -0,0 +1,8 @@
+namespace AIStudio.Provider.Fireworks;
+
+/// <summary>
+/// Chat message model.
+/// </summary>
+/// <param name="Content">The text content of the message.</param>
+/// <param name="Role">The role of the message.</param>
+public readonly record struct Message(string Content, string Role);

app/MindWork AI Studio/Provider/Fireworks/ProviderFireworks.cs

@@ -0,0 +1,161 @@
+using System.Net.Http.Headers;
+using System.Runtime.CompilerServices;
+using System.Text;
+using System.Text.Json;
+
+using AIStudio.Chat;
+using AIStudio.Settings;
+
+namespace AIStudio.Provider.Fireworks;
+
+public class ProviderFireworks() : BaseProvider("https://api.fireworks.ai/inference/v1/"), IProvider
+{
+    private static readonly JsonSerializerOptions JSON_SERIALIZER_OPTIONS = new()
+    {
+        PropertyNamingPolicy = JsonNamingPolicy.SnakeCaseLower,
+    };
+    
+    #region Implementation of IProvider
+
+    /// <inheritdoc />
+    public string Id => "Fireworks.ai";
+
+    /// <inheritdoc />
+    public string InstanceName { get; set; } = "Fireworks.ai";
+
+    /// <inheritdoc />
+    public async IAsyncEnumerable<string> StreamChatCompletion(IJSRuntime jsRuntime, SettingsManager settings, Model chatModel, ChatThread chatThread, [EnumeratorCancellation] CancellationToken token = default)
+    {
+        // Get the API key:
+        var requestedSecret = await settings.GetAPIKey(jsRuntime, this);
+        if(!requestedSecret.Success)
+            yield break;
+
+        // Prepare the system prompt:
+        var systemPrompt = new Message
+        {
+            Role = "system",
+            Content = chatThread.SystemPrompt,
+        };
+        
+        // Prepare the Fireworks HTTP chat request:
+        var fireworksChatRequest = JsonSerializer.Serialize(new ChatRequest
+        {
+            Model = chatModel.Id,
+            
+            // Build the messages:
+            // - First of all the system prompt
+            // - Then none-empty user and AI messages
+            Messages = [systemPrompt, ..chatThread.Blocks.Where(n => n.ContentType is ContentType.TEXT && !string.IsNullOrWhiteSpace((n.Content as ContentText)?.Text)).Select(n => new Message
+            {
+                Role = n.Role switch
+                {
+                    ChatRole.USER => "user",
+                    ChatRole.AI => "assistant",
+                    ChatRole.AGENT => "assistant",
+                    ChatRole.SYSTEM => "system",
+
+                    _ => "user",
+                },
+
+                Content = n.Content switch
+                {
+                    ContentText text => text.Text,
+                    _ => string.Empty,
+                }
+            }).ToList()],
+            
+            // Right now, we only support streaming completions:
+            Stream = true,
+        }, JSON_SERIALIZER_OPTIONS);
+
+        // Build the HTTP post request:
+        var request = new HttpRequestMessage(HttpMethod.Post, "chat/completions");
+        
+        // Set the authorization header:
+        request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", requestedSecret.Secret);
+        
+        // Set the content:
+        request.Content = new StringContent(fireworksChatRequest, Encoding.UTF8, "application/json");
+        
+        // Send the request with the ResponseHeadersRead option.
+        // This allows us to read the stream as soon as the headers are received.
+        // This is important because we want to stream the responses.
+        var response = await this.httpClient.SendAsync(request, HttpCompletionOption.ResponseHeadersRead, token);
+        
+        // Open the response stream:
+        var fireworksStream = await response.Content.ReadAsStreamAsync(token);
+        
+        // Add a stream reader to read the stream, line by line:
+        var streamReader = new StreamReader(fireworksStream);
+        
+        // Read the stream, line by line:
+        while(!streamReader.EndOfStream)
+        {
+            // Check if the token is canceled:
+            if(token.IsCancellationRequested)
+                yield break;
+            
+            // Read the next line:
+            var line = await streamReader.ReadLineAsync(token);
+            
+            // Skip empty lines:
+            if(string.IsNullOrWhiteSpace(line))
+                continue;
+            
+            // Skip lines that do not start with "data: ". Regard
+            // to the specification, we only want to read the data lines:
+            if(!line.StartsWith("data: ", StringComparison.InvariantCulture))
+                continue;
+
+            // Check if the line is the end of the stream:
+            if (line.StartsWith("data: [DONE]", StringComparison.InvariantCulture))
+                yield break;
+
+            ResponseStreamLine fireworksResponse;
+            try
+            {
+                // We know that the line starts with "data: ". Hence, we can
+                // skip the first 6 characters to get the JSON data after that.
+                var jsonData = line[6..];
+                
+                // Deserialize the JSON data:
+                fireworksResponse = JsonSerializer.Deserialize<ResponseStreamLine>(jsonData, JSON_SERIALIZER_OPTIONS);
+            }
+            catch
+            {
+                // Skip invalid JSON data:
+                continue;
+            }    
+            
+            // Skip empty responses:
+            if(fireworksResponse == default || fireworksResponse.Choices.Count == 0)
+                continue;
+            
+            // Yield the response:
+            yield return fireworksResponse.Choices[0].Delta.Content;
+        }
+    }
+
+    #pragma warning disable CS1998 // Async method lacks 'await' operators and will run synchronously
+    /// <inheritdoc />
+    public async IAsyncEnumerable<ImageURL> StreamImageCompletion(IJSRuntime jsRuntime, SettingsManager settings, Model imageModel, string promptPositive, string promptNegative = FilterOperator.String.Empty, ImageURL referenceImageURL = default, [EnumeratorCancellation] CancellationToken token = default)
+    {
+        yield break;
+    }
+    #pragma warning restore CS1998 // Async method lacks 'await' operators and will run synchronously
+
+    /// <inheritdoc />
+    public Task<IEnumerable<Model>> GetTextModels(IJSRuntime jsRuntime, SettingsManager settings, string? apiKeyProvisional = null, CancellationToken token = default)
+    {
+        return Task.FromResult(Enumerable.Empty<Model>());
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<Model>> GetImageModels(IJSRuntime jsRuntime, SettingsManager settings, string? apiKeyProvisional = null, CancellationToken token = default)
+    {
+        return Task.FromResult(Enumerable.Empty<Model>());
+    }
+
+    #endregion
+}

app/MindWork AI Studio/Provider/Fireworks/ResponseStreamLine.cs

@@ -0,0 +1,24 @@
+namespace AIStudio.Provider.Fireworks;
+
+/// <summary>
+/// Data model for a line in the response stream, for streaming completions.
+/// </summary>
+/// <param name="Id">The id of the response.</param>
+/// <param name="Object">The object describing the response.</param>
+/// <param name="Created">The timestamp of the response.</param>
+/// <param name="Model">The model used for the response.</param>
+/// <param name="Choices">The choices made by the AI.</param>
+public readonly record struct ResponseStreamLine(string Id, string Object, uint Created, string Model, IList<Choice> Choices);
+
+/// <summary>
+/// Data model for a choice made by the AI.
+/// </summary>
+/// <param name="Index">The index of the choice.</param>
+/// <param name="Delta">The delta text of the choice.</param>
+public readonly record struct Choice(int Index, Delta Delta);
+
+/// <summary>
+/// The delta text of a choice.
+/// </summary>
+/// <param name="Content">The content of the delta text.</param>
+public readonly record struct Delta(string Content);

app/MindWork AI Studio/Provider/Mistral/ProviderMistral.cs

@@ -51,6 +51,7 @@ public sealed class ProviderMistral() : BaseProvider("https://api.mistral.ai/v1/
                 {
                     ChatRole.USER => "user",
                     ChatRole.AI => "assistant",
+                    ChatRole.AGENT => "assistant",
                     ChatRole.SYSTEM => "system",
 
                     _ => "user",

app/MindWork AI Studio/Provider/OpenAI/ProviderOpenAI.cs

@@ -55,6 +55,7 @@ public sealed class ProviderOpenAI() : BaseProvider("https://api.openai.com/v1/"
                 {
                     ChatRole.USER => "user",
                     ChatRole.AI => "assistant",
+                    ChatRole.AGENT => "assistant",
                     ChatRole.SYSTEM => "system",
 
                     _ => "user",
@@ -97,7 +98,7 @@ public sealed class ProviderOpenAI() : BaseProvider("https://api.openai.com/v1/"
         // Read the stream, line by line:
         while(!streamReader.EndOfStream)
         {
-            // Check if the token is cancelled:
+            // Check if the token is canceled:
             if(token.IsCancellationRequested)
                 yield break;
             

app/MindWork AI Studio/Provider/Providers.cs

@@ -1,4 +1,5 @@
 using AIStudio.Provider.Anthropic;
+using AIStudio.Provider.Fireworks;
 using AIStudio.Provider.Mistral;
 using AIStudio.Provider.OpenAI;
 using AIStudio.Provider.SelfHosted;
@@ -10,13 +11,15 @@ namespace AIStudio.Provider;
 /// </summary>
 public enum Providers
 {
-    NONE,
+    NONE = 0,
     
-    OPEN_AI,
-    ANTHROPIC,
-    MISTRAL,
+    OPEN_AI = 1,
+    ANTHROPIC = 2,
+    MISTRAL = 3,
     
-    SELF_HOSTED,
+    FIREWORKS = 5,
+    
+    SELF_HOSTED = 4,
 }
 
 /// <summary>
@@ -37,6 +40,8 @@ public static class ExtensionsProvider
         Providers.ANTHROPIC => "Anthropic",
         Providers.MISTRAL => "Mistral",
         
+        Providers.FIREWORKS => "Fireworks.ai",
+        
         Providers.SELF_HOSTED => "Self-hosted",
         
         _ => "Unknown",
@@ -47,14 +52,27 @@ public static class ExtensionsProvider
     /// </summary>
     /// <param name="providerSettings">The provider settings.</param>
     /// <returns>The provider instance.</returns>
-    public static IProvider CreateProvider(this Settings.Provider providerSettings) => providerSettings.UsedProvider switch
+    public static IProvider CreateProvider(this Settings.Provider providerSettings)
     {
-        Providers.OPEN_AI => new ProviderOpenAI { InstanceName = providerSettings.InstanceName },
-        Providers.ANTHROPIC => new ProviderAnthropic { InstanceName = providerSettings.InstanceName },
-        Providers.MISTRAL => new ProviderMistral { InstanceName = providerSettings.InstanceName },
-        
-        Providers.SELF_HOSTED => new ProviderSelfHosted(providerSettings) { InstanceName = providerSettings.InstanceName },
-        
-        _ => new NoProvider(),
-    };
+        try
+        {
+            return providerSettings.UsedProvider switch
+            {
+                Providers.OPEN_AI => new ProviderOpenAI { InstanceName = providerSettings.InstanceName },
+                Providers.ANTHROPIC => new ProviderAnthropic { InstanceName = providerSettings.InstanceName },
+                Providers.MISTRAL => new ProviderMistral { InstanceName = providerSettings.InstanceName },
+                
+                Providers.FIREWORKS => new ProviderFireworks { InstanceName = providerSettings.InstanceName },
+                
+                Providers.SELF_HOSTED => new ProviderSelfHosted(providerSettings) { InstanceName = providerSettings.InstanceName },
+                
+                _ => new NoProvider(),
+            };
+        }
+        catch (Exception e)
+        {
+            Console.WriteLine($"Failed to create provider: {e.Message}");
+            return new NoProvider();
+        }
+    }
 }

app/MindWork AI Studio/Provider/SelfHosted/ProviderSelfHosted.cs

@@ -44,6 +44,7 @@ public sealed class ProviderSelfHosted(Settings.Provider provider) : BaseProvide
                 {
                     ChatRole.USER => "user",
                     ChatRole.AI => "assistant",
+                    ChatRole.AGENT => "assistant",
                     ChatRole.SYSTEM => "system",
 
                     _ => "user",

app/MindWork AI Studio/Settings/ConfigurationSelectData.cs

@@ -1,6 +1,10 @@
-using AIStudio.Settings;
+using AIStudio.Components.Pages.Coding;
+using AIStudio.Components.Pages.IconFinder;
+using AIStudio.Components.Pages.TextSummarizer;
+using AIStudio.Settings.DataModel;
+using AIStudio.Tools;
 
-namespace AIStudio.Components;
+namespace AIStudio.Settings;
 
 /// <summary>
 /// A data structure to map a name to a value.
@@ -47,4 +51,36 @@ public static class ConfigurationSelectDataFactory
         yield return new("Delete temporary chats older than 180 days", WorkspaceStorageTemporaryMaintenancePolicy.DELETE_OLDER_THAN_180_DAYS);
         yield return new("Delete temporary chats older than 1 year", WorkspaceStorageTemporaryMaintenancePolicy.DELETE_OLDER_THAN_365_DAYS);
     }
+    
+    public static IEnumerable<ConfigurationSelectData<NavBehavior>> GetNavBehaviorData()
+    {
+        yield return new("Navigation expands on mouse hover", NavBehavior.EXPAND_ON_HOVER);
+        yield return new("Navigation never expands, but there are tooltips", NavBehavior.NEVER_EXPAND_USE_TOOLTIPS);
+        yield return new("Navigation never expands, no tooltips", NavBehavior.NEVER_EXPAND_NO_TOOLTIPS);
+        yield return new("Always expand navigation", NavBehavior.ALWAYS_EXPAND);
+    }
+
+    public static IEnumerable<ConfigurationSelectData<IconSources>> GetIconSourcesData()
+    {
+        foreach (var source in Enum.GetValues<IconSources>())
+            yield return new(source.Name(), source);
+    }
+    
+    public static IEnumerable<ConfigurationSelectData<CommonLanguages>> GetCommonLanguagesData()
+    {
+        foreach (var language in Enum.GetValues<CommonLanguages>())
+            yield return new(language.Name(), language);
+    }
+    
+    public static IEnumerable<ConfigurationSelectData<CommonCodingLanguages>> GetCommonCodingLanguagesData()
+    {
+        foreach (var language in Enum.GetValues<CommonCodingLanguages>())
+            yield return new(language.Name(), language);
+    }
+    
+    public static IEnumerable<ConfigurationSelectData<Complexity>> GetComplexityData()
+    {
+        foreach (var complexity in Enum.GetValues<Complexity>())
+            yield return new(complexity.Name(), complexity);
+    }
 }

app/MindWork AI Studio/Settings/Data.cs

@@ -1,54 +0,0 @@
-namespace AIStudio.Settings;
-
-/// <summary>
-/// The data model for the settings file.
-/// </summary>
-public sealed class Data
-{
-    /// <summary>
-    /// The version of the settings file. Allows us to upgrade the settings
-    /// when a new version is available.
-    /// </summary>
-    public Version Version { get; init; } = Version.V3;
-
-    /// <summary>
-    /// List of configured providers.
-    /// </summary>
-    public List<Provider> Providers { get; init; } = [];
-
-    /// <summary>
-    /// The next provider number to use.
-    /// </summary>
-    public uint NextProviderNum { get; set; } = 1;
-
-    /// <summary>
-    /// Should we save energy? When true, we will update content streamed
-    /// from the server, i.e., AI, less frequently.
-    /// </summary>
-    public bool IsSavingEnergy { get; set; }
-
-    /// <summary>
-    /// Shortcuts to send the input to the AI.
-    /// </summary>
-    public SendBehavior ShortcutSendBehavior { get; set; } = SendBehavior.MODIFER_ENTER_IS_SENDING;
-    
-    /// <summary>
-    /// Should we enable spellchecking for all input fields?
-    /// </summary>
-    public bool EnableSpellchecking { get; set; }
-
-    /// <summary>
-    /// If and when we should look for updates.
-    /// </summary>
-    public UpdateBehavior UpdateBehavior { get; set; } = UpdateBehavior.ONCE_STARTUP;
-    
-    /// <summary>
-    /// The chat storage behavior.
-    /// </summary>
-    public WorkspaceStorageBehavior WorkspaceStorageBehavior { get; set; } = WorkspaceStorageBehavior.STORE_CHATS_AUTOMATICALLY;
-    
-    /// <summary>
-    /// The chat storage maintenance behavior.
-    /// </summary>
-    public WorkspaceStorageTemporaryMaintenancePolicy WorkspaceStorageTemporaryMaintenancePolicy { get; set; } = WorkspaceStorageTemporaryMaintenancePolicy.DELETE_OLDER_THAN_90_DAYS;
-}

app/MindWork AI Studio/Settings/DataModel/Data.cs

@@ -0,0 +1,247 @@
+using AIStudio.Components.Pages.Coding;
+using AIStudio.Components.Pages.IconFinder;
+using AIStudio.Components.Pages.TextSummarizer;
+using AIStudio.Tools;
+
+namespace AIStudio.Settings.DataModel;
+
+/// <summary>
+/// The data model for the settings file.
+/// </summary>
+public sealed class Data
+{
+    /// <summary>
+    /// The version of the settings file. Allows us to upgrade the settings
+    /// when a new version is available.
+    /// </summary>
+    public Version Version { get; init; } = Version.V3;
+
+    /// <summary>
+    /// List of configured providers.
+    /// </summary>
+    public List<Provider> Providers { get; init; } = [];
+
+    /// <summary>
+    /// The next provider number to use.
+    /// </summary>
+    public uint NextProviderNum { get; set; } = 1;
+
+    #region App Settings
+    
+    /// <summary>
+    /// Should we save energy? When true, we will update content streamed
+    /// from the server, i.e., AI, less frequently.
+    /// </summary>
+    public bool IsSavingEnergy { get; set; }
+    
+    /// <summary>
+    /// Should we enable spellchecking for all input fields?
+    /// </summary>
+    public bool EnableSpellchecking { get; set; }
+
+    /// <summary>
+    /// If and when we should look for updates.
+    /// </summary>
+    public UpdateBehavior UpdateBehavior { get; set; } = UpdateBehavior.ONCE_STARTUP;
+    
+    /// <summary>
+    /// The navigation behavior.
+    /// </summary>
+    public NavBehavior NavigationBehavior { get; set; } = NavBehavior.EXPAND_ON_HOVER;
+    
+    #endregion
+
+    #region Chat Settings
+
+    /// <summary>
+    /// Shortcuts to send the input to the AI.
+    /// </summary>
+    public SendBehavior ShortcutSendBehavior { get; set; } = SendBehavior.MODIFER_ENTER_IS_SENDING;
+
+    /// <summary>
+    /// Preselect any chat options?
+    /// </summary>
+    public bool PreselectChatOptions { get; set; }
+
+    /// <summary>
+    /// Should we preselect a provider for the chat?
+    /// </summary>
+    public string PreselectedChatProvider { get; set; } = string.Empty;
+
+    #endregion
+
+    #region Workspace Settings
+    
+    /// <summary>
+    /// The chat storage behavior.
+    /// </summary>
+    public WorkspaceStorageBehavior WorkspaceStorageBehavior { get; set; } = WorkspaceStorageBehavior.STORE_CHATS_AUTOMATICALLY;
+    
+    /// <summary>
+    /// The chat storage maintenance behavior.
+    /// </summary>
+    public WorkspaceStorageTemporaryMaintenancePolicy WorkspaceStorageTemporaryMaintenancePolicy { get; set; } = WorkspaceStorageTemporaryMaintenancePolicy.DELETE_OLDER_THAN_90_DAYS;
+    
+    #endregion
+
+    #region Assiatant: Icon Finder Settings
+    
+    /// <summary>
+    /// Do we want to preselect any icon options?
+    /// </summary>
+    public bool PreselectIconOptions { get; set; }
+    
+    /// <summary>
+    /// The preselected icon source.
+    /// </summary>
+    public IconSources PreselectedIconSource { get; set; }
+
+    /// <summary>
+    /// The preselected icon provider.
+    /// </summary>
+    public string PreselectedIconProvider { get; set; } = string.Empty;
+    
+    #endregion
+
+    #region Assistant: Translation Settings
+
+    /// <summary>
+    /// The live translation interval for debouncing in milliseconds.
+    /// </summary>
+    public int LiveTranslationDebounceIntervalMilliseconds { get; set; } = 1_500;
+    
+    /// <summary>
+    /// Do we want to preselect any translator options?
+    /// </summary>
+    public bool PreselectTranslationOptions { get; set; }
+
+    /// <summary>
+    /// Preselect the live translation?
+    /// </summary>
+    public bool PreselectLiveTranslation { get; set; }
+
+    /// <summary>
+    /// Hide the web content reader?
+    /// </summary>
+    public bool HideWebContentReaderForTranslation { get; set; }
+
+    /// <summary>
+    /// Preselect the web content reader?
+    /// </summary>
+    public bool PreselectWebContentReaderForTranslation { get; set; }
+
+    /// <summary>
+    /// Preselect the content cleaner agent?
+    /// </summary>
+    public bool PreselectContentCleanerAgentForTranslation { get; set; }
+
+    /// <summary>
+    /// Preselect the target language?
+    /// </summary>
+    public CommonLanguages PreselectedTranslationTargetLanguage { get; set; } = CommonLanguages.EN_US;
+
+    /// <summary>
+    /// Preselect any other language?
+    /// </summary>
+    public string PreselectTranslationOtherLanguage { get; set; } = string.Empty;
+    
+    /// <summary>
+    /// The preselected translator provider.
+    /// </summary>
+    public string PreselectedTranslationProvider { get; set; } = string.Empty;
+
+    #endregion
+
+    #region Assistant: Coding Settings
+
+    /// <summary>
+    /// Preselect any coding options?
+    /// </summary>
+    public bool PreselectCodingOptions { get; set; }
+
+    /// <summary>
+    /// Preselect the compiler messages?
+    /// </summary>
+    public bool PreselectCodingCompilerMessages { get; set; }
+
+    /// <summary>
+    /// Preselect the coding language for new contexts?
+    /// </summary>
+    public CommonCodingLanguages PreselectedCodingLanguage { get; set; }
+
+    /// <summary>
+    /// Do you want to preselect any other language?
+    /// </summary>
+    public string PreselectedCodingOtherLanguage { get; set; } = string.Empty;
+
+    /// <summary>
+    /// Which coding provider should be preselected?
+    /// </summary>
+    public string PreselectedCodingProvider { get; set; } = string.Empty;
+
+    #endregion
+
+    #region Assistant: Text Summarizer Settings
+
+    /// <summary>
+    /// Preselect any text summarizer options?
+    /// </summary>
+    public bool PreselectTextSummarizerOptions { get; set; }
+
+    
+    /// <summary>
+    /// Hide the web content reader?
+    /// </summary>
+    public bool HideWebContentReaderForTextSummarizer { get; set; }
+
+    /// <summary>
+    /// Preselect the web content reader?
+    /// </summary>
+    public bool PreselectWebContentReaderForTextSummarizer { get; set; }
+
+    /// <summary>
+    /// Preselect the content cleaner agent?
+    /// </summary>
+    public bool PreselectContentCleanerAgentForTextSummarizer { get; set; }
+    
+    /// <summary>
+    /// Preselect the target language?
+    /// </summary>
+    public CommonLanguages PreselectedTextSummarizerTargetLanguage { get; set; }
+
+    /// <summary>
+    /// Preselect any other language?
+    /// </summary>
+    public string PreselectedTextSummarizerOtherLanguage { get; set; } = string.Empty;
+
+    /// <summary>
+    /// Preselect the complexity?
+    /// </summary>
+    public Complexity PreselectedTextSummarizerComplexity { get; set; }
+    
+    /// <summary>
+    /// Preselect any expertise in a field?
+    /// </summary>
+    public string PreselectedTextSummarizerExpertInField { get; set; } = string.Empty;
+    
+    /// <summary>
+    /// Preselect a text summarizer provider?
+    /// </summary>
+    public string PreselectedTextSummarizerProvider { get; set; } = string.Empty;
+
+    #endregion
+
+    #region Agent: Text Content Cleaner Settings
+
+    /// <summary>
+    /// Preselect any text content cleaner options?
+    /// </summary>
+    public bool PreselectAgentTextContentCleanerOptions { get; set; }
+    
+    /// <summary>
+    /// Preselect a text content cleaner provider?
+    /// </summary>
+    public string PreselectedAgentTextContentCleanerProvider { get; set; } = string.Empty;
+
+    #endregion
+}

app/MindWork AI Studio/Settings/DataModel/NavBehavior.cs

@@ -0,0 +1,9 @@
+namespace AIStudio.Settings.DataModel;
+
+public enum NavBehavior
+{
+    EXPAND_ON_HOVER,
+    NEVER_EXPAND_USE_TOOLTIPS,
+    NEVER_EXPAND_NO_TOOLTIPS,
+    ALWAYS_EXPAND,
+}

app/MindWork AI Studio/Settings/DataModel/SendBehavior.cs

@@ -1,4 +1,4 @@
-namespace AIStudio.Settings;
+namespace AIStudio.Settings.DataModel;
 
 /// <summary>
 /// Possible behaviors for sending the input to the AI.

app/MindWork AI Studio/Settings/DataModel/UpdateBehavior.cs

@@ -1,4 +1,4 @@
-namespace AIStudio.Settings;
+namespace AIStudio.Settings.DataModel;
 
 public enum UpdateBehavior
 {

app/MindWork AI Studio/Settings/DataModel/WorkspaceStorageBehavior.cs

@@ -1,4 +1,4 @@
-namespace AIStudio.Settings;
+namespace AIStudio.Settings.DataModel;
 
 public enum WorkspaceStorageBehavior
 {

app/MindWork AI Studio/Settings/DataModel/WorkspaceStorageTemporaryMaintenancePolicy.cs

@@ -1,4 +1,4 @@
-namespace AIStudio.Settings;
+namespace AIStudio.Settings.DataModel;
 
 public enum WorkspaceStorageTemporaryMaintenancePolicy
 {

app/MindWork AI Studio/Settings/ProviderDialog.razor

@@ -1,6 +1,7 @@
 @using AIStudio.Provider
 @using AIStudio.Provider.SelfHosted
 @using MudBlazor
+@using AIStudio.Components.Blocks
 
 <MudDialog>
     <DialogContent>
@@ -13,7 +14,7 @@
                         <MudSelectItem Value="@provider">@provider</MudSelectItem>
                     }
                 </MudSelect>
-                <MudButton Disabled="@this.IsSelfHostedOrNone" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.OpenInBrowser" Href="@this.GetProviderCreationURL()" Target="_blank">Create account</MudButton>
+                <MudButton Disabled="@(!this.ShowRegisterButton)" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.OpenInBrowser" Href="@this.GetProviderCreationURL()" Target="_blank">Create account</MudButton>
             </MudStack>
             
             @* ReSharper disable once CSharpWarnings::CS8974 *@
@@ -21,7 +22,7 @@
                 T="string"
                 @bind-Text="@this.dataAPIKey"
                 Label="API Key"
-                Disabled="@this.IsSelfHostedOrNone"
+                Disabled="@(!this.NeedAPIKey)"
                 Class="mb-3"
                 Adornment="Adornment.Start"
                 AdornmentIcon="@Icons.Material.Filled.VpnKey"
@@ -34,7 +35,7 @@
                 T="string"
                 @bind-Text="@this.DataHostname"
                 Label="Hostname"
-                Disabled="@this.IsCloudProvider"
+                Disabled="@(!this.NeedHostname)"
                 Class="mb-3"
                 Adornment="Adornment.Start"
                 AdornmentIcon="@Icons.Material.Filled.Dns"
@@ -43,7 +44,7 @@
                 UserAttributes="@SPELLCHECK_ATTRIBUTES"
             />
 
-            <MudSelect Disabled="@this.IsCloudProvider" @bind-Value="@this.DataHost" Label="Host" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.ValidatingHost">
+            <MudSelect Disabled="@(!this.NeedHost)" @bind-Value="@this.DataHost" Label="Host" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.ValidatingHost">
                 @foreach (Host host in Enum.GetValues(typeof(Host)))
                 {
                     <MudSelectItem Value="@host">@host.Name()</MudSelectItem>
@@ -51,13 +52,31 @@
             </MudSelect>
 
             <MudStack Row="@true" AlignItems="AlignItems.Center">
-                <MudButton Disabled="@(!this.CanLoadModels())" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.Refresh" OnClick="this.ReloadModels">Load</MudButton>
-                <MudSelect Disabled="@this.IsNoneProvider" @bind-Value="@this.DataModel" Label="Model" Class="mb-3" OpenIcon="@Icons.Material.Filled.FaceRetouchingNatural" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.ValidatingModel">
-                    @foreach (var model in this.availableModels)
-                    {
-                        <MudSelectItem Value="@model">@model</MudSelectItem>
-                    }
-                </MudSelect>
+                @if (this.ProvideModelManually)
+                {
+                    <MudButton Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.OpenInBrowser" Href="@this.GetModelOverviewURL()" Target="_blank">Show available models</MudButton>
+                    <MudTextField
+                        T="string"
+                        @bind-Text="@this.dataManuallyModel"
+                        Label="Model"
+                        Class="mb-3"
+                        Adornment="Adornment.Start"
+                        AdornmentIcon="@Icons.Material.Filled.Dns"
+                        AdornmentColor="Color.Info"
+                        Validation="@this.ValidateManuallyModel"
+                        UserAttributes="@SPELLCHECK_ATTRIBUTES"
+                    />
+                }
+                else
+                {
+                    <MudButton Disabled="@(!this.CanLoadModels())" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.Refresh" OnClick="this.ReloadModels">Load</MudButton>
+                    <MudSelect Disabled="@this.IsNoneProvider" @bind-Value="@this.DataModel" Label="Model" Class="mb-3" OpenIcon="@Icons.Material.Filled.FaceRetouchingNatural" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.ValidatingModel">
+                        @foreach (var model in this.availableModels)
+                        {
+                            <MudSelectItem Value="@model">@model</MudSelectItem>
+                        }
+                    </MudSelect>
+                }
             </MudStack>
 
             @* ReSharper disable once CSharpWarnings::CS8974 *@
@@ -74,21 +93,7 @@
             />
             
         </MudForm>
-
-        @if (this.dataIssues.Any())
-        {
-            <MudPaper Class="pa-2 mt-3">
-                <MudText Typo="Typo.h6">Issues</MudText>
-                <MudList Clickable="@true">
-                    @foreach (var issue in this.dataIssues)
-                    {
-                        <MudListItem Icon="@Icons.Material.Filled.Error" IconColor="Color.Error">
-                            @issue
-                        </MudListItem> 
-                    }
-                </MudList>
-            </MudPaper>
-        }
+        <Issues IssuesData="@this.dataIssues"/>
     </DialogContent>
     <DialogActions>
         <MudButton OnClick="@this.Cancel" Variant="Variant.Filled">Cancel</MudButton>

app/MindWork AI Studio/Settings/ProviderDialog.razor.cs

@@ -86,6 +86,7 @@ public partial class ProviderDialog : ComponentBase
     private bool dataIsValid;
     private string[] dataIssues = [];
     private string dataAPIKey = string.Empty;
+    private string dataManuallyModel = string.Empty;
     private string dataAPIKeyStorageIssue = string.Empty;
     private string dataEditingPreviousInstanceName = string.Empty;
     
@@ -100,9 +101,9 @@ public partial class ProviderDialog : ComponentBase
         Id = this.DataId,
         InstanceName = this.DataInstanceName,
         UsedProvider = this.DataProvider,
-        Model = this.DataModel,
+        Model = this.DataProvider is Providers.FIREWORKS ? new Model(this.dataManuallyModel) : this.DataModel,
         IsSelfHosted = this.DataProvider is Providers.SELF_HOSTED,
-        Hostname = this.DataHostname,
+        Hostname = this.DataHostname.EndsWith('/') ? this.DataHostname[..^1] : this.DataHostname,
         Host = this.DataHost,
     };
 
@@ -220,6 +221,14 @@ public partial class ProviderDialog : ComponentBase
         return null;
     }
     
+    private string? ValidateManuallyModel(string manuallyModel)
+    {
+        if (this.DataProvider is Providers.FIREWORKS && string.IsNullOrWhiteSpace(manuallyModel))
+            return "Please enter a model name.";
+        
+        return null;
+    }
+    
     private string? ValidatingModel(Model model)
     {
         if(this.DataProvider is Providers.SELF_HOSTED && this.DataHost == Host.LLAMACPP)
@@ -312,7 +321,7 @@ public partial class ProviderDialog : ComponentBase
         var provider = currentProviderSettings.CreateProvider();
         if(provider is NoProvider)
             return;
-
+        
         var models = await provider.GetTextModels(this.JsRuntime, this.SettingsManager, this.dataAPIKey);
         
         // Order descending by ID means that the newest models probably come first:
@@ -354,11 +363,52 @@ public partial class ProviderDialog : ComponentBase
         return true;
     }
 
-    private bool IsCloudProvider => this.DataProvider is not Providers.SELF_HOSTED;
+    private bool ShowRegisterButton => this.DataProvider switch
+    {
+        Providers.OPEN_AI => true,
+        Providers.MISTRAL => true,
+        Providers.ANTHROPIC => true,
+        
+        Providers.FIREWORKS => true,
+        
+        _ => false,
+    };
+
+    private bool NeedAPIKey => this.DataProvider switch
+    {
+        Providers.OPEN_AI => true,
+        Providers.MISTRAL => true,
+        Providers.ANTHROPIC => true,
+        
+        Providers.FIREWORKS => true,
+        
+        _ => false,
+    };
+
+    private bool NeedHostname => this.DataProvider switch
+    {
+        Providers.SELF_HOSTED => true,
+        _ => false,
+    };
     
-    private bool IsSelfHostedOrNone => this.DataProvider is Providers.SELF_HOSTED or Providers.NONE;
+    private bool NeedHost => this.DataProvider switch
+    {
+        Providers.SELF_HOSTED => true,
+        _ => false,
+    };
     
-    private bool IsNoneProvider => this.DataProvider is Providers.NONE;
+    private bool ProvideModelManually => this.DataProvider switch
+    {
+        Providers.FIREWORKS => true,
+        _ => false,
+    };
+    
+    private string GetModelOverviewURL() => this.DataProvider switch
+    {
+        Providers.FIREWORKS => "https://fireworks.ai/models?show=Serverless",
+        
+        _ => string.Empty,
+    };
 
     private string GetProviderCreationURL() => this.DataProvider switch
     {
@@ -366,6 +416,10 @@ public partial class ProviderDialog : ComponentBase
         Providers.MISTRAL => "https://console.mistral.ai/",
         Providers.ANTHROPIC => "https://console.anthropic.com/dashboard",
         
+        Providers.FIREWORKS => "https://fireworks.ai/login",
+        
         _ => string.Empty,
     };
+    
+    private bool IsNoneProvider => this.DataProvider is Providers.NONE;
 }

app/MindWork AI Studio/Settings/SettingsManager.cs

@@ -1,5 +1,8 @@
 using System.Text.Json;
+using System.Text.Json.Serialization;
+
 using AIStudio.Provider;
+using AIStudio.Settings.DataModel;
 
 // ReSharper disable NotAccessedPositionalProperty.Local
 
@@ -12,6 +15,12 @@ public sealed class SettingsManager
 {
     private const string SETTINGS_FILENAME = "settings.json";
     
+    private static readonly JsonSerializerOptions JSON_OPTIONS = new()
+    {
+        WriteIndented = true,
+        Converters = { new JsonStringEnumConverter() },
+    };
+    
     /// <summary>
     /// The directory where the configuration files are stored.
     /// </summary>
@@ -72,9 +81,10 @@ public sealed class SettingsManager
     /// <summary>
     /// Data structure for deleting a secret response.
     /// </summary>
-    /// <param name="Success">True, when the secret was successfully deleted.</param>
+    /// <param name="Success">True, when the secret was successfully deleted or not found.</param>
     /// <param name="Issue">The issue, when the secret could not be deleted.</param>
-    public readonly record struct DeleteSecretResponse(bool Success, string Issue);
+    /// <param name="WasEntryFound">True, when the entry was found and deleted.</param>
+    public readonly record struct DeleteSecretResponse(bool Success, string Issue, bool WasEntryFound);
     
     /// <summary>
     /// Tries to delete the API key for the given provider.
@@ -99,7 +109,7 @@ public sealed class SettingsManager
             return;
         
         var settingsJson = await File.ReadAllTextAsync(settingsPath);
-        var loadedConfiguration = JsonSerializer.Deserialize<Data>(settingsJson);
+        var loadedConfiguration = JsonSerializer.Deserialize<Data>(settingsJson, JSON_OPTIONS);
         if(loadedConfiguration is null)
             return;
         
@@ -118,7 +128,7 @@ public sealed class SettingsManager
         if(!Directory.Exists(ConfigDirectory))
             Directory.CreateDirectory(ConfigDirectory!);
         
-        var settingsJson = JsonSerializer.Serialize(this.ConfigurationData);
+        var settingsJson = JsonSerializer.Serialize(this.ConfigurationData, JSON_OPTIONS);
         await File.WriteAllTextAsync(settingsPath, settingsJson);
     }
     

app/MindWork AI Studio/Settings/SettingsMigrations.cs

@@ -1,3 +1,5 @@
+using AIStudio.Settings.DataModel;
+
 using Host = AIStudio.Provider.SelfHosted.Host;
 
 namespace AIStudio.Settings;

app/MindWork AI Studio/Tools/Event.cs

@@ -6,6 +6,7 @@ public enum Event
     
     // Common events:
     STATE_HAS_CHANGED,
+    CONFIGURATION_CHANGED,
     
     // Update events:
     USER_SEARCH_FOR_UPDATE,

app/MindWork AI Studio/Tools/HTMLParser.cs

@@ -0,0 +1,57 @@
+using System.Net;
+using System.Text;
+
+using HtmlAgilityPack;
+
+using ReverseMarkdown;
+
+namespace AIStudio.Tools;
+
+public sealed class HTMLParser
+{
+    private static readonly Config MARKDOWN_PARSER_CONFIG = new()
+    {
+        UnknownTags = Config.UnknownTagsOption.Bypass,
+        RemoveComments = true,
+        SmartHrefHandling = true
+    };
+
+    /// <summary>
+    /// Loads the web content from the specified URL.
+    /// </summary>
+    /// <param name="url">The URL of the web page.</param>
+    /// <returns>The web content as text.</returns>
+    public async Task<string> LoadWebContentText(Uri url)
+    {
+        var cts = new CancellationTokenSource(TimeSpan.FromSeconds(30));
+        var parser = new HtmlWeb();
+        var doc = await parser.LoadFromWebAsync(url, Encoding.UTF8, new NetworkCredential(), cts.Token);
+        return doc.ParsedText;
+    }
+
+    /// <summary>
+    /// Loads the web content from the specified URL and returns it as an HTML string.
+    /// </summary>
+    /// <param name="url">The URL of the web page.</param>
+    /// <returns>The web content as an HTML string.</returns>
+    public async Task<string> LoadWebContentHTML(Uri url)
+    {
+        var cts = new CancellationTokenSource(TimeSpan.FromSeconds(30));
+        var parser = new HtmlWeb();
+        var doc = await parser.LoadFromWebAsync(url, Encoding.UTF8, new NetworkCredential(), cts.Token);
+        var innerHtml = doc.DocumentNode.InnerHtml;
+
+        return innerHtml;
+    }
+
+    /// <summary>
+    /// Converts HTML content to the Markdown format.
+    /// </summary>
+    /// <param name="html">The HTML content to parse.</param>
+    /// <returns>The converted Markdown content.</returns>
+    public string ParseToMarkdown(string html)
+    {
+        var markdownConverter = new Converter(MARKDOWN_PARSER_CONFIG);
+        return markdownConverter.Convert(html);
+    }
+}

app/MindWork AI Studio/Tools/Process.cs

@@ -0,0 +1,67 @@
+using System.Text;
+
+namespace AIStudio.Tools;
+
+public sealed class Process<T> where T : struct, Enum
+{
+    public static readonly Process<T> INSTANCE = new();
+    
+    private readonly Dictionary<T, ProcessStepValue> stepsData = [];
+    private readonly int min = int.MaxValue;
+    private readonly int max = int.MinValue;
+    private readonly string[] labels;
+
+    private Process()
+    {
+        var values = Enum.GetValues<T>();
+        this.labels = new string[values.Length];
+
+        for (var i = 0; i < values.Length; i++)
+        {
+            var value = values[i];
+            var stepValue = Convert.ToInt32(value);
+            var stepName = DeriveName(value);
+
+            this.labels[i] = stepName;
+            this.stepsData[value] = new ProcessStepValue(stepValue, stepName);
+
+            if (stepValue < this.min)
+                this.min = stepValue;
+
+            if (stepValue > this.max)
+                this.max = stepValue;
+        }
+    }
+    
+    private static string DeriveName(T value)
+    {
+        var text = value.ToString();
+        if (!text.Contains('_'))
+        {
+            text = text.ToLowerInvariant();
+            text = char.ToUpperInvariant(text[0]) + text[1..];
+        }
+        else
+        {
+            var parts = text.Split('_');
+            var sb = new StringBuilder();
+            foreach (var part in parts)
+            {
+                sb.Append(char.ToUpperInvariant(part[0]));
+                sb.Append(part[1..].ToLowerInvariant());
+            }
+            
+            text = sb.ToString();
+        }
+        
+        return text;
+    }
+    
+    public string[] Labels => this.labels;
+    
+    public int Min => this.min;
+    
+    public int Max => this.max;
+    
+    public ProcessStepValue this[T step] => this.stepsData[step];
+}

app/MindWork AI Studio/Tools/ProcessStepValue.cs

@@ -0,0 +1,258 @@
+using System.Globalization;
+using System.Numerics;
+
+namespace AIStudio.Tools;
+
+public readonly record struct ProcessStepValue(int Step, string Name) : INumber<ProcessStepValue>
+{
+    public static implicit operator int(ProcessStepValue process) => process.Step;
+    
+    #region INumber implementation
+    
+    #region Implementation of IComparable
+    
+    public int CompareTo(object? obj) => this.Step.CompareTo(obj);
+    
+    #endregion
+    
+    #region Implementation of IComparable<in ProcessStepValue>
+    
+    public int CompareTo(ProcessStepValue other) => this.Step.CompareTo(other.Step);
+    
+    #endregion
+    
+    #region Implementation of IFormattable
+    
+    public string ToString(string? format, IFormatProvider? formatProvider) => this.Step.ToString(format, formatProvider);
+    
+    #endregion
+    
+    #region Implementation of IParsable<ProcessStepValue>
+    
+    public static ProcessStepValue Parse(string s, IFormatProvider? provider) => new(int.Parse(s, provider), string.Empty);
+
+    public static bool TryParse(string? s, IFormatProvider? provider, out ProcessStepValue result)
+    {
+        if (int.TryParse(s, provider, out var stepValue))
+        {
+            result = new ProcessStepValue(stepValue, string.Empty);
+            return true;
+        }
+        
+        result = default;
+        return false;
+    }
+    #endregion
+    
+    #region Implementation of ISpanFormattable
+    
+    public bool TryFormat(Span<char> destination, out int charsWritten, ReadOnlySpan<char> format, IFormatProvider? provider) => this.Step.TryFormat(destination, out charsWritten, format, provider);
+
+    #endregion
+    
+    #region Implementation of ISpanParsable<ProcessStepValue>
+    
+    public static ProcessStepValue Parse(ReadOnlySpan<char> s, IFormatProvider? provider) => new(int.Parse(s, provider), string.Empty);
+
+    public static bool TryParse(ReadOnlySpan<char> s, IFormatProvider? provider, out ProcessStepValue result)
+    {
+        if (int.TryParse(s, provider, out int stepValue))
+        {
+            result = new ProcessStepValue(stepValue, string.Empty);
+            return true;
+        }
+        
+        result = default;
+        return false;
+    }
+    
+    #endregion
+    
+    #region Implementation of IAdditionOperators<ProcessStepValue,ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue operator +(ProcessStepValue left, ProcessStepValue right) => left with { Step = left.Step + right.Step };
+
+    #endregion
+    
+    #region Implementation of IAdditiveIdentity<ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue AdditiveIdentity => new(0, string.Empty);
+    
+    #endregion
+    
+    #region Implementation of IComparisonOperators<ProcessStepValue,ProcessStepValue,bool>
+    
+    public static bool operator >(ProcessStepValue left, ProcessStepValue right) => left.Step > right.Step;
+
+    public static bool operator >=(ProcessStepValue left, ProcessStepValue right) => left.Step >= right.Step;
+
+    public static bool operator <(ProcessStepValue left, ProcessStepValue right) => left.Step < right.Step;
+
+    public static bool operator <=(ProcessStepValue left, ProcessStepValue right) => left.Step <= right.Step;
+
+    #endregion
+    
+    #region Implementation of IDecrementOperators<ProcessStepValue>
+    
+    public static ProcessStepValue operator --(ProcessStepValue value) => value with { Step = value.Step - 1 };
+
+    #endregion
+
+    #region Implementation of IDivisionOperators<ProcessStepValue,ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue operator /(ProcessStepValue left, ProcessStepValue right) => left with { Step = left.Step / right.Step };
+
+    #endregion
+    
+    #region Implementation of IIncrementOperators<ProcessStepValue>
+    
+    public static ProcessStepValue operator ++(ProcessStepValue value) => value with { Step = value.Step + 1 };
+
+    #endregion
+    
+    #region Implementation of IModulusOperators<ProcessStepValue,ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue operator %(ProcessStepValue left, ProcessStepValue right) => left with { Step = left.Step % right.Step };
+
+    #endregion
+    
+    #region Implementation of IMultiplicativeIdentity<ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue MultiplicativeIdentity => new(1, string.Empty);
+    
+    #endregion
+    
+    #region Implementation of IMultiplyOperators<ProcessStepValue,ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue operator *(ProcessStepValue left, ProcessStepValue right) => left with { Step = left.Step * right.Step };
+
+    #endregion
+    
+    #region Implementation of ISubtractionOperators<ProcessStepValue,ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue operator -(ProcessStepValue left, ProcessStepValue right) => left with { Step = left.Step - right.Step };
+
+    #endregion
+    
+    #region Implementation of IUnaryNegationOperators<ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue operator -(ProcessStepValue value) => value with { Step = -value.Step };
+
+    #endregion
+    
+    #region Implementation of IUnaryPlusOperators<ProcessStepValue,ProcessStepValue>
+    
+    public static ProcessStepValue operator +(ProcessStepValue value) => value;
+
+    #endregion
+    
+    #region Implementation of INumberBase<ProcessStepValue>
+    
+    public static ProcessStepValue Abs(ProcessStepValue value) => value with { Step = Math.Abs(value.Step) };
+
+    public static bool IsCanonical(ProcessStepValue value) => true;
+    public static bool IsComplexNumber(ProcessStepValue value) => false;
+    public static bool IsEvenInteger(ProcessStepValue value) => value.Step % 2 == 0;
+    public static bool IsFinite(ProcessStepValue value) => true;
+    public static bool IsImaginaryNumber(ProcessStepValue value) => false;
+    public static bool IsInfinity(ProcessStepValue value) => false;
+    public static bool IsInteger(ProcessStepValue value) => true;
+    public static bool IsNaN(ProcessStepValue value) => false;
+    public static bool IsNegative(ProcessStepValue value) => value.Step < 0;
+    public static bool IsNegativeInfinity(ProcessStepValue value) => false;
+    public static bool IsNormal(ProcessStepValue value) => true;
+    public static bool IsOddInteger(ProcessStepValue value) => value.Step % 2 != 0;
+    public static bool IsPositive(ProcessStepValue value) => value.Step > 0;
+    public static bool IsPositiveInfinity(ProcessStepValue value) => false;
+    public static bool IsRealNumber(ProcessStepValue value) => true;
+    public static bool IsSubnormal(ProcessStepValue value) => false;
+    public static bool IsZero(ProcessStepValue value) => value.Step == 0;
+    public static ProcessStepValue MaxMagnitude(ProcessStepValue x, ProcessStepValue y)
+    {
+        return x with { Step = Math.Max(Math.Abs(x.Step), Math.Abs(y.Step)) };
+    }
+    
+    public static ProcessStepValue MaxMagnitudeNumber(ProcessStepValue x, ProcessStepValue y) => MaxMagnitude(x, y);
+
+    public static ProcessStepValue MinMagnitude(ProcessStepValue x, ProcessStepValue y) => x with { Step = Math.Min(Math.Abs(x.Step), Math.Abs(y.Step)) };
+
+    public static ProcessStepValue MinMagnitudeNumber(ProcessStepValue x, ProcessStepValue y) => MinMagnitude(x, y);
+
+    public static ProcessStepValue Parse(ReadOnlySpan<char> s, NumberStyles style, IFormatProvider? provider) => new(int.Parse(s, style, provider), string.Empty);
+
+    public static ProcessStepValue Parse(string s, NumberStyles style, IFormatProvider? provider) => new(int.Parse(s, style, provider), string.Empty);
+
+    public static bool TryConvertFromChecked<TOther>(TOther value, out ProcessStepValue result) where TOther : INumberBase<TOther>
+    {
+        if (TOther.TryConvertToChecked(value, out int intValue))
+        {
+            result = new ProcessStepValue(intValue, string.Empty);
+            return true;
+        }
+        
+        result = default;
+        return false;
+    }
+    
+    public static bool TryConvertFromSaturating<TOther>(TOther value, out ProcessStepValue result) where TOther : INumberBase<TOther>
+    {
+        if (TOther.TryConvertToSaturating(value, out int intValue))
+        {
+            result = new ProcessStepValue(intValue, string.Empty);
+            return true;
+        }
+        result = default;
+        return false;
+    }
+    
+    public static bool TryConvertFromTruncating<TOther>(TOther value, out ProcessStepValue result) where TOther : INumberBase<TOther>
+    {
+        if (TOther.TryConvertToTruncating(value, out int intValue))
+        {
+            result = new ProcessStepValue(intValue, string.Empty);
+            return true;
+        }
+        result = default;
+        return false;
+    }
+    
+    public static bool TryConvertToChecked<TOther>(ProcessStepValue value, out TOther result) where TOther : INumberBase<TOther> => TOther.TryConvertFromChecked(value.Step, out result!);
+
+    public static bool TryConvertToSaturating<TOther>(ProcessStepValue value, out TOther result) where TOther : INumberBase<TOther> => TOther.TryConvertFromSaturating(value.Step, out result!);
+
+    public static bool TryConvertToTruncating<TOther>(ProcessStepValue value, out TOther result) where TOther : INumberBase<TOther> => TOther.TryConvertFromTruncating(value.Step, out result!);
+
+    public static bool TryParse(ReadOnlySpan<char> s, NumberStyles style, IFormatProvider? provider, out ProcessStepValue result)
+    {
+        if (int.TryParse(s, style, provider, out var stepValue))
+        {
+            result = new ProcessStepValue(stepValue, string.Empty);
+            return true;
+        }
+        
+        result = default;
+        return false;
+    }
+    
+    public static bool TryParse(string? s, NumberStyles style, IFormatProvider? provider, out ProcessStepValue result)
+    {
+        if (int.TryParse(s, style, provider, out var stepValue))
+        {
+            result = new ProcessStepValue(stepValue, string.Empty);
+            return true;
+        }
+        
+        result = default;
+        return false;
+    }
+    
+    public static ProcessStepValue One => new(1, string.Empty);
+    
+    public static int Radix => 2;
+    
+    public static ProcessStepValue Zero => new(0, string.Empty);
+    
+    #endregion
+    
+    #endregion
+}

app/MindWork AI Studio/Tools/TemporaryChatService.cs

@@ -1,4 +1,5 @@
 using AIStudio.Settings;
+using AIStudio.Settings.DataModel;
 
 namespace AIStudio.Tools;
 

app/MindWork AI Studio/Tools/ThreadSafeRandom.cs

@@ -0,0 +1,88 @@
+namespace AIStudio.Tools;
+
+/// <inheritdoc />
+public sealed class ThreadSafeRandom : Random
+{
+    private static readonly object LOCK = new();
+
+    #region Overrides of Random
+
+    /// <inheritdoc />
+    public override int Next()
+    {
+        lock (LOCK)
+            return base.Next();
+    }
+
+    /// <inheritdoc />
+    public override int Next(int maxValue)
+    {
+        lock (LOCK)
+            return base.Next(maxValue);
+    }
+
+    /// <inheritdoc />
+    public override int Next(int minValue, int maxValue)
+    {
+        lock (LOCK)
+            return base.Next(minValue, maxValue);
+    }
+
+    /// <inheritdoc />
+    public override void NextBytes(byte[] buffer)
+    {
+        lock (LOCK)
+            base.NextBytes(buffer);
+    }
+
+    /// <inheritdoc />
+    public override void NextBytes(Span<byte> buffer)
+    {
+        lock (LOCK)
+            base.NextBytes(buffer);
+    }
+
+    /// <inheritdoc />
+    public override double NextDouble()
+    {
+        lock (LOCK)
+            return base.NextDouble();
+    }
+
+    /// <inheritdoc />
+    public override long NextInt64()
+    {
+        lock (LOCK)
+            return base.NextInt64();
+    }
+
+    /// <inheritdoc />
+    public override long NextInt64(long maxValue)
+    {
+        lock (LOCK)
+            return base.NextInt64(maxValue);
+    }
+
+    /// <inheritdoc />
+    public override long NextInt64(long minValue, long maxValue)
+    {
+        lock (LOCK)
+            return base.NextInt64(minValue, maxValue);
+    }
+
+    /// <inheritdoc />
+    public override float NextSingle()
+    {
+        lock (LOCK)
+            return base.NextSingle();
+    }
+
+    /// <inheritdoc />
+    protected override double Sample()
+    {
+        lock (LOCK)
+            return base.Sample();
+    }
+
+    #endregion
+}

app/MindWork AI Studio/Tools/UpdateService.cs

@@ -1,4 +1,5 @@
 using AIStudio.Settings;
+using AIStudio.Settings.DataModel;
 
 using Microsoft.AspNetCore.Components;
 

app/MindWork AI Studio/packages.lock.json

@@ -2,11 +2,17 @@
   "version": 1,
   "dependencies": {
     "net8.0": {
+      "HtmlAgilityPack": {
+        "type": "Direct",
+        "requested": "[1.11.62, )",
+        "resolved": "1.11.62",
+        "contentHash": "KS4h7ZjWsO6YixRfQgYdR+PZMbTaZod1LBPi+1Ph7dJCARzQm7DOKe5HPhP/o0EWX5l7QCgAZHa4VOa4pQa8JQ=="
+      },
       "Microsoft.Extensions.FileProviders.Embedded": {
         "type": "Direct",
-        "requested": "[8.0.6, )",
-        "resolved": "8.0.6",
-        "contentHash": "hQlf5+YxiUbKdpaPBf/zdMGItnWF8ai9ToPjeZ6gnxT10V4RGDKvChl5MSdc838+2SRHLAC0cdJwG0+L7dqR0g==",
+        "requested": "[8.0.7, )",
+        "resolved": "8.0.7",
+        "contentHash": "ABsn0T09b5lzVNbOcuRc10+kNZkO+RGtZWfzqVay0Ah+/ouhEvG7JrXc+9+7zFgoPuH4E4N6+uWfTp+pJqMeGw==",
         "dependencies": {
           "Microsoft.Extensions.FileProviders.Abstractions": "8.0.0"
         }
@@ -19,13 +25,13 @@
       },
       "MudBlazor": {
         "type": "Direct",
-        "requested": "[6.20.0, )",
-        "resolved": "6.20.0",
-        "contentHash": "2MqW/E1OLszSqDhW06rpRTN4OpIRJU0iVzeiZLPzymckrKJH1Hg09St+O3kaEnsbXRcjcdM9iE5cSKzCgxvySQ==",
+        "requested": "[7.4.0, )",
+        "resolved": "7.4.0",
+        "contentHash": "dm8ZD6OhyI6icE3Si0V3BJvwPZp8fEspPFq4/iQXU8/i7L39/ny2bPgQqPnQmIojppd9cR/H4RdsaBlSLe6rIw==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components": "8.0.3",
-          "Microsoft.AspNetCore.Components.Web": "8.0.3",
-          "Microsoft.Extensions.Localization": "8.0.3"
+          "Microsoft.AspNetCore.Components": "8.0.6",
+          "Microsoft.AspNetCore.Components.Web": "8.0.6",
+          "Microsoft.Extensions.Localization": "8.0.6"
         }
       },
       "MudBlazor.Markdown": {
@@ -38,6 +44,15 @@
           "MudBlazor": "6.20.0"
         }
       },
+      "ReverseMarkdown": {
+        "type": "Direct",
+        "requested": "[4.6.0, )",
+        "resolved": "4.6.0",
+        "contentHash": "ehNpMz3yQwd7P/vHpwi4KyDlT8UtVmtiL+NTb6mFEPzbLqJXbRIGF4OxEA5tuBA5Cfwhzf537TX1UIB6dUpo7A==",
+        "dependencies": {
+          "HtmlAgilityPack": "1.11.61"
+        }
+      },
       "Markdig": {
         "type": "Transitive",
         "resolved": "0.37.0",
@@ -45,53 +60,53 @@
       },
       "Microsoft.AspNetCore.Authorization": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "9Nic17acgZbysUlhGc+TEd9F8jI01kC6+V31sC7/xI5v2OSWGL8NhdYaB/Iu4KnDRoQEolg6qvepGsVfeYpIYA==",
+        "resolved": "8.0.6",
+        "contentHash": "H1CSbD7UeSPsrJSUpvbms6SqWMa5y8ch4Rw+gyHh2uztOEb20fTP2r0AUnStn1Q9WYghikiDO5wzkgV+n6KC2Q==",
         "dependencies": {
-          "Microsoft.AspNetCore.Metadata": "8.0.3",
+          "Microsoft.AspNetCore.Metadata": "8.0.6",
           "Microsoft.Extensions.Logging.Abstractions": "8.0.1",
           "Microsoft.Extensions.Options": "8.0.2"
         }
       },
       "Microsoft.AspNetCore.Components": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "q1Da8sfxG+B+BSYpc/3RKNEdzGcLbDTXkTUqekY65kXMMVCTqTAQ0Zs4csmB7FNVTFSjwaw1dGMFD0bQ+erlBw==",
+        "resolved": "8.0.6",
+        "contentHash": "Je2l+rd5i8gB+ZWsN5wBHOsnyAh81h6+a5vNq6rjfQhM2ZYxH+BVsmanCYa+F8BFy6rmd+ZL61SEiNaAyAOgtg==",
         "dependencies": {
-          "Microsoft.AspNetCore.Authorization": "8.0.3",
-          "Microsoft.AspNetCore.Components.Analyzers": "8.0.3"
+          "Microsoft.AspNetCore.Authorization": "8.0.6",
+          "Microsoft.AspNetCore.Components.Analyzers": "8.0.6"
         }
       },
       "Microsoft.AspNetCore.Components.Analyzers": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "iERLuYM+YFI/K1jkinr1YeAkJYHUcijPiPCKgmgs2ZhJLqiIVJRT08vUtIsfhiFtGiI5MIzK0R1BZHyS3yAQng=="
+        "resolved": "8.0.6",
+        "contentHash": "SEL0CN1jJdJkCDwRox3kSY1ffMnahlOCDJZYrYWfQ6ftjqRuuiPtwyvI3VIeVHLcpT3VP1AXww8wzKDK3oeFxg=="
       },
       "Microsoft.AspNetCore.Components.Forms": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "OxY5NDmePnn6FMb+Fum57YL7LCHk3u2Wg0qSln3uZSayo+oIxYuoGnqH2dUMp1P5vOPfq17NKCIIEbxfU2dirQ==",
+        "resolved": "8.0.6",
+        "contentHash": "49wIE1ns3ZGDU4NPMcKCSTC716IxujUeaynsUyflM5Qmb2WlF6M6m4pMcJ6UET1Ixmn027nZjMEc8J7pU4BLBg==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components": "8.0.3"
+          "Microsoft.AspNetCore.Components": "8.0.6"
         }
       },
       "Microsoft.AspNetCore.Components.Web": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "bHWJiz/JhjptK3iYzha0Rm73chjFcbMAOD9DdDq2tn1rp4rQa/K7O/zdnZpSYAT3nI33Q0aY6ts6t0PUVu5hCA==",
+        "resolved": "8.0.6",
+        "contentHash": "xxYlTpcTEWsxaWUscDLN32mM32ysslLFtNQBS6wJOxaKJ9LCvusXDyBVEKL2DPbB8PZdereNvyrVr0deHkuOEw==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components": "8.0.3",
-          "Microsoft.AspNetCore.Components.Forms": "8.0.3",
+          "Microsoft.AspNetCore.Components": "8.0.6",
+          "Microsoft.AspNetCore.Components.Forms": "8.0.6",
           "Microsoft.Extensions.DependencyInjection": "8.0.0",
           "Microsoft.Extensions.Primitives": "8.0.0",
-          "Microsoft.JSInterop": "8.0.3",
+          "Microsoft.JSInterop": "8.0.6",
           "System.IO.Pipelines": "8.0.0"
         }
       },
       "Microsoft.AspNetCore.Metadata": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "MAdmICjtSckGDutLRMydRI0pvBcGw/WoC4UC+hZ999idVW96l5iJlhyrtakgYkF5Rp0ekNVNWA+onP2gJZUkpw=="
+        "resolved": "8.0.6",
+        "contentHash": "3e7S/kz1MGds8zDA8SfQiutqifyVcULs5P/8Bxpes0WIkJRMGkU/l+XlMllj9KrDfCGwHW8bgjRy/zxfoILgfg=="
       },
       "Microsoft.Extensions.DependencyInjection": {
         "type": "Transitive",
@@ -116,19 +131,19 @@
       },
       "Microsoft.Extensions.Localization": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "EjHnIiEwNq9xl8S36hf0nj64IF3DTQ1l5PVK8Vo+QocYKDKpDPONHNJC8env0DPwod7T5oA1HYLLo2mdSTCgrQ==",
+        "resolved": "8.0.6",
+        "contentHash": "EXcSpQE6E80Qutej0ZShz1oRWBFocDzir/R3Gd1jAqZ5SnPpSr1Ep/tH5ha0cRXY22cWVuOb7I9rM32Ew+ju7g==",
         "dependencies": {
           "Microsoft.Extensions.DependencyInjection.Abstractions": "8.0.1",
-          "Microsoft.Extensions.Localization.Abstractions": "8.0.3",
+          "Microsoft.Extensions.Localization.Abstractions": "8.0.6",
           "Microsoft.Extensions.Logging.Abstractions": "8.0.1",
           "Microsoft.Extensions.Options": "8.0.2"
         }
       },
       "Microsoft.Extensions.Localization.Abstractions": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "k/kUPm1FQBxcs9/vsM1eF4qIOg2Sovqh/+KUGHur5Mc0Y3OFGuoz9ktBX7LA0gPz53SZhW3W3oaSaMFFcjgM6Q=="
+        "resolved": "8.0.6",
+        "contentHash": "oQdKQ4xlb+Qa4t1gWGj58cocLdWZynP+wLExIAxozh2SrvffEzTvTGI2IbRx4mBNgg9jbbyoPE8nNOwJ1Thddg=="
       },
       "Microsoft.Extensions.Logging.Abstractions": {
         "type": "Transitive",
@@ -154,8 +169,8 @@
       },
       "Microsoft.JSInterop": {
         "type": "Transitive",
-        "resolved": "8.0.3",
-        "contentHash": "Oi21Fa7KubCzafwXb2IOdSGg24+/ylYGwrJgAYdWmgXBj04Oj/1b8vr9hrcoFKjQ6K18ryHYh35ZO/CCIEhuzg=="
+        "resolved": "8.0.6",
+        "contentHash": "E1djWS3d41fcd++7sGlbYhOHde5Pb0oBpOcNvUbn+1ga/yCvsjzUfbd/tDRg1qacNKS0iwKWYOIqTZxJnh99dQ=="
       },
       "System.IO.Pipelines": {
         "type": "Transitive",
@@ -163,6 +178,6 @@
         "contentHash": "FHNOatmUq0sqJOkTx+UF/9YK1f180cnW5FVqnQMvYUN0elp6wFzbtPSiqbo1/ru8ICp43JM1i7kKkk6GsNGHlA=="
       }
     },
-    "net8.0/osx-x64": {}
+    "net8.0/osx-arm64": {}
   }
 }

app/MindWork AI Studio/wwwroot/changelog/v0.8.2.md

@@ -0,0 +1,3 @@
+# v0.8.2, build 164 (2024-07-16 18:03 UTC)
+- Added the coding assistant.
+- Fixed the in-app description of possible self-hosted models.

app/MindWork AI Studio/wwwroot/changelog/v0.8.3.md

@@ -0,0 +1,6 @@
+# v0.8.3, build 165 (2024-07-25 13:25 UTC)
+- Added an option to configure the behavior of the navigation bar in the settings
+- Added support for Fireworks.ai as provider, where you can use e.g., the llama 3.1 405b model
+- Improved the handling of self-hosted provider hostnames
+- Improved the configured provider table: long model names are now truncated
+- Migrated UI framework from MudBlazor v6.x.x to v7.x.x

app/MindWork AI Studio/wwwroot/changelog/v0.8.4.md

@@ -0,0 +1,2 @@
+# v0.8.4, build 166 (2024-07-26 06:53 UTC)
+- Fixed issue #44: After upgrading to MudBlazor 7.x.x, text padding was off, and tooltips were not displayed correctly. This issue was shown only on releases, not on the development builds.

app/MindWork AI Studio/wwwroot/changelog/v0.8.5.md

@@ -0,0 +1,14 @@
+# v0.8.5, build 167 (2024-07-28 16:44 UTC)
+- Added the possibility to provide default options for the icon finder assistant
+- Added the possibility to provide default options for the translation assistant
+- Added the possibility to provide default options for the coding assistant
+- Added the possibility to provide default options for the text summarizer assistant
+- Improved readability of the issue component
+- Improved switches: when an option is enabled, the switch is using a different color
+- Fixed the applying of spellchecking settings to the single-line dialog
+- Fixed the bug where users cannot delete a self-hosted provider when an API token was never entered
+- Fixed the bug where users were no longer able to move chats to workspaces, caused by the migration to MudBlazor 7.x.x
+- Restructured the layout of the settings page 
+- Refactored the settings data model
+- Upgraded to Rust 1.80.0
+- Upgraded all Rust dependencies

app/MindWork AI Studio/wwwroot/changelog/v0.8.6.md

@@ -0,0 +1,9 @@
+# v0.8.6, build 168 (2024-08-01 19:50 UTC)
+- Added possibility to configure a default provider for chats
+- Added architecture for future agent usage
+- Added a first agent to read, analyze and extract text from Markdown data
+- Added option to read web content into translation and text summarization assistants
+- Improved the readability of the settings.json file by using indentation and enum names instead of numbers
+- Improved assistant overview; assistants will now wrap to the next line if there are too many to fit on the row
+- Increased the default value for the live translation delay from 1,000 to 3_000 ms
+- Fixed random number generator usage to be thread-safe