Prepared release v0.8.9 (#76)

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

README.md

@@ -5,14 +5,14 @@ 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. The initial version supports OpenAI models (like GPT-4o, GPT-4, GPT-4 Turbo, etc.). Future versions will support other providers such as Mistral or Google Gemini.
+- **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.
 - **Flexibility**: Choose the provider and model best suited for your current task.
 - **No bloatware**: The app requires minimal storage for installation and operates with low memory usage. Additionally, it has a minimal impact on system resources, which is beneficial for battery life.
 
-**Ready to get started 🤩?** [Download the appropriate setup for your operating system here](documentation/Setup.md).
+## **Ready to get started 🤩?** [Download the appropriate setup for your operating system here](documentation/Setup.md).
 
 ## Support the Project
 Thank you for using MindWork AI Studio and considering supporting its development 😀. Your support helps keep the project alive and ensures continuous improvements and new features.
@@ -30,9 +30,7 @@ Your support, whether big or small, keeps the wheels turning and is deeply appre
 
 ## Planned Features
 Here's an exciting look at some of the features we're planning to add to MindWork AI Studio in future releases:
-- **More providers**: We plan to add support for additional LLM providers, such as Mistral and Google Gemini, giving you more options to choose from.
-- **Persistent chats**: Your chats will be stored locally, allowing you to continue conversations at any time without starting from scratch.
-- **Local LLMs**: We aim to support local LLMs, enabling you to use options like LM Studio, `ollama`, or `llama.cpp` for a more private and self-contained experience.
+- **More providers**: We plan to add support for additional LLM providers, such as Google Gemini, giving you more options to choose from.
 - **System prompts**: Integration of a system prompt library will allow you to control the behavior of the LLM with predefined prompts, ensuring consistency and efficiency.
 - **Text replacement for better privacy**: Define keywords that will be replaced in your chats before sending content to the provider, enhancing your privacy.
 - **Advanced interactions**: We're full of ideas for advanced interactions tailored for specific use cases, whether in a business context or for writers and other professionals.

app/MindWork AI Studio.sln.DotSettings

@@ -1,4 +1,6 @@
 <wpf:ResourceDictionary xml:space="preserve" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:s="clr-namespace:System;assembly=mscorlib" xmlns:ss="urn:shemas-jetbrains-com:settings-storage-xaml" xmlns:wpf="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
 	<s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/Abbreviations/=AI/@EntryIndexedValue">AI</s:String>
+	<s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/Abbreviations/=LM/@EntryIndexedValue">LM</s:String>
 	<s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/Abbreviations/=MSG/@EntryIndexedValue">MSG</s:String>
+	<s:Boolean x:Key="/Default/UserDictionary/Words/=ollama/@EntryIndexedValue">True</s:Boolean>
 	<s:Boolean x:Key="/Default/UserDictionary/Words/=tauri_0027s/@EntryIndexedValue">True</s:Boolean></wpf:ResourceDictionary>

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/Chat/ChatThread.cs

@@ -3,29 +3,35 @@ namespace AIStudio.Chat;
 /// <summary>
 /// Data structure for a chat thread.
 /// </summary>
-/// <param name="name">The name of the chat thread.</param>
-/// <param name="seed">The seed for the chat thread. Some providers use this to generate deterministic results.</param>
-/// <param name="systemPrompt">The system prompt for the chat thread.</param>
-/// <param name="blocks">The content blocks of the chat thread.</param>
-public sealed class ChatThread(string name, int seed, string systemPrompt, IEnumerable<ContentBlock> blocks)
+public sealed class ChatThread
 {
+    /// <summary>
+    /// The unique identifier of the chat thread.
+    /// </summary>
+    public Guid ChatId { get; init; }
+    
+    /// <summary>
+    /// The unique identifier of the workspace.
+    /// </summary>
+    public Guid WorkspaceId { get; set; }
+
     /// <summary>
     /// The name of the chat thread. Usually generated by an AI model or manually edited by the user.
     /// </summary>
-    public string Name { get; set; } = name;
+    public string Name { get; set; } = string.Empty;
 
     /// <summary>
     /// The seed for the chat thread. Some providers use this to generate deterministic results.
     /// </summary>
-    public int Seed { get; set; } = seed;
+    public int Seed { get; init; }
     
     /// <summary>
     /// The current system prompt for the chat thread.
     /// </summary>
-    public string SystemPrompt { get; set; } = systemPrompt;
-    
+    public string SystemPrompt { get; init; } = string.Empty;
+
     /// <summary>
     /// The content blocks of the chat thread.
     /// </summary>
-    public List<ContentBlock> Blocks { get; init; } = blocks.ToList();
+    public List<ContentBlock> Blocks { get; init; } = [];
 }

app/MindWork AI Studio/Chat/ContentBlock.cs

@@ -3,25 +3,22 @@ namespace AIStudio.Chat;
 /// <summary>
 /// A block of content in a chat thread. Might be any type of content, e.g., text, image, voice, etc.
 /// </summary>
-/// <param name="time">Time when the content block was created.</param>
-/// <param name="type">Type of the content block, e.g., text, image, voice, etc.</param>
-/// <param name="content">The content of the block.</param>
-public class ContentBlock(DateTimeOffset time, ContentType type, IContent content)
+public class ContentBlock
 {
     /// <summary>
     /// Time when the content block was created.
     /// </summary>
-    public DateTimeOffset Time => time;
+    public DateTimeOffset Time { get; init; }
     
     /// <summary>
     /// Type of the content block, e.g., text, image, voice, etc.
     /// </summary>
-    public ContentType ContentType => type;
+    public ContentType ContentType { get; init; } = ContentType.NONE;
     
     /// <summary>
     /// The content of the block.
     /// </summary>
-    public IContent Content => content;
+    public IContent? Content { get; init; } = null;
 
     /// <summary>
     /// The role of the content block in the chat thread, e.g., user, AI, etc.

app/MindWork AI Studio/Chat/ContentBlockComponent.razor

@@ -1,7 +1,7 @@
 @using AIStudio.Tools
 @using MudBlazor
 
-<MudCard Class="my-2 rounded-lg" Outlined="@true">
+<MudCard Class="@this.CardClasses" Outlined="@true">
     <MudCardHeader>
         <CardHeaderAvatar>
             <MudAvatar Color="@this.Role.ToColor()">

app/MindWork AI Studio/Chat/ContentBlockComponent.razor.cs

@@ -33,6 +33,12 @@ public partial class ContentBlockComponent : ComponentBase
     [Parameter]
     public DateTimeOffset Time { get; init; }
     
+    /// <summary>
+    /// Optional CSS classes.
+    /// </summary>
+    [Parameter]
+    public string Class { get; set; } = string.Empty;
+    
     [Inject]
     private Rust Rust { get; init; } = null!;
     
@@ -107,4 +113,6 @@ public partial class ContentBlockComponent : ComponentBase
                 break;
         }
     }
+    
+    private string CardClasses => $"my-2 rounded-lg {this.Class}";
 }

app/MindWork AI Studio/Chat/ContentImage.cs

@@ -1,3 +1,5 @@
+using System.Text.Json.Serialization;
+
 using AIStudio.Provider;
 using AIStudio.Settings;
 
@@ -11,15 +13,19 @@ public sealed class ContentImage : IContent
     #region Implementation of IContent
 
     /// <inheritdoc />
+    [JsonIgnore]
     public bool InitialRemoteWait { get; set; } = false;
 
     /// <inheritdoc />
+    [JsonIgnore]
     public bool IsStreaming { get; set; } = false;
 
     /// <inheritdoc />
+    [JsonIgnore]
     public Func<Task> StreamingDone { get; set; } = () => Task.CompletedTask;
 
     /// <inheritdoc />
+    [JsonIgnore]
     public Func<Task> StreamingEvent { get; set; } = () => Task.CompletedTask;
 
     /// <inheritdoc />

app/MindWork AI Studio/Chat/ContentText.cs

@@ -1,3 +1,5 @@
+using System.Text.Json.Serialization;
+
 using AIStudio.Provider;
 using AIStudio.Settings;
 
@@ -17,14 +19,19 @@ public sealed class ContentText : IContent
     #region Implementation of IContent
 
     /// <inheritdoc />
+    [JsonIgnore]
     public bool InitialRemoteWait { get; set; }
 
     /// <inheritdoc />
+    // [JsonIgnore]
     public bool IsStreaming { get; set; }
 
     /// <inheritdoc />
+    [JsonIgnore]
     public Func<Task> StreamingDone { get; set; } = () => Task.CompletedTask;
 
+    /// <inheritdoc />
+    [JsonIgnore]
     public Func<Task> StreamingEvent { get; set; } = () => Task.CompletedTask;
 
     /// <inheritdoc />
@@ -63,7 +70,7 @@ public sealed class ContentText : IContent
                 // Notify the UI that the content has changed,
                 // depending on the energy saving mode:
                 var now = DateTimeOffset.Now;
-                switch (settings.ConfigurationData.IsSavingEnergy)
+                switch (settings.ConfigurationData.App.IsSavingEnergy)
                 {
                     // Energy saving mode is off. We notify the UI
                     // as fast as possible -- no matter the odds:

app/MindWork AI Studio/Chat/IContent.cs

@@ -1,3 +1,5 @@
+using System.Text.Json.Serialization;
+
 using AIStudio.Provider;
 using AIStudio.Settings;
 
@@ -6,6 +8,8 @@ namespace AIStudio.Chat;
 /// <summary>
 /// The interface for any content in the chat.
 /// </summary>
+[JsonDerivedType(typeof(ContentText), typeDiscriminator: "text")]
+[JsonDerivedType(typeof(ContentImage), typeDiscriminator: "image")]
 public interface IContent
 {
     /// <summary>
@@ -13,22 +17,26 @@ public interface IContent
     /// Does not indicate that the stream is finished; it only indicates that we are
     /// waiting for the first response, i.e., wait for the remote to pick up the request.
     /// </summary>
+    [JsonIgnore]
     public bool InitialRemoteWait { get; set; }
 
     /// <summary>
     /// Indicates whether the content is streaming right now. False, if the content is
     /// either static or the stream has finished.
     /// </summary>
+    [JsonIgnore]
     public bool IsStreaming { get; set; }
 
     /// <summary>
     /// An action that is called when the content was changed during streaming.
     /// </summary>
+    [JsonIgnore]
     public Func<Task> StreamingEvent { get; set; }
 
     /// <summary>
     /// An action that is called when the streaming is done.
     /// </summary>
+    [JsonIgnore]
     public Func<Task> StreamingDone { get; set; }
     
     /// <summary>

app/MindWork AI Studio/Components/App.razor

@@ -13,6 +13,7 @@
     <link href="system/MudBlazor.Markdown/MudBlazor.Markdown.min.css" rel="stylesheet" />
     <link href="app.css" rel="stylesheet" />
     <HeadOutlet/>
+    <script src="diff.js"></script>
 </head>
 
 <body style="overflow: hidden;">

app/MindWork AI Studio/Components/AssistantBase.razor

@@ -0,0 +1,75 @@
+@using AIStudio.Chat
+@using AIStudio.Components.Pages
+@using AIStudio.Tools
+<MudText Typo="Typo.h3" Class="mb-2 mr-3">
+    @this.Title
+</MudText>
+
+<InnerScrolling HeaderHeight="12.3em">
+    <ChildContent>
+        <MudForm @ref="@this.form" @bind-IsValid="@this.inputIsValid" @bind-Errors="@this.inputIssues" Class="pr-2">
+            <MudText Typo="Typo.body1" Align="Align.Justify" Class="mb-6">
+                @this.Description
+            </MudText>
+
+            @if (this.Body is not null)
+            {
+                @this.Body
+            }
+        </MudForm>
+        <Issues IssuesData="@this.inputIssues"/>
+
+        @if (this.ShowDedicatedProgress && this.isProcessing)
+        {
+            <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="mb-6" />
+        }
+        <div id="@ASSISTANT_RESULT_DIV_ID" class="mr-2 mt-3">
+            @if (this.ShowResult && this.resultingContentBlock is not null)
+            {
+                <ContentBlockComponent Role="@this.resultingContentBlock.Role" Type="@this.resultingContentBlock.ContentType" Time="@this.resultingContentBlock.Time" Content="@this.resultingContentBlock.Content"/>
+            }
+        </div>
+        
+        <div id="@AFTER_RESULT_DIV_ID" class="mt-3">
+        </div>
+        
+        @if (this.FooterButtons.Count > 0)
+        {
+            <MudStack Row="@true" Wrap="Wrap.Wrap" Class="mt-3 mr-2">
+                @foreach (var button in this.FooterButtons)
+                {
+                    switch (button)
+                    {
+                        case ButtonData buttonData when !string.IsNullOrWhiteSpace(buttonData.Tooltip):
+                            <MudTooltip Text="@buttonData.Tooltip">
+                                <MudButton Variant="Variant.Filled" Color="@buttonData.Color" StartIcon="@GetButtonIcon(buttonData.Icon)" OnClick="async () => await buttonData.AsyncAction()">
+                                    @buttonData.Text
+                                </MudButton>
+                            </MudTooltip>
+                            break;
+
+                        case ButtonData buttonData:
+                            <MudButton Variant="Variant.Filled" Color="@buttonData.Color" StartIcon="@GetButtonIcon(buttonData.Icon)" OnClick="async () => await buttonData.AsyncAction()">
+                                @buttonData.Text
+                            </MudButton>
+                            break;
+                            
+                        case SendToButton sendToButton:
+                            <MudMenu StartIcon="@Icons.Material.Filled.Apps" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" Label="Send to ..." Variant="Variant.Filled" Color="Color.Info">
+                                @foreach (var assistant in Enum.GetValues<SendToAssistant>().OrderBy(n => n.Name().Length))
+                                {
+                                    if(assistant is Pages.SendToAssistant.NONE || sendToButton.Self == assistant)
+                                        continue;
+                                    
+                                    <MudMenuItem OnClick="() => this.SendToAssistant(assistant, sendToButton)">
+                                        @assistant.Name()
+                                    </MudMenuItem>
+                                }
+                            </MudMenu>
+                            break;
+                    }
+                }
+            </MudStack>
+        }
+    </ChildContent>
+</InnerScrolling>

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

@@ -0,0 +1,196 @@
+using AIStudio.Chat;
+using AIStudio.Components.Pages;
+using AIStudio.Provider;
+using AIStudio.Settings;
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+using Path = AIStudio.Components.Pages.Path;
+
+namespace AIStudio.Components;
+
+public abstract partial class AssistantBase : ComponentBase
+{
+    [Inject]
+    protected SettingsManager SettingsManager { get; set; } = null!;
+    
+    [Inject]
+    protected IJSRuntime JsRuntime { get; init; } = null!;
+
+    [Inject]
+    protected ThreadSafeRandom RNG { get; init; } = null!;
+    
+    [Inject]
+    protected ISnackbar Snackbar { get; init; } = null!;
+    
+    [Inject]
+    protected Rust Rust { get; init; } = null!;
+    
+    [Inject]
+    protected NavigationManager NavigationManager { get; init; } = null!;
+    
+    internal const string AFTER_RESULT_DIV_ID = "afterAssistantResult";
+    internal const string ASSISTANT_RESULT_DIV_ID = "assistantResult";
+    
+    protected abstract string Title { get; }
+    
+    protected abstract string Description { get; }
+    
+    protected abstract string SystemPrompt { get; }
+    
+    private protected virtual RenderFragment? Body => null;
+
+    protected virtual bool ShowResult => true;
+    
+    protected virtual bool ShowDedicatedProgress => false;
+
+    protected virtual IReadOnlyList<IButtonData> FooterButtons => [];
+
+    protected static readonly Dictionary<string, object?> USER_INPUT_ATTRIBUTES = new();
+    
+    protected AIStudio.Settings.Provider providerSettings;
+    protected MudForm? form;
+    protected bool inputIsValid;
+    
+    private ChatThread? chatThread;
+    private ContentBlock? resultingContentBlock;
+    private string[] inputIssues = [];
+    private bool isProcessing;
+    
+    #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();
+    }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        // Reset the validation when not editing and on the first render.
+        // We don't want to show validation errors when the user opens the dialog.
+        if(firstRender)
+            this.form?.ResetValidation();
+        
+        await base.OnAfterRenderAsync(firstRender);
+    }
+
+    #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()
+        {
+            WorkspaceId = Guid.Empty,
+            ChatId = Guid.NewGuid(),
+            Name = string.Empty,
+            Seed = this.RNG.Next(),
+            SystemPrompt = this.SystemPrompt,
+            Blocks = [],
+        };
+    }
+    
+    protected DateTimeOffset AddUserRequest(string request)
+    {
+        var time = DateTimeOffset.Now;
+        this.chatThread!.Blocks.Add(new ContentBlock
+        {
+            Time = time,
+            ContentType = ContentType.TEXT,
+            Role = ChatRole.USER,
+            Content = new ContentText
+            {
+                Text = request,
+            },
+        });
+        
+        return time;
+    }
+
+    protected async Task<string> AddAIResponseAsync(DateTimeOffset time)
+    {
+        var aiText = new ContentText
+        {
+            // We have to wait for the remote
+            // for the content stream: 
+            InitialRemoteWait = true,
+        };
+
+        this.resultingContentBlock = new ContentBlock
+        {
+            Time = time,
+            ContentType = ContentType.TEXT,
+            Role = ChatRole.AI,
+            Content = aiText,
+        };
+        
+        this.chatThread?.Blocks.Add(this.resultingContentBlock);
+        this.isProcessing = true;
+        this.StateHasChanged();
+        
+        // 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(this.providerSettings.CreateProvider(), this.JsRuntime, this.SettingsManager, this.providerSettings.Model, this.chatThread);
+        
+        this.isProcessing = false;
+        this.StateHasChanged();
+        
+        // Return the AI response:
+        return aiText.Text;
+    }
+    
+    protected async Task CopyToClipboard(string text)
+    {
+        await this.Rust.CopyText2Clipboard(this.JsRuntime, this.Snackbar, text);
+    }
+    
+    private static string? GetButtonIcon(string icon)
+    {
+        if(string.IsNullOrWhiteSpace(icon))
+            return null;
+        
+        return icon;
+    }
+    
+    private Task SendToAssistant(SendToAssistant assistant, SendToButton sendToButton)
+    {
+        var contentToSend = sendToButton.UseResultingContentBlockData switch
+        {
+            false => sendToButton.GetData(),
+            true => this.resultingContentBlock?.Content switch
+            {
+                ContentText textBlock => textBlock.Text,
+                _ => string.Empty,
+            },
+        };
+
+        var (eventItem, path) = assistant switch
+        {
+            Pages.SendToAssistant.AGENDA_ASSISTANT => (Event.SEND_TO_AGENDA_ASSISTANT, Path.ASSISTANT_AGENDA),
+            Pages.SendToAssistant.CODING_ASSISTANT => (Event.SEND_TO_CODING_ASSISTANT, Path.ASSISTANT_CODING),
+            Pages.SendToAssistant.REWRITE_ASSISTANT => (Event.SEND_TO_REWRITE_ASSISTANT, Path.ASSISTANT_REWRITE),
+            Pages.SendToAssistant.TRANSLATION_ASSISTANT => (Event.SEND_TO_TRANSLATION_ASSISTANT, Path.ASSISTANT_TRANSLATION),
+            Pages.SendToAssistant.ICON_FINDER_ASSISTANT => (Event.SEND_TO_ICON_FINDER_ASSISTANT, Path.ASSISTANT_ICON_FINDER),
+            Pages.SendToAssistant.GRAMMAR_SPELLING_ASSISTANT => (Event.SEND_TO_GRAMMAR_SPELLING_ASSISTANT, Path.ASSISTANT_GRAMMAR_SPELLING),
+            Pages.SendToAssistant.TEXT_SUMMARIZER_ASSISTANT => (Event.SEND_TO_TEXT_SUMMARIZER_ASSISTANT, Path.ASSISTANT_SUMMARIZER),
+            
+            _ => (Event.NONE, Path.ASSISTANTS),
+        };
+        
+        MessageBus.INSTANCE.DeferMessage(this, eventItem, contentToSend);
+        this.NavigationManager.NavigateTo(path);
+        return Task.CompletedTask;
+    }
+}

app/MindWork AI Studio/Components/AssistantBaseCore.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
+
+namespace AIStudio.Components;
+
+//
+// See https://stackoverflow.com/a/77300384/2258393 for why this class is necessary
+//
+
+public abstract class AssistantBaseCore : AssistantBase
+{
+    private protected sealed override RenderFragment Body => this.BuildRenderTree;
+
+    // Allow content to be provided by a .razor file but without 
+    // overriding the content of the base class
+    protected new virtual void BuildRenderTree(RenderTreeBuilder builder)
+    {
+    }
+}

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

@@ -0,0 +1,24 @@
+<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>
+        </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/AssistantBlock.razor.cs

@@ -0,0 +1,21 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class AssistantBlock : ComponentBase
+{
+    [Parameter]
+    public string Name { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string Description { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string Icon { get; set; } = Icons.Material.Filled.DisabledByDefault;
+    
+    [Parameter]
+    public string ButtonText { get; set; } = "Start";
+    
+    [Parameter]
+    public string Link { get; set; } = string.Empty;
+}

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

@@ -13,6 +13,21 @@ public partial class Changelog
     
     public static readonly Log[] LOGS = 
     [
+        new (171, "v0.8.9, build 171 (2024-08-18 10:35 UTC)", "v0.8.9.md"),
+        new (170, "v0.8.8, build 170 (2024-08-14 06:30 UTC)", "v0.8.8.md"),
+        new (169, "v0.8.7, build 169 (2024-08-01 19:08 UTC)", "v0.8.7.md"),
+        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"),
+        new (160, "v0.7.0, build 160 (2024-07-13 08:21 UTC)", "v0.7.0.md"),
+        new (159, "v0.6.3, build 159 (2024-07-03 18:26 UTC)", "v0.6.3.md"),
+        new (158, "v0.6.2, build 158 (2024-07-01 18:03 UTC)", "v0.6.2.md"),
+        new (157, "v0.6.1, build 157 (2024-06-30 19:00 UTC)", "v0.6.1.md"),
         new (156, "v0.6.0, build 156 (2024-06-30 12:49 UTC)", "v0.6.0.md"),
         new (155, "v0.5.2, build 155 (2024-06-25 18:07 UTC)", "v0.5.2.md"),
         new (154, "v0.5.1, build 154 (2024-06-25 15:35 UTC)", "v0.5.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,76 @@
+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; } = _ => { };
+    
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        await this.EnsureMinMax();
+        await base.OnInitializedAsync();
+    }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        await this.EnsureMinMax();
+        await base.OnParametersSetAsync();
+    }
+
+    #endregion
+    
+    private async Task OptionChanged(T updatedValue)
+    {
+        this.ValueUpdate(updatedValue);
+        await this.SettingsManager.StoreSettings();
+        await this.InformAboutChange();
+    }
+    
+    private async Task EnsureMinMax()
+    {
+        if (this.Value() < this.Min)
+            await this.OptionChanged(this.Min);
+
+        else if(this.Value() > this.Max)
+            await this.OptionChanged(this.Max);
+    }
+}

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/EnumSelection.razor

@@ -0,0 +1,17 @@
+@typeparam T
+@inherits EnumSelectionBase
+
+<MudStack Row="@true" AlignItems="AlignItems.Center" Class="mb-3">
+    <MudSelect T="@T" Value="@this.Value" ValueChanged="@this.SelectionChanged" AdornmentIcon="@this.Icon" Adornment="Adornment.Start" Label="@this.Label" Variant="Variant.Outlined" Margin="Margin.Dense" Validation="@this.ValidateSelection">
+        @foreach (var value in Enum.GetValues<T>())
+        {
+            <MudSelectItem Value="@value">
+                @this.NameFunc(value)
+            </MudSelectItem>
+        }
+    </MudSelect>
+    @if (this.AllowOther && this.Value.Equals(this.OtherValue))
+    {
+        <MudTextField T="string" Text="@this.OtherInput" TextChanged="this.OtherInputChanged" Validation="@this.ValidateOther" Label="@this.LabelOther" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" Immediate="@true"/>
+    }
+</MudStack>

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

@@ -0,0 +1,79 @@
+using AIStudio.Settings;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class EnumSelection<T> : EnumSelectionBase where T : struct, Enum
+{
+    [Parameter]
+    public T Value { get; set; }
+    
+    [Parameter]
+    public EventCallback<T> ValueChanged { get; set; }
+    
+    [Parameter]
+    public bool AllowOther { get; set; }
+    
+    [Parameter]
+    public T OtherValue { get; set; }
+    
+    [Parameter]
+    public string OtherInput { get; set; } = string.Empty;
+    
+    [Parameter]
+    public EventCallback<string> OtherInputChanged { get; set; }
+    
+    [Parameter]
+    public string Label { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string LabelOther { get; set; } = "Other";
+    
+    [Parameter]
+    public Func<T, string?> ValidateSelection { get; set; } = _ => null;
+    
+    [Parameter]
+    public Func<string, string?> ValidateOther { get; set; } = _ => null;
+    
+    [Parameter]
+    public string Icon { get; set; } = Icons.Material.Filled.ArrowDropDown;
+    
+    /// <summary>
+    /// Gets or sets the custom name function for selecting the display name of an enum value.
+    /// </summary>
+    /// <typeparam name="T">The enum type.</typeparam>
+    /// <param name="value">The enum value.</param>
+    /// <returns>The display name of the enum value.</returns>
+    [Parameter]
+    public Func<T, string> NameFunc { get; set; } = value => value.ToString();
+    
+    [Parameter]
+    public Func<T, Task> SelectionUpdated { get; set; } = _ => Task.CompletedTask;
+    
+    [Inject]
+    private SettingsManager SettingsManager { get; set; } = null!;
+    
+    #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 async Task SelectionChanged(T value)
+    {
+        await this.ValueChanged.InvokeAsync(value);
+        await this.SelectionUpdated(value);
+    }
+    
+    private async Task OtherValueChanged(string value)
+    {
+        await this.OtherInputChanged.InvokeAsync(value);
+        await this.SelectionUpdated(this.Value);
+    }
+}

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

@@ -0,0 +1,8 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public abstract class EnumSelectionBase : ComponentBase
+{
+    protected static readonly Dictionary<string, object?> USER_INPUT_ATTRIBUTES = new();
+}

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/ITreeItem.cs

@@ -0,0 +1,3 @@
+namespace AIStudio.Components.Blocks;
+
+public interface ITreeItem;

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

@@ -1,4 +1,4 @@
-@inherits AIStudio.Tools.MSGComponentBase
+@inherits MSGComponentBase
 
 <div class="d-flex flex-column" style="@this.Height">
     <div class="flex-auto overflow-auto">

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

@@ -51,6 +51,11 @@ public partial class InnerScrolling : MSGComponentBase
         return Task.CompletedTask;
     }
 
+    public override Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data) where TResult : default where TPayload : default
+    {
+        return Task.FromResult(default(TResult));
+    }
+
     #endregion
 
     private string Height => $"height: calc(100vh - {this.HeaderHeight} - {this.MainLayout.AdditionalHeight});";

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/MudTextSlider.razor

@@ -0,0 +1,7 @@
+@typeparam T
+
+<MudField Label="@this.Label" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.Disabled()">
+    <MudSlider T="@T" Size="Size.Medium" Value="@this.Value" ValueChanged="@this.ValueUpdated" 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/MudTextSlider.razor.cs

@@ -0,0 +1,78 @@
+using System.Numerics;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class MudTextSlider<T> : ComponentBase 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;
+    
+    [Parameter]
+    public T Value { get; set; }
+    
+    [Parameter]
+    public EventCallback<T> ValueChanged { get; set; }
+    
+    /// <summary>
+    /// The label to display above the slider.
+    /// </summary>
+    [Parameter]
+    public string Label { get; set; } = string.Empty;
+    
+    [Parameter]
+    public Func<bool> Disabled { get; set; } = () => false;
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        await this.EnsureMinMax();
+        await base.OnInitializedAsync();
+    }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        await this.EnsureMinMax();
+        await base.OnParametersSetAsync();
+    }
+
+    #endregion
+    
+    private async Task EnsureMinMax()
+    {
+        if (this.Value < this.Min)
+            await this.ValueUpdated(this.Min);
+
+        else if(this.Value > this.Max)
+            await this.ValueUpdated(this.Max);
+    }
+
+    private async Task ValueUpdated(T value)
+    {
+        this.Value = value;
+        await this.ValueChanged.InvokeAsync(this.Value);
+    }
+}

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

@@ -0,0 +1,5 @@
+<MudField Label="@this.Label" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.Disabled">
+    <MudSwitch T="bool" Value="@this.Value" ValueChanged="@this.ValueChanged" Color="@this.Color" Validation="@this.Validation" Disabled="@this.Disabled">
+        @(this.Value ? this.LabelOn : this.LabelOff)
+    </MudSwitch>
+</MudField>

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

@@ -0,0 +1,30 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class MudTextSwitch : ComponentBase
+{
+    [Parameter]
+    public string Label { get; set; } = string.Empty;
+    
+    [Parameter]
+    public bool Disabled { get; set; }
+
+    [Parameter]
+    public bool Value { get; set; }
+    
+    [Parameter]
+    public EventCallback<bool> ValueChanged { get; set; }
+    
+    [Parameter]
+    public Color Color { get; set; } = Color.Primary;
+    
+    [Parameter]
+    public Func<bool, string?> Validation { get; set; } = _ => null;
+    
+    [Parameter]
+    public string LabelOn { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string LabelOff { get; set; } = string.Empty;
+}

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

@@ -0,0 +1,11 @@
+@typeparam T
+
+@if (this.ShowProgressAnimation)
+{
+    <div class="pa-1">
+        <MudProgressLinear Color="Color.Primary" Indeterminate="true"/>
+    </div>
+}
+<div class="pa-6">
+    <MudSlider T="int" Disabled="@true" Value="@this.StepValue" Min="@this.process.Min" Max="@this.process.Max" TickMarks="@true" Size="Size.Large" Variant="Variant.Filled" TickMarkLabels="@this.process.Labels" Class="mb-12"/>
+</div>

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

@@ -0,0 +1,16 @@
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ProcessComponent<T> : ComponentBase where T : struct, Enum
+{
+    [Parameter]
+    public bool ShowProgressAnimation { get; set; }
+    
+    [Parameter]
+    public ProcessStepValue StepValue { get; set; }
+    
+    private readonly Process<T> process = Process<T>.INSTANCE;
+}

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

@@ -0,0 +1,8 @@
+@using AIStudio.Settings
+
+<MudSelect T="Provider" Value="@this.ProviderSettings" ValueChanged="@this.SelectionChanged" Validation="@this.ValidateProvider" 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>

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

@@ -0,0 +1,26 @@
+using AIStudio.Settings;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ProviderSelection : ComponentBase
+{
+    [Parameter]
+    public Settings.Provider ProviderSettings { get; set; }
+    
+    [Parameter]
+    public EventCallback<Settings.Provider> ProviderSettingsChanged { get; set; }
+    
+    [Parameter]
+    public Func<Settings.Provider, string?> ValidateProvider { get; set; } = _ => null;
+    
+    [Inject]
+    protected SettingsManager SettingsManager { get; set; } = null!;
+    
+    private async Task SelectionChanged(Settings.Provider provider)
+    {
+        this.ProviderSettings = provider;
+        await this.ProviderSettingsChanged.InvokeAsync(provider);
+    }
+}

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

@@ -0,0 +1,17 @@
+<MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+    <MudTextSwitch Label="Read content from web?" Disabled="@this.AgentIsRunning" @bind-Value="@this.showWebContentReader" LabelOn="Show web content options" LabelOff="Hide web content options" />
+    @if (this.showWebContentReader)
+    {
+        <MudTextSwitch Label="Cleanup content by using a LLM agent?" @bind-Value="@this.useContentCleanerAgent" Validation="@this.ValidateProvider" Disabled="@this.AgentIsRunning" LabelOn="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." LabelOff="No content cleaning" />
+        <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)
+        {
+            <ProcessComponent T="ReadWebContentSteps" StepValue="@this.processStep" ShowProgressAnimation="@true"/>
+        }
+    }
+</MudPaper>

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

@@ -0,0 +1,195 @@
+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!;
+
+    [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.TextContentCleaner.PreselectAgentOptions)
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectedAgentProvider);
+        else
+            this.providerSettings = this.ProviderSettings;
+
+        await base.OnInitializedAsync();
+    }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        if (!this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectAgentOptions)
+            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/SplitButton.razor

@@ -0,0 +1,24 @@
+@typeparam T
+
+<MudButtonGroup Color="@this.Color" Variant="Variant.Filled">
+    @if (string.IsNullOrWhiteSpace(this.Icon))
+    {
+        <MudButton OnClick="() => this.OnClick(this.selectedValue)">
+            @this.SelectedValueName()
+        </MudButton>
+    }
+    else
+    {
+        <MudButton StartIcon="@this.Icon" OnClick="() => this.OnClick(this.selectedValue)">
+            @this.SelectedValueName()
+        </MudButton>
+    }
+    <MudMenu Icon="@Icons.Material.Filled.ArrowDropDown" Style="align-self: auto;">
+        @foreach(var item in this.Items)
+        {
+            <MudMenuItem OnClick="() => this.SelectItem(item)">
+                @this.NameFunc(item)
+            </MudMenuItem>
+        }
+    </MudMenu>
+</MudButtonGroup>

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

@@ -0,0 +1,64 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class SplitButton<T> : ComponentBase
+{
+    [Parameter]
+    public Color Color { get; set; } = Color.Default;
+    
+    [Parameter]
+    public string Icon { get; set; } = string.Empty;
+
+    [Parameter]
+    public IReadOnlyCollection<T> Items { get; set; } = [];
+    
+    [Parameter]
+    public Func<T, string> NameFunc { get; set; } = _ => string.Empty;
+    
+    [Parameter]
+    public T? PreselectedValue { get; set; }
+    
+    [Parameter]
+    public Func<T?, Task> OnClick { get; set; } = _ => Task.CompletedTask;
+    
+    /// <summary>
+    /// What happens when the user selects an item by the dropdown?
+    /// Immediate = true means that the OnClick event is triggered immediately
+    /// after the user selects an item. Immediate = false means that the OnClick
+    /// event is triggered only when the user clicks the button.
+    /// </summary>
+    [Parameter]
+    public bool Immediate { get; set; }
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if(this.PreselectedValue is not null)
+            this.selectedValue = this.PreselectedValue;
+        else
+            this.selectedValue = this.Items.FirstOrDefault();
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private T? selectedValue;
+    
+    private string SelectedValueName()
+    {
+        if(this.selectedValue is null)
+            return "Select...";
+        
+        return this.NameFunc(this.selectedValue!);
+    }
+    
+    private void SelectItem(T item)
+    {
+        this.selectedValue = item;
+        if(this.Immediate)
+            this.OnClick(this.selectedValue);
+    }
+}

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

@@ -0,0 +1,3 @@
+namespace AIStudio.Components.Blocks;
+
+public readonly record struct TreeButton(WorkspaceBranch Branch, int Depth, string Text, string Icon, Func<Task> Action) : ITreeItem;

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

@@ -0,0 +1,3 @@
+namespace AIStudio.Components.Blocks;
+
+public readonly record struct TreeDivider : ITreeItem;

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

@@ -0,0 +1,22 @@
+namespace AIStudio.Components.Blocks;
+
+public class TreeItemData : ITreeItem
+{
+    public WorkspaceBranch Branch { get; init; } = WorkspaceBranch.NONE;
+    
+    public int Depth { get; init; }
+    
+    public string Text { get; init; } = string.Empty;
+    
+    public string ShortenedText => Text.Length > 30 ? this.Text[..30] + "..." : this.Text;
+
+    public string Icon { get; init; } = string.Empty;
+
+    public TreeItemType Type { get; init; }
+
+    public string Path { get; init; } = string.Empty;
+
+    public bool Expandable { get; init; } = true;
+
+    public IReadOnlyCollection<TreeItemData<ITreeItem>> Children { get; init; } = [];
+}

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

@@ -0,0 +1,9 @@
+namespace AIStudio.Components.Blocks;
+
+public enum TreeItemType
+{
+    NONE,
+    
+    CHAT,
+    WORKSPACE,
+}

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

@@ -0,0 +1,9 @@
+namespace AIStudio.Components.Blocks;
+
+public enum WorkspaceBranch
+{
+    NONE,
+    
+    WORKSPACES,
+    TEMPORARY_CHATS,
+}

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

@@ -0,0 +1,88 @@
+<MudTreeView T="ITreeItem" Items="@this.treeItems" SelectionMode="SelectionMode.SingleSelection" Hover="@true" ExpandOnClick="@true">
+    <ItemTemplate Context="item">
+        @switch (item.Value)
+        {
+            case TreeDivider:
+                <li style="min-height: 1em;">
+                    <MudDivider Style="margin-top: 1em; width: 90%; border-width: 3pt;"/>
+                </li>
+                break;
+                
+            case TreeItemData treeItem:
+                @if (treeItem.Type is TreeItemType.CHAT)
+                {
+                    <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;">
+                                    @if (string.IsNullOrWhiteSpace(treeItem.Text))
+                                    {
+                                        @("Empty chat")
+                                    }
+                                    else
+                                    {
+                                        @treeItem.ShortenedText
+                                    }
+                                </MudText>
+                                <div style="justify-self: end;">
+                                    
+                                    <MudTooltip Text="Move to workspace" Placement="@WORKSPACE_ITEM_TOOLTIP_PLACEMENT">
+                                        <MudIconButton Icon="@Icons.Material.Filled.MoveToInbox" Size="Size.Medium" Color="Color.Inherit" OnClick="() => this.MoveChat(treeItem.Path)"/>
+                                    </MudTooltip>
+                                    
+                                    <MudTooltip Text="Rename" Placement="@WORKSPACE_ITEM_TOOLTIP_PLACEMENT">
+                                        <MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Medium" Color="Color.Inherit" OnClick="() => this.RenameChat(treeItem.Path)"/>
+                                    </MudTooltip>
+
+                                    <MudTooltip Text="Delete" Placement="@WORKSPACE_ITEM_TOOLTIP_PLACEMENT">
+                                        <MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Medium" Color="Color.Inherit" OnClick="() => this.DeleteChat(treeItem.Path)"/>
+                                    </MudTooltip>
+                                </div>
+                            </div>
+                        </BodyContent>
+                    </MudTreeViewItem>
+                }
+                else if (treeItem.Type is TreeItemType.WORKSPACE)
+                {
+                    <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>
+                                <div style="justify-self: end;">
+                                    <MudTooltip Text="Rename" Placement="@WORKSPACE_ITEM_TOOLTIP_PLACEMENT">
+                                        <MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Medium" Color="Color.Inherit" OnClick="() => this.RenameWorkspace(treeItem.Path)"/>
+                                    </MudTooltip>
+
+                                    <MudTooltip Text="Delete" Placement="@WORKSPACE_ITEM_TOOLTIP_PLACEMENT">
+                                        <MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Medium" Color="Color.Inherit" OnClick="() => this.DeleteWorkspace(treeItem.Path)"/>
+                                    </MudTooltip>
+                                </div>
+                            </div>
+                        </BodyContent>
+                    </MudTreeViewItem>
+                }
+                else
+                {
+                    <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>
+                            </div>
+                        </BodyContent>
+                    </MudTreeViewItem>
+                }
+                break;
+                
+            case TreeButton treeButton:
+                <li>
+                    <div class="mud-treeview-item-content" style="background-color: unset;">
+                        <div class="mud-treeview-item-arrow"></div>
+                        <MudButton StartIcon="@treeButton.Icon" Variant="Variant.Filled" OnClick="treeButton.Action">
+                            @treeButton.Text
+                        </MudButton>
+                    </div>
+                </li>
+                break;
+        }
+    </ItemTemplate>
+</MudTreeView>

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

@@ -0,0 +1,533 @@
+using System.Text;
+using System.Text.Json;
+using System.Text.Json.Serialization;
+
+using AIStudio.Chat;
+using AIStudio.Components.CommonDialogs;
+using AIStudio.Settings;
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+using DialogOptions = AIStudio.Components.CommonDialogs.DialogOptions;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class Workspaces : ComponentBase
+{
+    [Inject]
+    private SettingsManager SettingsManager { get; init; } = null!;
+    
+    [Inject]
+    private IDialogService DialogService { get; init; } = null!;
+    
+    [Inject]
+    private ThreadSafeRandom RNG { get; init; } = null!;
+    
+    [Parameter]
+    public ChatThread? CurrentChatThread { get; set; }
+    
+    [Parameter]
+    public EventCallback<ChatThread> CurrentChatThreadChanged { get; set; }
+
+    [Parameter]
+    public Func<Task> LoadedChatWasChanged { get; set; } = () => Task.CompletedTask;
+
+    private const Placement WORKSPACE_ITEM_TOOLTIP_PLACEMENT = Placement.Bottom;
+    
+    private static readonly JsonSerializerOptions JSON_OPTIONS = new()
+    {
+        WriteIndented = true,
+        AllowTrailingCommas = true,
+        PropertyNamingPolicy = JsonNamingPolicy.SnakeCaseLower,
+        DictionaryKeyPolicy = JsonNamingPolicy.CamelCase,
+        PropertyNameCaseInsensitive = true,
+        Converters =
+        {
+            new JsonStringEnumConverter(JsonNamingPolicy.SnakeCaseUpper),
+        }
+    };
+
+    private readonly List<TreeItemData<ITreeItem>> treeItems = new();
+    
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        //
+        // Notice: In order to get the server-based loading to work, we need to respect the following rules:
+        // - We must have initial tree items
+        // - Those initial tree items cannot have children
+        // - When assigning the tree items to the MudTreeViewItem component, we must set the Value property to the value of the item
+        //
+        
+        await this.LoadTreeItems();
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private async Task LoadTreeItems()
+    {
+        this.treeItems.Clear();
+        this.treeItems.Add(new TreeItemData<ITreeItem>
+        {
+            Expandable = true,
+            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 TreeItemData<ITreeItem>
+        {
+            Expandable = false,
+            Value = new TreeDivider(),
+        });
+        
+        this.treeItems.Add(new TreeItemData<ITreeItem>
+        {
+            Expandable = true,
+            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<IReadOnlyCollection<TreeItemData<ITreeItem>>> LoadTemporaryChats()
+    {
+        var tempChildren = new List<TreeItemData<ITreeItem>>();
+
+        //
+        // Search for workspace folders in the data directory:
+        //
+                        
+        // Get the workspace root directory: 
+        var temporaryDirectories = Path.Join(SettingsManager.DataDirectory, "tempChats");
+                        
+        // Ensure the directory exists:
+        Directory.CreateDirectory(temporaryDirectories);
+                        
+        // Enumerate the workspace directories:
+        foreach (var tempChatDirPath in Directory.EnumerateDirectories(temporaryDirectories))
+        {
+            // Read the `name` file:
+            var chatNamePath = Path.Join(tempChatDirPath, "name");
+            var chatName = await File.ReadAllTextAsync(chatNamePath, Encoding.UTF8);
+                            
+            tempChildren.Add(new TreeItemData<ITreeItem>
+            {
+                Expandable = false,
+                Value = new TreeItemData
+                {
+                    Type = TreeItemType.CHAT,
+                    Depth = 1,
+                    Branch = WorkspaceBranch.TEMPORARY_CHATS,
+                    Text = chatName,
+                    Icon = Icons.Material.Filled.Timer,
+                    Expandable = false,
+                    Path = tempChatDirPath,
+                },
+            });
+        }
+                        
+        return tempChildren;
+    }
+    
+    public async Task<string> LoadWorkspaceName(Guid workspaceId)
+    {
+        if(workspaceId == Guid.Empty)
+            return string.Empty;
+        
+        var workspacePath = Path.Join(SettingsManager.DataDirectory, "workspaces", workspaceId.ToString());
+        var workspaceNamePath = Path.Join(workspacePath, "name");
+        return await File.ReadAllTextAsync(workspaceNamePath, Encoding.UTF8);
+    }
+    
+    private async Task<IReadOnlyCollection<TreeItemData<ITreeItem>>> LoadWorkspaces()
+    {
+        var workspaces = new List<TreeItemData<ITreeItem>>();
+        
+        //
+        // Search for workspace folders in the data directory:
+        //
+
+        // Get the workspace root directory: 
+        var workspaceDirectories = Path.Join(SettingsManager.DataDirectory, "workspaces");
+
+        // Ensure the directory exists:
+        Directory.CreateDirectory(workspaceDirectories);
+
+        // Enumerate the workspace directories:
+        foreach (var workspaceDirPath in Directory.EnumerateDirectories(workspaceDirectories))
+        {
+            // Read the `name` file:
+            var workspaceNamePath = Path.Join(workspaceDirPath, "name");
+            var workspaceName = await File.ReadAllTextAsync(workspaceNamePath, Encoding.UTF8);
+                                
+            workspaces.Add(new TreeItemData<ITreeItem>
+            {
+                Expandable = true,
+                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 TreeItemData<ITreeItem>
+        {
+            Expandable = false,
+            Value = new TreeButton(WorkspaceBranch.WORKSPACES, 1, "Add workspace",Icons.Material.Filled.LibraryAdd, this.AddWorkspace),
+        });
+        return workspaces;
+    }
+
+    private async Task<IReadOnlyCollection<TreeItemData<ITreeItem>>> LoadWorkspaceChats(string workspacePath)
+    {
+        var workspaceChats = new List<TreeItemData<ITreeItem>>();
+        
+        // Enumerate the workspace directory:
+        foreach (var chatPath in Directory.EnumerateDirectories(workspacePath))
+        {
+            // Read the `name` file:
+            var chatNamePath = Path.Join(chatPath, "name");
+            var chatName = await File.ReadAllTextAsync(chatNamePath, Encoding.UTF8);
+                                
+            workspaceChats.Add(new TreeItemData<ITreeItem>
+            {
+                Expandable = false,
+                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 TreeItemData<ITreeItem>
+        {
+            Expandable = false,
+            Value = new TreeButton(WorkspaceBranch.WORKSPACES, 2, "Add chat",Icons.Material.Filled.AddComment, () => this.AddChat(workspacePath)),
+        });
+        
+        return workspaceChats;
+    }
+
+    public async Task StoreChat(ChatThread chat)
+    {
+        string chatDirectory;
+        if (chat.WorkspaceId == Guid.Empty)
+            chatDirectory = Path.Join(SettingsManager.DataDirectory, "tempChats", chat.ChatId.ToString());
+        else
+            chatDirectory = Path.Join(SettingsManager.DataDirectory, "workspaces", chat.WorkspaceId.ToString(), chat.ChatId.ToString());
+        
+        // Ensure the directory exists:
+        Directory.CreateDirectory(chatDirectory);
+        
+        // Save the chat name:
+        var chatNamePath = Path.Join(chatDirectory, "name");
+        await File.WriteAllTextAsync(chatNamePath, chat.Name);
+        
+        // Save the thread as thread.json:
+        var chatPath = Path.Join(chatDirectory, "thread.json");
+        await File.WriteAllTextAsync(chatPath, JsonSerializer.Serialize(chat, JSON_OPTIONS), Encoding.UTF8);
+        
+        // Reload the tree items:
+        await this.LoadTreeItems();
+        this.StateHasChanged();
+    }
+
+    private async Task<ChatThread?> LoadChat(string? chatPath, bool switchToChat)
+    {
+        if(string.IsNullOrWhiteSpace(chatPath))
+            return null;
+
+        if(!Directory.Exists(chatPath))
+            return null;
+        
+        // Check if the chat has unsaved changes:
+        if (switchToChat && await MessageBus.INSTANCE.SendMessageUseFirstResult<bool, bool>(this, Event.HAS_CHAT_UNSAVED_CHANGES))
+        {
+            var dialogParameters = new DialogParameters
+            {
+                { "Message", "Are you sure you want to load another chat? All unsaved changes will be lost." },
+            };
+        
+            var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Load Chat", dialogParameters, DialogOptions.FULLSCREEN);
+            var dialogResult = await dialogReference.Result;
+            if (dialogResult is null || dialogResult.Canceled)
+                return null;
+        }
+
+        try
+        {
+            var chatData = await File.ReadAllTextAsync(Path.Join(chatPath, "thread.json"), Encoding.UTF8);
+            var chat = JsonSerializer.Deserialize<ChatThread>(chatData, JSON_OPTIONS);
+            if (switchToChat)
+            {
+                this.CurrentChatThread = chat;
+                await this.CurrentChatThreadChanged.InvokeAsync(this.CurrentChatThread);
+                await this.LoadedChatWasChanged();
+            }
+            
+            return chat;
+        }
+        catch (Exception e)
+        {
+            Console.WriteLine(e);
+        }
+        
+        return null;
+    }
+
+    public async Task DeleteChat(string? chatPath, bool askForConfirmation = true, bool unloadChat = true)
+    {
+        var chat = await this.LoadChat(chatPath, false);
+        if (chat is null)
+            return;
+
+        if (askForConfirmation)
+        {
+            var workspaceName = await this.LoadWorkspaceName(chat.WorkspaceId);
+            var dialogParameters = new DialogParameters
+            {
+                {
+                    "Message", (chat.WorkspaceId == Guid.Empty) switch
+                    {
+                        true => $"Are you sure you want to delete the temporary chat '{chat.Name}'?",
+                        false => $"Are you sure you want to delete the chat '{chat.Name}' in the workspace '{workspaceName}'?",
+                    }
+                },
+            };
+
+            var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Delete Chat", dialogParameters, DialogOptions.FULLSCREEN);
+            var dialogResult = await dialogReference.Result;
+            if (dialogResult is null || dialogResult.Canceled)
+                return;
+        }
+
+        string chatDirectory;
+        if (chat.WorkspaceId == Guid.Empty)
+            chatDirectory = Path.Join(SettingsManager.DataDirectory, "tempChats", chat.ChatId.ToString());
+        else
+            chatDirectory = Path.Join(SettingsManager.DataDirectory, "workspaces", chat.WorkspaceId.ToString(), chat.ChatId.ToString());
+
+        Directory.Delete(chatDirectory, true);
+        await this.LoadTreeItems();
+        
+        if(unloadChat && this.CurrentChatThread?.ChatId == chat.ChatId)
+        {
+            this.CurrentChatThread = null;
+            await this.CurrentChatThreadChanged.InvokeAsync(this.CurrentChatThread);
+            await this.LoadedChatWasChanged();
+        }
+    }
+
+    private async Task RenameChat(string? chatPath)
+    {
+        var chat = await this.LoadChat(chatPath, false);
+        if (chat is null)
+            return;
+        
+        var dialogParameters = new DialogParameters
+        {
+            { "Message", $"Please enter a new or edit the name for your chat '{chat.Name}':" },
+            { "UserInput", chat.Name },
+            { "ConfirmText", "Rename" },
+            { "ConfirmColor", Color.Info },
+        };
+        
+        var dialogReference = await this.DialogService.ShowAsync<SingleInputDialog>("Rename Chat", dialogParameters, DialogOptions.FULLSCREEN);
+        var dialogResult = await dialogReference.Result;
+        if (dialogResult is null || dialogResult.Canceled)
+            return;
+
+        chat.Name = (dialogResult.Data as string)!;
+        await this.StoreChat(chat);
+        await this.LoadTreeItems();
+    }
+    
+    private async Task RenameWorkspace(string? workspacePath)
+    {
+        if(workspacePath is null)
+            return;
+        
+        var workspaceId = Guid.Parse(Path.GetFileName(workspacePath));
+        var workspaceName = await this.LoadWorkspaceName(workspaceId);
+        var dialogParameters = new DialogParameters
+        {
+            { "Message", $"Please enter a new or edit the name for your workspace '{workspaceName}':" },
+            { "UserInput", workspaceName },
+            { "ConfirmText", "Rename" },
+            { "ConfirmColor", Color.Info },
+        };
+        
+        var dialogReference = await this.DialogService.ShowAsync<SingleInputDialog>("Rename Workspace", dialogParameters, DialogOptions.FULLSCREEN);
+        var dialogResult = await dialogReference.Result;
+        if (dialogResult is null || dialogResult.Canceled)
+            return;
+        
+        var alteredWorkspaceName = (dialogResult.Data as string)!;
+        var workspaceNamePath = Path.Join(workspacePath, "name");
+        await File.WriteAllTextAsync(workspaceNamePath, alteredWorkspaceName, Encoding.UTF8);
+        await this.LoadTreeItems();
+    }
+
+    private async Task AddWorkspace()
+    {
+        var dialogParameters = new DialogParameters
+        {
+            { "Message", "Please name your workspace:" },
+            { "UserInput", string.Empty },
+            { "ConfirmText", "Add workspace" },
+            { "ConfirmColor", Color.Info },
+        };
+        
+        var dialogReference = await this.DialogService.ShowAsync<SingleInputDialog>("Add Workspace", dialogParameters, DialogOptions.FULLSCREEN);
+        var dialogResult = await dialogReference.Result;
+        if (dialogResult is null || dialogResult.Canceled)
+            return;
+        
+        var workspaceId = Guid.NewGuid();
+        var workspacePath = Path.Join(SettingsManager.DataDirectory, "workspaces", workspaceId.ToString());
+        Directory.CreateDirectory(workspacePath);
+        
+        var workspaceNamePath = Path.Join(workspacePath, "name");
+        await File.WriteAllTextAsync(workspaceNamePath, (dialogResult.Data as string)!, Encoding.UTF8);
+        
+        await this.LoadTreeItems();
+    }
+    
+    private async Task DeleteWorkspace(string? workspacePath)
+    {
+        if(workspacePath is null)
+            return;
+        
+        var workspaceId = Guid.Parse(Path.GetFileName(workspacePath));
+        var workspaceName = await this.LoadWorkspaceName(workspaceId);
+        
+        // Determine how many chats are in the workspace:
+        var chatCount = Directory.EnumerateDirectories(workspacePath).Count();
+        
+        var dialogParameters = new DialogParameters
+        {
+            { "Message", $"Are you sure you want to delete the workspace '{workspaceName}'? This will also delete {chatCount} chat(s) in this workspace." },
+        };
+        
+        var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Delete Workspace", dialogParameters, DialogOptions.FULLSCREEN);
+        var dialogResult = await dialogReference.Result;
+        if (dialogResult is null || dialogResult.Canceled)
+            return;
+        
+        Directory.Delete(workspacePath, true);
+        await this.LoadTreeItems();
+    }
+    
+    private async Task MoveChat(string? chatPath)
+    {
+        var chat = await this.LoadChat(chatPath, false);
+        if (chat is null)
+            return;
+        
+        var dialogParameters = new DialogParameters
+        {
+            { "Message", "Please select the workspace where you want to move the chat to." },
+            { "SelectedWorkspace", chat.WorkspaceId },
+            { "ConfirmText", "Move chat" },
+        };
+        
+        var dialogReference = await this.DialogService.ShowAsync<WorkspaceSelectionDialog>("Move Chat to Workspace", dialogParameters, DialogOptions.FULLSCREEN);
+        var dialogResult = await dialogReference.Result;
+        if (dialogResult is null || dialogResult.Canceled)
+            return;
+        
+        var workspaceId = dialogResult.Data is Guid id ? id : default;
+        if (workspaceId == Guid.Empty)
+            return;
+        
+        // Delete the chat from the current workspace or the temporary storage:
+        if (chat.WorkspaceId == Guid.Empty)
+        {
+            // Case: The chat is stored in the temporary storage:
+            await this.DeleteChat(Path.Join(SettingsManager.DataDirectory, "tempChats", chat.ChatId.ToString()), askForConfirmation: false, unloadChat: false);
+        }
+        else
+        {
+            // Case: The chat is stored in a workspace.
+            await this.DeleteChat(Path.Join(SettingsManager.DataDirectory, "workspaces", chat.WorkspaceId.ToString(), chat.ChatId.ToString()), askForConfirmation: false, unloadChat: false);
+        }
+        
+        // Update the chat's workspace:
+        chat.WorkspaceId = workspaceId;
+        
+        // Handle the case where the chat is the active chat:
+        if (this.CurrentChatThread?.ChatId == chat.ChatId)
+        {
+            this.CurrentChatThread = chat;
+            await this.CurrentChatThreadChanged.InvokeAsync(this.CurrentChatThread);
+            await this.LoadedChatWasChanged();
+        }
+        
+        await this.StoreChat(chat);
+    }
+    
+    private async Task AddChat(string workspacePath)
+    {
+        // Check if the chat has unsaved changes:
+        if (await MessageBus.INSTANCE.SendMessageUseFirstResult<bool, bool>(this, Event.HAS_CHAT_UNSAVED_CHANGES))
+        {
+            var dialogParameters = new DialogParameters
+            {
+                { "Message", "Are you sure you want to create a another chat? All unsaved changes will be lost." },
+            };
+        
+            var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Create Chat", dialogParameters, DialogOptions.FULLSCREEN);
+            var dialogResult = await dialogReference.Result;
+            if (dialogResult is null || dialogResult.Canceled)
+                return;
+        }
+        
+        var workspaceId = Guid.Parse(Path.GetFileName(workspacePath));
+        var chat = new ChatThread
+        {
+            WorkspaceId = workspaceId,
+            ChatId = Guid.NewGuid(),
+            Name = string.Empty,
+            Seed = this.RNG.Next(),
+            SystemPrompt = "You are a helpful assistant!",
+            Blocks = [],
+        };
+        
+        var chatPath = Path.Join(workspacePath, chat.ChatId.ToString());
+        
+        await this.StoreChat(chat);
+        await this.LoadChat(chatPath, switchToChat: true);
+        await this.LoadTreeItems();
+    }
+}

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

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

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

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

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

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

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

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

app/MindWork AI Studio/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/ConfigurationSelectData.cs

@@ -1,33 +0,0 @@
-using AIStudio.Settings;
-
-namespace AIStudio.Components;
-
-/// <summary>
-/// A data structure to map a name to a value.
-/// </summary>
-/// <param name="Name">The name of the value, to be displayed in the UI.</param>
-/// <param name="Value">The value to be stored.</param>
-/// <typeparam name="T">The type of the value to store.</typeparam>
-public readonly record struct ConfigurationSelectData<T>(string Name, T Value);
-
-/// <summary>
-/// A static factory class to get the lists of selectable values.
-/// </summary>
-public static class ConfigurationSelectDataFactory
-{
-    public static IEnumerable<ConfigurationSelectData<SendBehavior>> GetSendBehaviorData()
-    {
-        yield return new("No key is sending the input", SendBehavior.NO_KEY_IS_SENDING);
-        yield return new("Modifier key + enter is sending the input", SendBehavior.MODIFER_ENTER_IS_SENDING);
-        yield return new("Enter is sending the input", SendBehavior.ENTER_IS_SENDING);
-    }
-    
-    public static IEnumerable<ConfigurationSelectData<UpdateBehavior>> GetUpdateBehaviorData()
-    {
-        yield return new("No automatic update checks", UpdateBehavior.NO_CHECK);
-        yield return new("Once at startup", UpdateBehavior.ONCE_STARTUP);
-        yield return new("Check every hour", UpdateBehavior.HOURLY);
-        yield return new("Check every day", UpdateBehavior.DAILY);
-        yield return new ("Check every week", UpdateBehavior.WEEKLY);
-    }
-}

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,33 +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.App.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="Chats" Placement="Placement.Right">
-                            <MudNavLink Href="/chat" Icon="@Icons.Material.Filled.Chat">Chats</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.App.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,14 +1,16 @@
 using AIStudio.Components.CommonDialogs;
 using AIStudio.Settings;
+using AIStudio.Settings.DataModel;
 using AIStudio.Tools;
 
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Routing;
 
 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!;
@@ -20,23 +22,49 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
     private MessageBus MessageBus { get; init; } = null!;
     
     [Inject]
-    public IDialogService DialogService { get; init; } = null!;
+    private IDialogService DialogService { get; init; } = null!;
     
     [Inject]
-    public Rust Rust { get; init; } = null!;
+    private Rust Rust { get; init; } = null!;
+    
+    [Inject]
+    private ISnackbar Snackbar { get; init; } = null!;
+    
+    [Inject]
+    private NavigationManager NavigationManager { get; init; } = null!;
 
     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, Pages.Path.HOME, true),
+        new("Chat", Icons.Material.Filled.Chat, Color.Default, Pages.Path.CHAT, false),
+        new("Assistants", Icons.Material.Filled.Apps, Color.Default, Pages.Path.ASSISTANTS, false),
+        new("Supporters", Icons.Material.Filled.Favorite, Color.Error, Pages.Path.SUPPORTERS, false),
+        new("About", Icons.Material.Filled.Info, Color.Default, Pages.Path.ABOUT, false),
+        new("Settings", Icons.Material.Filled.Settings, Color.Default, Pages.Path.SETTINGS, false),
+    };
+    
     #region Overrides of ComponentBase
 
     protected override async Task OnInitializedAsync()
     {
+        this.NavigationManager.RegisterLocationChangingHandler(this.OnLocationChanging);
+        
         //
         // We use the Tauri API (Rust) to get the data and config directories
         // for this app.
@@ -46,17 +74,23 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
         
         // Store the directories in the settings manager:
         SettingsManager.ConfigDirectory = configDir;
-        SettingsManager.DataDirectory = dataDir;
+        SettingsManager.DataDirectory = Path.Join(dataDir, "data");
+        Directory.CreateDirectory(SettingsManager.DataDirectory);
         
         // Ensure that all settings are loaded:
         await this.SettingsManager.LoadSettings();
         
         // 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.SetJsRuntime(this.JsRuntime);
+        UpdateService.SetBlazorDependencies(this.JsRuntime, this.Snackbar);
+        TemporaryChatService.Initialize();
+        
+        // Should the navigation bar be open by default?
+        if(this.SettingsManager.ConfigurationData.App.NavigationBehavior is NavBehavior.ALWAYS_EXPAND)
+            this.navBarOpen = true;
         
         await base.OnInitializedAsync();
     }
@@ -85,11 +119,25 @@ public partial class MainLayout : LayoutComponentBase, IMessageBusReceiver
                 }
                 
                 break;
+            
+            case Event.CONFIGURATION_CHANGED:
+                if(this.SettingsManager.ConfigurationData.App.NavigationBehavior is NavBehavior.ALWAYS_EXPAND)
+                    this.navBarOpen = true;
+                else
+                    this.navBarOpen = false;
+                
+                this.StateHasChanged();
+                break;
         }
     }
 
-    #endregion
+    public Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data)
+    {
+        return Task.FromResult<TResult?>(default);
+    }
 
+    #endregion
+    
     private async Task DismissUpdate()
     {
         this.userDismissedUpdate = true;
@@ -135,11 +183,42 @@ 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;
         this.StateHasChanged();
         await this.Rust.InstallUpdate(this.JsRuntime);
     }
+    
+    private async ValueTask OnLocationChanging(LocationChangingContext context)
+    {
+        if (await MessageBus.INSTANCE.SendMessageUseFirstResult<bool, bool>(this, Event.HAS_CHAT_UNSAVED_CHANGES))
+        {
+            var dialogParameters = new DialogParameters
+            {
+                { "Message", "Are you sure you want to leave the chat page? All unsaved changes will be lost." },
+            };
+        
+            var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Leave Chat Page", dialogParameters, DialogOptions.FULLSCREEN);
+            var dialogResult = await dialogReference.Result;
+            if (dialogResult is null || dialogResult.Canceled)
+            {
+                context.PreventNavigation();
+                return;
+            }
+
+            // User accepted to leave the chat page, reset the chat state:
+            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/MSGComponentBase.cs

@@ -1,6 +1,8 @@
+using AIStudio.Tools;
+
 using Microsoft.AspNetCore.Components;
 
-namespace AIStudio.Tools;
+namespace AIStudio.Components;
 
 public abstract class MSGComponentBase : ComponentBase, IDisposable, IMessageBusReceiver
 {
@@ -20,6 +22,8 @@ public abstract class MSGComponentBase : ComponentBase, IDisposable, IMessageBus
     #region Implementation of IMessageBusReceiver
 
     public abstract Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data);
+    
+    public abstract Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data);
 
     #endregion
 
@@ -37,6 +41,11 @@ public abstract class MSGComponentBase : ComponentBase, IDisposable, IMessageBus
         await this.MessageBus.SendMessage(this, triggeredEvent, data);
     }
     
+    protected async Task<TResult?> SendMessageWithResult<TPayload, TResult>(Event triggeredEvent, TPayload? data)
+    {
+        return await this.MessageBus.SendMessageUseFirstResult<TPayload, TResult>(this, triggeredEvent, data);
+    }
+    
     protected void ApplyFilters(ComponentBase[] components, Event[] events)
     {
         this.MessageBus.ApplyFilters(this, components, events);

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

@@ -1,4 +1,4 @@
-@page "/about"
+@attribute [Route(Path.ABOUT)]
 @using AIStudio.Tools
 
 <MudText Typo="Typo.h3" Class="mb-2">About MindWork AI Studio</MudText>
@@ -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,9 @@
                 <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."/>
+                <ThirdPartyComponent Name="wikEd diff" Developer="Cacycle & Open Source Community" LicenseName="None (public domain)" LicenseUrl="https://en.wikipedia.org/wiki/User:Cacycle/diff#License" RepositoryUrl="https://en.wikipedia.org/wiki/User:Cacycle/diff" UseCase="This library is used to display the differences between two texts. This is necessary, e.g., for the grammar and spelling assistant."/>
             </MudGrid>
         </ExpansionPanel>
         <ExpansionPanel HeaderIcon="@Icons.Material.Filled.Verified" HeaderText="License: FSL-1.1-MIT">

app/MindWork AI Studio/Components/Pages/Agenda/AssistantAgenda.razor

@@ -0,0 +1,56 @@
+@attribute [Route(Path.ASSISTANT_AGENDA)]
+@using AIStudio.Tools
+@inherits AssistantBaseCore
+
+<MudTextField T="string" @bind-Text="@this.inputName" Validation="@this.ValidateName" Label="Meeting Name" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Tag" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="Name the meeting, seminar, etc." Placeholder="Weekly jour fixe" Class="mb-3"/>
+<MudTextField T="string" @bind-Text="@this.inputTopic" Validation="@this.ValidateTopic" Label="Topic" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.EventNote" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="Describe the topic of the meeting, seminar, etc. Is it about quantum computing, software engineering, or is it a general business meeting?" Placeholder="Project meeting" Class="mb-3"/>
+<MudTextField T="string" @bind-Text="@this.inputContent" Validation="@this.ValidateContent" Label="Content list" Variant="Variant.Outlined" Lines="6" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="Bullet list the content of the meeting, seminar, etc. roughly. Use dashes (-) to separate the items." Placeholder="@PLACEHOLDER_CONTENT" Class="mb-3" Immediate="@false" DebounceInterval="1_000" OnDebounceIntervalElapsed="@this.OnContentChanged" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.ListAlt"/>
+<MudSelect T="string" Label="(Optional) What topics should be the focus?" MultiSelection="@true" @bind-SelectedValues="@this.selectedFoci" Variant="Variant.Outlined" Class="mb-3" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.ListAlt">
+    @foreach (var contentLine in this.contentLines)
+    {
+        @if(!this.justBriefly.Contains(contentLine))
+        {
+            <MudSelectItem T="string" Value="@contentLine">@contentLine</MudSelectItem>
+        }
+    }
+</MudSelect>
+
+<MudSelect T="string" Label="(Optional) What topics should only be briefly addressed?" MultiSelection="@true" @bind-SelectedValues="@this.justBriefly" Variant="Variant.Outlined" Class="mb-3" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.ListAlt">
+    @foreach (var contentLine in this.contentLines)
+    {
+        @if(!this.selectedFoci.Contains(contentLine))
+        {
+            <MudSelectItem T="string" Value="@contentLine">@contentLine</MudSelectItem>
+        }
+    }
+</MudSelect>
+
+<MudTextField T="string" @bind-Text="@this.inputObjective" Validation="@this.ValidateObjective" Label="Objective" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Flag" Variant="Variant.Outlined" Lines="3" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="Describe the objective(s) of the meeting, seminar, etc. What should be achieved?" Placeholder="Discuss the current project status and plan the next steps." Class="mb-3"/>
+<MudTextField T="string" @bind-Text="@this.inputModerator" Validation="@this.ValidateModerator" Label="Moderator" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Person3" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="Who will moderate the meeting, seminar, etc.?" Placeholder="Jane Doe" Class="mb-3" />
+<MudTextField T="string" @bind-Text="@this.inputDuration" Validation="@this.ValidateDuration" Label="Duration" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Schedule" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="How long will the meeting, seminar, etc. last? E.g., '2 hours', or '2 days (first day 8 hours, then 4 hours)', etc." Placeholder="2 hours" Class="mb-3"/>
+<MudTextField T="string" @bind-Text="@this.inputStartTime" Validation="@this.ValidateStartTime" Label="Start time" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Schedule" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="When will the meeting, seminar, etc. start? E.g., '9:00 AM', or '9:00 AM (CET)', etc. When the meeting is a multi-day event, specify the start time for each day." Placeholder="9:00 AM" Class="mb-3"/>
+<MudTextField T="string" @bind-Text="@this.inputWhoIsPresenting" Label="(Optional) Who is presenting?" Variant="Variant.Outlined" Lines="6" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="(Optional) List the persons who will present at the meeting, seminar, etc. Use dashes (-) to separate the items." Placeholder="@PLACEHOLDER_WHO_IS_PRESENTING" Class="mb-3"/>
+<MudTextSwitch Label="Do the participants need to get to know each other first?" @bind-Value="@this.introduceParticipants" LabelOn="Yes, introduce participants" LabelOff="No, participants know each other" />
+<EnumSelection T="NumberParticipants" @bind-Value="@this.numberParticipants" NameFunc="@(participants => participants.Name())" Icon="@Icons.Material.Filled.Group" Label="Number of participants" ValidateSelection="@this.ValidateNumberParticipants"/>
+<MudTextSwitch Label="Should the participants be involved passively or actively?" @bind-Value="@this.activeParticipation" LabelOn="Active participation, like world café, discussions, etc." LabelOff="Passive participation, like presentations, lectures, etc." />
+<MudTextSwitch Label="Is this a virtual event, e.g., a call or webinar?" @bind-Value="@this.isMeetingVirtual" LabelOn="Yes, this is a virtual event" LabelOff="No, this is a physical event" />
+@if (!this.isMeetingVirtual)
+{
+    <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+        <MudTextField T="string" @bind-Text="@this.inputLocation" Validation="@this.ValidateLocation" Label="Location" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.MyLocation" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES" HelperText="Where will the meeting, seminar, etc. take place?" Placeholder="Hamburg, Germany" Class="mb-3"/>
+        <MudTextSwitch Label="Should there be a joint dinner?" @bind-Value="@this.goingToDinner" LabelOn="Yes, there should be a joint dinner" LabelOff="No, there should be no joint dinner" />
+        <MudTextSwitch Label="Should there be a social activity?" @bind-Value="@this.doingSocialActivity" LabelOn="Yes, there should be a social activity" LabelOff="No, there should be no social activity" />
+        <MudTextSwitch Label="Do participants need to arrive and depart?" @bind-Value="@this.needToArriveAndDepart" LabelOn="Yes, participants need to arrive and depart" LabelOff="No, participants do not need to arrive and depart" />
+        <MudStack Row="@true" Wrap="Wrap.Wrap">
+            <MudTextSlider T="int" Label="Approx. duration of the lunch break" @bind-Value="@this.durationLunchBreak" Min="30" Max="120" Step="5" Unit="minutes"/>
+            <MudTextSlider T="int" Label="Approx. duration of the coffee or tea breaks" @bind-Value="@this.durationBreaks" Min="10" Max="60" Step="5" Unit="minutes"/>
+        </MudStack>
+    </MudPaper>
+}
+
+<EnumSelection T="CommonLanguages" NameFunc="@(language => language.NameSelecting())" @bind-Value="@this.selectedTargetLanguage" ValidateSelection="@this.ValidateTargetLanguage" Icon="@Icons.Material.Filled.Translate" Label="Target language" AllowOther="@true" OtherValue="CommonLanguages.OTHER" @bind-OtherInput="@this.customTargetLanguage" ValidateOther="@this.ValidateCustomLanguage" LabelOther="Custom target language" />
+<ProviderSelection @bind-ProviderSettings="@this.providerSettings" ValidateProvider="@this.ValidatingProvider"/>
+
+<MudButton Variant="Variant.Filled" Class="mb-3" OnClick="() => this.CreateAgenda()">
+    Create agenda
+</MudButton>

app/MindWork AI Studio/Components/Pages/Agenda/AssistantAgenda.razor.cs

@@ -0,0 +1,464 @@
+using System.Text;
+
+using AIStudio.Tools;
+
+namespace AIStudio.Components.Pages.Agenda;
+
+public partial class AssistantAgenda : AssistantBaseCore
+{
+    protected override string Title => "Agenda Planner";
+    
+    protected override string Description =>
+        """
+        This agenda planner helps you create a structured agenda for your meeting or seminar. Just provide some basic
+        information about the event, and the assistant will generate an agenda for you. You can also specify the
+        duration, the start time, the location, the target language, and other details.
+        """;
+
+    protected override string SystemPrompt =>
+        $"""
+        You are a friendly assistant who supports the planning and consultation of events. You receive
+        metadata about an event and create an agenda from it. Additionally, you provide advice on what
+        the organizer and moderator should consider. When creating the agenda, you take into account that
+        time for questions and discussions needs to be scheduled. For large events, you take into account
+        the logistical challenges that come with an increasing number of participants.
+
+        If the user is planning interactions with participants, you know various methods. For example:
+        
+        - **Townhall Meeting**: An open assembly where participants can ask questions and provide feedback directly to leaders or speakers. Good moderation is necessary to queue contributions and hand the floor to the respective person. Additionally, one person should take notes visible to all. Ideally, this should not be the moderator.
+        
+        - **Speed Dating**: Short, structured interaction rounds where participants get the chance to quickly introduce themselves and make initial connections. A long row of tables is needed so that two people can sit opposite each other. A moderator with a stopwatch must ensure that participants rotate and change seats every 3 to 5 minutes.
+        
+        - **World Café**: Participants discuss in small groups at tables and rotate after set intervals to exchange thoughts and develop ideas further. Each table needs a host. Notes should be taken on a flipchart or digitally at each table. At the end, the table hosts could present their insights to all participants in a plenary session.
+        
+        - **Fishbowl**: A group discusses in an inner circle while a larger group listens from the outside. Occasionally, listeners can move into the inner circle to actively participate.
+        
+        - **BarCamp (Unconference)**: Participants contribute to part of the agenda themselves and can act as both presenters and listeners. Anyone can propose and lead a session. However, there should be initial moderation to guide this meta-process.
+        
+        - **Open Space Technology**: A method for large groups where participants bring up their own topics and then work intensively in small groups. At the end, the groups can present their findings to all participants in a plenary session.
+        
+        - **Panel Discussion**: A group of experts discusses a specific topic in front of an audience, followed by a question-and-answer session.
+        
+        - **Breakout Sessions**: Larger groups are divided into smaller, topic-related groups to discuss specific issues more deeply and interactively.
+        
+        - **Interactive Polling**: Real-time surveys during the meeting or seminar using digital technology to collect immediate feedback from participants. With an increasing number of participants, technical requirements also become more complex: not every Wi-Fi router can handle several hundred or thousand devices. Additionally, the moderator or speaker must have a stable network connection to display the results. It would be problematic if the speaker depends on the same Wi-Fi as the participants: if the Wi-Fi crashes due to the high number of participants, the speaker cannot show the results. Therefore, a LAN for the speaker or the use of a mobile hotspot would be a better choice.
+        
+        - **Peer Learning Groups**: Small groups of participants work together to learn from each other and collaboratively develop solutions for specific challenges.
+        
+        - **Role Play/Simulation**: Participants take on roles to simulate certain scenarios, gaining practical experience and promoting dynamic discussions.
+        
+        - **Round Table Discussions**: Small group discussions on specific topics, often without formal moderation, to encourage open and equal dialogue.
+        
+        - **Mind Mapping**: A method for visualizing ideas and concepts, which can foster creative exchange within groups.
+        
+        - **Case Study Analysis**: Groups analyze real or hypothetical case studies and present their solutions or insights.
+        
+        - **Silent Meeting/Writing**: Participants write down their thoughts and questions, which are then collected and discussed to balance out loud or dominant voices.
+        
+        - **Debate**: Participants argue for or against a specific topic, often with a moderator who ensures that the discussion remains constructive.
+        
+        - **Workshops**: Interactive sessions where participants work together on specific tasks or challenges.
+        
+        - **Brainstorming**: A method for generating ideas in a group setting, often with a focus on quantity and creativity.
+        
+        - **Design Thinking**: A structured approach to innovation solutions. Design thinking is structured in six phases: understand, observe, point of view, ideate, prototype, and test. Depending on the number of participants, there are two moderates needed. One moderator leads the process, the other supports the participants in their work. Design thinking may takes up to two days.
+        
+        You output the agenda in the following Markdown format:
+        
+        # [Agenda Title]
+        - 09:00 - 09:05 (5 minutes): Welcome
+        - 09:05 - 09:15 (10 minutes): Introduction
+        - ...
+        {this.SystemPromptSocialActivity()}
+        {this.SystemPromptDinner()}
+        
+        # Organizational notes
+        [Your advice for the organizer goes here, like room setup, technical requirements, etc.]
+        
+        # Moderation notes
+        [Your advice for the moderator goes here]
+        
+        Output the agenda in the following language: {this.PromptLanguage()}.
+        """;
+
+    private const string PLACEHOLDER_CONTENT = """
+                                              - Project status
+                                              - We need to discuss how to proceed
+                                              - Problem solving in work package 3 possible?
+                                              - Concerns of the members
+                                              """;
+
+    private const string PLACEHOLDER_WHO_IS_PRESENTING = """
+                                                         - John Doe: Project status
+                                                         - Mary Jane: Work package 3
+                                                         """;
+    
+    protected override IReadOnlyList<IButtonData> FooterButtons =>
+    [
+        new SendToButton
+        {
+            Self = SendToAssistant.AGENDA_ASSISTANT,
+        },
+    ];
+    
+    private string inputTopic = string.Empty;
+    private string inputName = string.Empty;
+    private string inputContent = string.Empty;
+    private string inputDuration = string.Empty;
+    private string inputStartTime = string.Empty;
+    private IEnumerable<string> selectedFoci = new HashSet<string>();
+    private IEnumerable<string> justBriefly = new HashSet<string>();
+    private string inputObjective = string.Empty;
+    private string inputModerator = string.Empty;
+    private CommonLanguages selectedTargetLanguage;
+    private string customTargetLanguage = string.Empty;
+    private bool introduceParticipants;
+    private bool isMeetingVirtual = true;
+    private string inputLocation = string.Empty;
+    private bool goingToDinner;
+    private bool doingSocialActivity;
+    private bool needToArriveAndDepart;
+    private int durationLunchBreak;
+    private int durationBreaks;
+    private bool activeParticipation;
+    private NumberParticipants numberParticipants;
+    private string inputWhoIsPresenting = string.Empty;
+    
+    private readonly List<string> contentLines = [];
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (this.SettingsManager.ConfigurationData.Agenda.PreselectOptions)
+        {
+            this.inputTopic = this.SettingsManager.ConfigurationData.Agenda.PreselectTopic;
+            this.inputName = this.SettingsManager.ConfigurationData.Agenda.PreselectName;
+            this.inputDuration = this.SettingsManager.ConfigurationData.Agenda.PreselectDuration;
+            this.inputStartTime = this.SettingsManager.ConfigurationData.Agenda.PreselectStartTime;
+            this.inputObjective = this.SettingsManager.ConfigurationData.Agenda.PreselectObjective;
+            this.inputModerator = this.SettingsManager.ConfigurationData.Agenda.PreselectModerator;
+            this.selectedTargetLanguage = this.SettingsManager.ConfigurationData.Agenda.PreselectedTargetLanguage;
+            this.customTargetLanguage = this.SettingsManager.ConfigurationData.Agenda.PreselectedOtherLanguage;
+            this.introduceParticipants = this.SettingsManager.ConfigurationData.Agenda.PreselectIntroduceParticipants;
+            this.isMeetingVirtual = this.SettingsManager.ConfigurationData.Agenda.PreselectIsMeetingVirtual;
+            this.inputLocation = this.SettingsManager.ConfigurationData.Agenda.PreselectLocation;
+            this.goingToDinner = this.SettingsManager.ConfigurationData.Agenda.PreselectJointDinner;
+            this.doingSocialActivity = this.SettingsManager.ConfigurationData.Agenda.PreselectSocialActivity;
+            this.needToArriveAndDepart = this.SettingsManager.ConfigurationData.Agenda.PreselectArriveAndDepart;
+            this.durationLunchBreak = this.SettingsManager.ConfigurationData.Agenda.PreselectLunchTime;
+            this.durationBreaks = this.SettingsManager.ConfigurationData.Agenda.PreselectBreakTime;
+            this.activeParticipation = this.SettingsManager.ConfigurationData.Agenda.PreselectActiveParticipation;
+            this.numberParticipants = this.SettingsManager.ConfigurationData.Agenda.PreselectNumberParticipants;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.Agenda.PreselectedProvider);
+        }
+        
+        var deferredContent = MessageBus.INSTANCE.CheckDeferredMessages<string>(Event.SEND_TO_AGENDA_ASSISTANT).FirstOrDefault();
+        if (deferredContent is not null)
+            this.inputContent = deferredContent;
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private void OnContentChanged(string content)
+    {
+        var previousSelectedFoci = new HashSet<string>();
+        var previousJustBriefly = new HashSet<string>();
+        
+        this.contentLines.Clear();
+        foreach (var line in content.AsSpan().EnumerateLines())
+        {
+            var trimmedLine = line.Trim();
+            if (trimmedLine.StartsWith("-"))
+                trimmedLine = trimmedLine[1..].Trim();
+            
+            if (trimmedLine.Length == 0)
+                continue;
+            
+            var finalLine = trimmedLine.ToString();
+            if(this.selectedFoci.Any(x => x.StartsWith(finalLine, StringComparison.InvariantCultureIgnoreCase)))
+                previousSelectedFoci.Add(finalLine);
+            
+            if(this.justBriefly.Any(x => x.StartsWith(finalLine, StringComparison.InvariantCultureIgnoreCase)))
+                previousJustBriefly.Add(finalLine);
+            
+            this.contentLines.Add(finalLine);
+        }
+
+        this.selectedFoci = previousSelectedFoci;
+        this.justBriefly = previousJustBriefly;
+    }
+    
+    private string? ValidateLocation(string location)
+    {
+        if(!this.isMeetingVirtual && string.IsNullOrWhiteSpace(location))
+            return "Please provide a location for the meeting or the seminar.";
+        
+        return null;
+    }
+    
+    private string? ValidateNumberParticipants(NumberParticipants selectedSize)
+    {
+        if(selectedSize is NumberParticipants.NOT_SPECIFIED)
+            return "Please select the number of participants.";
+        
+        return null;
+    }
+    
+    private string? ValidateTargetLanguage(CommonLanguages language)
+    {
+        if(language is CommonLanguages.AS_IS)
+            return "Please select a target language for the agenda.";
+        
+        return null;
+    }
+    
+    private string? ValidateDuration(string duration)
+    {
+        if(string.IsNullOrWhiteSpace(duration))
+            return "Please provide a duration for the meeting or the seminar, e.g. '2 hours', or '2 days (8 hours and 4 hours)', etc.";
+        
+        return null;
+    }
+    
+    private string? ValidateStartTime(string startTime)
+    {
+        if(string.IsNullOrWhiteSpace(startTime))
+            return "Please provide a start time for the meeting or the seminar. When the meeting is a multi-day event, specify the start time for each day, e.g. '9:00 AM, 10:00 AM', etc.";
+        
+        return null;
+    }
+    
+    private string? ValidateCustomLanguage(string language)
+    {
+        if(this.selectedTargetLanguage == CommonLanguages.OTHER && string.IsNullOrWhiteSpace(language))
+            return "Please provide a custom language.";
+        
+        return null;
+    }
+    
+    private string? ValidateTopic(string topic)
+    {
+        if(string.IsNullOrWhiteSpace(topic))
+            return "Please provide a topic for the agenda. What is the meeting or the seminar about?";
+        
+        return null;
+    }
+    
+    private string? ValidateName(string name)
+    {
+        if(string.IsNullOrWhiteSpace(name))
+            return "Please provide a name for the meeting or the seminar.";
+        
+        return null;
+    }
+    
+    private string? ValidateContent(string content)
+    {
+        if(string.IsNullOrWhiteSpace(content))
+            return "Please provide some content for the agenda. What are the main points of the meeting or the seminar?";
+
+        var lines = content.Split('\n');
+        foreach (var line in lines)
+            if(!line.TrimStart().StartsWith('-'))
+                return "Please start each line of your content list with a dash (-) to create a bullet point list.";
+        
+        return null;
+    }
+    
+    private string? ValidateObjective(string objective)
+    {
+        if(string.IsNullOrWhiteSpace(objective))
+            return "Please provide an objective for the meeting or the seminar. What do you want to achieve?";
+        
+        return null;
+    }
+    
+    private string? ValidateModerator(string moderator)
+    {
+        if(string.IsNullOrWhiteSpace(moderator))
+            return "Please provide a moderator for the meeting or the seminar. Who will lead the discussion?";
+        
+        return null;
+    }
+
+    private async Task CreateAgenda()
+    {
+        await this.form!.Validate();
+        if (!this.inputIsValid)
+            return;
+        
+        this.CreateChatThread();
+        var time = this.AddUserRequest(
+            $"""
+                Create an agenda for the meeting or seminar wit the title '{this.inputName}' using the following details:
+                
+                - The overall topic is '{this.inputTopic}'.
+                - The objective of the meeting is '{this.inputObjective}'.
+                - The moderator is '{this.inputModerator}'.
+                - The planned duration is '{this.inputDuration}'.
+                - The planned start time is '{this.inputStartTime}'.
+                {this.PromptGettingToKnowEachOther()}
+                - The number of participants is '{this.numberParticipants.Name()}'.
+                {this.PromptActiveParticipation()}
+                {this.PromptVirtualMeeting()}
+                {this.PromptPhysicalMeeting()}
+                
+                Here is draft what was planned for the meeting:
+                {this.inputContent}
+                
+                Please do not follow this draft strictly. It is just a suggestion.
+                {this.PromptFoci()}
+                {this.PromptBriefly()}
+                {this.PromptWhoIsPresenting()}
+             """);
+
+        await this.AddAIResponseAsync(time);
+    }
+
+    private string PromptLanguage()
+    {
+        if(this.selectedTargetLanguage is CommonLanguages.OTHER)
+            return this.customTargetLanguage;
+        
+        return this.selectedTargetLanguage.Name();
+    }
+    
+    private string PromptPhysicalMeeting()
+    {
+        if(this.isMeetingVirtual)
+            return string.Empty;
+
+        return $"""
+               - The meeting takes place at the following location: '{this.inputLocation}'.
+               {this.PromptJoiningDinner()}
+               {this.PromptSocialActivity()}
+               {this.PromptArriveAndDepart()}
+               - In case a lunch break is necessary, the break should about {this.durationLunchBreak} minutes long.
+               - In case any breaks are necessary, the breaks should be about {this.durationBreaks} minutes long.
+               """;
+    }
+    
+    private string PromptArriveAndDepart()
+    {
+        if (this.needToArriveAndDepart)
+            return "- The participants should have time to arrive and depart.";
+
+        return "- The participants do not need to arrive and depart.";
+    }
+    
+    private string PromptSocialActivity()
+    {
+        if (this.doingSocialActivity)
+            return "- The participants will engage in a social activity after the meeting or seminar. This can be a team-building exercise, a sightseeing tour, or a visit to a local attraction. Please make a recommendation for an activity at '{this.inputLocation}'.";
+
+        return "- The participants will not engage in a social activity after the meeting or seminar.";
+    }
+
+    private string SystemPromptSocialActivity()
+    {
+        if(this.doingSocialActivity)
+            return """
+                   - 16:00 Departure to the social event [Consider the time needed to get to the location].
+                   - 17:00 [Insert your advice for the social activity here].
+                   """;
+        
+        return string.Empty;
+    }
+    
+    private string SystemPromptDinner()
+    {
+        if(this.goingToDinner)
+            return """
+                   - 19:00 Departure to the restaurant [Consider the time needed to get to the restaurant].
+                   - 20:00 [Insert your advice for the dinner here.].
+                   """;
+        
+        return string.Empty;
+    }
+    
+    private string PromptJoiningDinner()
+    {
+        if (this.goingToDinner)
+            return $"- The participants will join for a dinner after the meeting or seminar. Please make a recommendation for a restaurant at '{this.inputLocation}'.";
+
+        return "- The participants will not join for a dinner after the meeting or seminar.";
+    }
+    
+    private string PromptVirtualMeeting()
+    {
+        if (this.isMeetingVirtual)
+            return "- The meeting or seminar will be held virtually, e.g, a call or webinar. The participants will join online.";
+
+        return "- The meeting or seminar will be held in person.";
+    }
+    
+    private string PromptActiveParticipation()
+    {
+        if (this.activeParticipation)
+            return "- The participants should actively participate in the meeting or seminar. This can be done through discussions, questions, and contributions to the content.";
+
+        return "- The participants do not need to actively participate.";
+    }
+    
+    private string PromptGettingToKnowEachOther()
+    {
+        if (this.introduceParticipants)
+            return "- The participants should introduce themselves to get to know each other. This can be done in a round or in pairs. The moderator should ensure that everyone has the opportunity to speak.";
+
+        return "- The participants do not need to introduce themselves.";
+    }
+
+    private string PromptFoci()
+    {
+        if (this.selectedFoci.Any())
+        {
+            return $"""
+                    
+                    Out of this content, the following points should be focused on:
+                    {this.ConvertItemsToMarkdown(this.selectedFoci)}
+                    """;
+        }
+
+        return string.Empty;
+    }
+    
+    private string PromptBriefly()
+    {
+        if (this.justBriefly.Any())
+        {
+            return $"""
+                    
+                    The following points should be just briefly mentioned:
+                    {this.ConvertItemsToMarkdown(this.justBriefly)}
+                    """;
+        }
+
+        return string.Empty;
+    }
+    
+    private string PromptWhoIsPresenting()
+    {
+        if (!string.IsNullOrWhiteSpace(this.inputWhoIsPresenting))
+        {
+            return $"""
+                    
+                    The following persons will present the content:
+                    {this.inputWhoIsPresenting}
+                    """;
+        }
+
+        return string.Empty;
+    }
+    
+    private string ConvertItemsToMarkdown(IEnumerable<string> items)
+    {
+        var markdown = new StringBuilder();
+        foreach (var item in items)
+            markdown.AppendLine($"- {item}");
+        
+        return markdown.ToString();
+    }
+}

app/MindWork AI Studio/Components/Pages/Agenda/NumberParticipants.cs

@@ -0,0 +1,18 @@
+namespace AIStudio.Components.Pages.Agenda;
+
+public enum NumberParticipants
+{
+    NOT_SPECIFIED,
+    
+    PEER_TO_PEER,          // 2 participants
+    
+    SMALL_GROUP,           // 3   -  5 participants
+    LARGE_GROUP,           // 6   - 12 participants
+    MULTIPLE_SMALL_GROUPS, // 13  - 20 participants
+    MULTIPLE_LARGE_GROUPS, // 21  - 30 participants
+    
+    SYMPOSIUM,             // 31  - 100 participants
+    CONFERENCE,            // 101 - 200 participants
+    CONGRESS,              // 201 - 1000 participants
+    LARGE_EVENT,           // 1000+ participants
+}

app/MindWork AI Studio/Components/Pages/Agenda/NumberParticipantsExtensions.cs

@@ -0,0 +1,24 @@
+namespace AIStudio.Components.Pages.Agenda;
+
+public static class NumberParticipantsExtensions
+{
+    public static string Name(this NumberParticipants numberParticipants) => numberParticipants switch
+    {
+        NumberParticipants.NOT_SPECIFIED => "Please select how many participants are expected",
+        
+        NumberParticipants.PEER_TO_PEER => "2 (peer to peer)",
+        
+        NumberParticipants.SMALL_GROUP => "3 - 5 (small group)",
+        NumberParticipants.LARGE_GROUP => "6 - 12 (large group)",
+        NumberParticipants.MULTIPLE_SMALL_GROUPS => "13 - 20 (multiple small groups)",
+        NumberParticipants.MULTIPLE_LARGE_GROUPS => "21 - 30 (multiple large groups)",
+        
+        NumberParticipants.SYMPOSIUM => "31 - 100 (symposium)",
+        NumberParticipants.CONFERENCE => "101 - 200 (conference)",
+        NumberParticipants.CONGRESS => "201 - 1,000 (congress)",
+        
+        NumberParticipants.LARGE_EVENT => "1,000+ (large event)",
+        
+        _ => "Unknown"
+    };
+}

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

@@ -0,0 +1,34 @@
+@attribute [Route(Path.ASSISTANTS)]
+
+<MudText Typo="Typo.h3" Class="mb-2 mr-3">
+    Assistants
+</MudText>
+
+<InnerScrolling HeaderHeight="6em">
+    
+    <MudText Typo="Typo.h4" Class="mb-2 mr-3">
+        General
+    </MudText>
+    <MudStack Row="@true" Wrap="@Wrap.Wrap" Class="mb-3">
+        <AssistantBlock Name="Text Summarizer" Description="Using a LLM to summarize a given text." Icon="@Icons.Material.Filled.TextSnippet" Link="@Path.ASSISTANT_SUMMARIZER"/>
+        <AssistantBlock Name="Translation" Description="Translate text into another language." Icon="@Icons.Material.Filled.Translate" Link="@Path.ASSISTANT_TRANSLATION"/>
+        <AssistantBlock Name="Grammar & Spelling" Description="Check grammar and spelling of a given text." Icon="@Icons.Material.Filled.Edit" Link="@Path.ASSISTANT_GRAMMAR_SPELLING"/>
+        <AssistantBlock Name="Rewrite & Improve" Description="Rewrite and improve a given text for a chosen style." Icon="@Icons.Material.Filled.Edit" Link="@Path.ASSISTANT_REWRITE"/>
+    </MudStack>
+
+    <MudText Typo="Typo.h4" Class="mb-2 mr-3 mt-6">
+        Business
+    </MudText>
+    <MudStack Row="@true" Wrap="@Wrap.Wrap" Class="mb-3">
+        <AssistantBlock Name="Agenda Planner" Description="Generate an agenda for a given meeting, seminar, etc." Icon="@Icons.Material.Filled.CalendarToday" Link="@Path.ASSISTANT_AGENDA"/>
+        <AssistantBlock Name="Icon Finder" Description="Using a LLM to find an icon for a given context." Icon="@Icons.Material.Filled.FindInPage" Link="@Path.ASSISTANT_ICON_FINDER"/>
+    </MudStack>
+
+    <MudText Typo="Typo.h4" Class="mb-2 mr-3 mt-6">
+        Software Engineering
+    </MudText>
+    <MudStack Row="@true" Wrap="@Wrap.Wrap" Class="mb-3">
+        <AssistantBlock Name="Coding" Description="Get coding and debugging support from a LLM." Icon="@Icons.Material.Filled.Code" Link="@Path.ASSISTANT_CODING"/>
+    </MudStack>
+    
+</InnerScrolling>

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

@@ -0,0 +1,5 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Pages;
+
+public partial class Assistants : ComponentBase;

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

@@ -1,15 +1,21 @@
-@page "/chat"
+@attribute [Route(Path.CHAT)]
 @using AIStudio.Chat
-@using AIStudio.Settings
+@using AIStudio.Settings.DataModel
 
-<MudText Typo="Typo.h3" Class="mb-2">Chats</MudText>
-<MudSelect T="Provider" @bind-Value="@this.selectedProvider" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Apps" Margin="Margin.Dense" Label="Provider" Class="mb-2 rounded-lg" Variant="Variant.Outlined">
-    @foreach (var provider in this.SettingsManager.ConfigurationData.Providers)
+@inherits MSGComponentBase
+
+<MudText Typo="Typo.h3" Class="mb-2 mr-3">
+    @if (this.chatThread is not null && this.chatThread.WorkspaceId != Guid.Empty)
     {
-        <MudSelectItem Value="@provider"/>
+        @($"Chat in Workspace \"{this.currentWorkspaceName}\"")
     }
-</MudSelect>
+    else
+    {
+        @("Temporary Chat")
+    }
+</MudText>
 
+<ProviderSelection @bind-ProviderSettings="@this.providerSettings"/>
 <InnerScrolling HeaderHeight="12.3em">
     <ChildContent>
         @if (this.chatThread is not null)
@@ -24,5 +30,64 @@
         <MudPaper Style="flex: 0 0 auto;">
             <MudTextField T="string" @ref="@this.inputField" @bind-Text="@this.userInput" Variant="Variant.Outlined" AutoGrow="@true" Lines="3" MaxLines="12" Label="@this.InputLabel" Placeholder="@this.ProviderPlaceholder" Adornment="Adornment.End" AdornmentIcon="@Icons.Material.Filled.Send" OnAdornmentClick="() => this.SendMessage()" ReadOnly="!this.IsProviderSelected || this.isStreaming" Immediate="@true" OnKeyUp="this.InputKeyEvent" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
         </MudPaper>
+        <MudPaper Class="mt-1" Outlined="@true">
+            <MudToolBar WrapContent="true">
+                @if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is not WorkspaceStorageBehavior.DISABLE_WORKSPACES)
+                {
+                    <MudTooltip Text="Your workspaces" Placement="@TOOLBAR_TOOLTIP_PLACEMENT">
+                        <MudIconButton Icon="@Icons.Material.Filled.SnippetFolder" OnClick="() => this.ToggleWorkspaces()"/>
+                    </MudTooltip>
+                }
+
+                @if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_MANUALLY)
+                {
+                    <MudTooltip Text="Save chat" Placement="@TOOLBAR_TOOLTIP_PLACEMENT">
+                        <MudIconButton Icon="@Icons.Material.Filled.Save" OnClick="() => this.SaveThread()" Disabled="@(!this.CanThreadBeSaved)"/>
+                    </MudTooltip>
+                }
+
+                <MudTooltip Text="Start temporary chat" Placement="@TOOLBAR_TOOLTIP_PLACEMENT">
+                    <MudIconButton Icon="@Icons.Material.Filled.AddComment" OnClick="() => this.StartNewChat(useSameWorkspace: false)"/>
+                </MudTooltip>
+
+                @if (!string.IsNullOrWhiteSpace(this.currentWorkspaceName))
+                {
+                    <MudTooltip Text="@this.TooltipAddChatToWorkspace" Placement="@TOOLBAR_TOOLTIP_PLACEMENT">
+                        <MudIconButton Icon="@Icons.Material.Filled.CommentBank" OnClick="() => this.StartNewChat(useSameWorkspace: true)"/>
+                    </MudTooltip>
+                }
+                
+                @if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_AUTOMATICALLY)
+                {
+                    <MudTooltip Text="Delete this chat & start a new one" Placement="@TOOLBAR_TOOLTIP_PLACEMENT">
+                        <MudIconButton Icon="@Icons.Material.Filled.Refresh" OnClick="() => this.StartNewChat(useSameWorkspace: true, deletePreviousChat: true)" Disabled="@(!this.CanThreadBeSaved)"/>
+                    </MudTooltip>
+                }
+
+                @if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is not WorkspaceStorageBehavior.DISABLE_WORKSPACES)
+                {
+                    <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>
+                }
+            </MudToolBar>
+        </MudPaper>
     </FooterContent>
-</InnerScrolling>
+</InnerScrolling>
+
+@if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior != WorkspaceStorageBehavior.DISABLE_WORKSPACES)
+{
+    <MudDrawer @bind-Open="@this.workspacesVisible" Width="40em" Height="100%" Anchor="Anchor.Start" Variant="DrawerVariant.Temporary" Elevation="1">
+        <MudDrawerHeader>
+            <MudStack Row="@true" AlignItems="AlignItems.Center">
+                <MudText Typo="Typo.h6" Class="mr-3">
+                    Your workspaces
+                </MudText>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Variant="Variant.Filled" Color="Color.Default" Size="Size.Small" OnClick="() => this.ToggleWorkspaces()"/>
+            </MudStack>
+        </MudDrawerHeader>
+        <MudDrawerContainer Class="ml-6">
+            <Workspaces @ref="this.workspaces" @bind-CurrentChatThread="@this.chatThread" LoadedChatWasChanged="this.LoadedChatChanged"/>
+        </MudDrawerContainer>
+    </MudDrawer>
+}

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

@@ -1,16 +1,22 @@
 using AIStudio.Chat;
+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;
 using Microsoft.AspNetCore.Components.Web;
 
+using DialogOptions = AIStudio.Components.CommonDialogs.DialogOptions;
+
 namespace AIStudio.Components.Pages;
 
 /// <summary>
 /// The chat page.
 /// </summary>
-public partial class Chat : ComponentBase
+public partial class Chat : MSGComponentBase, IAsyncDisposable
 {
     [Inject]
     private SettingsManager SettingsManager { get; set; } = null!;
@@ -19,14 +25,23 @@ public partial class Chat : ComponentBase
     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!;
 
+    private const Placement TOOLBAR_TOOLTIP_PLACEMENT = Placement.Bottom;
     private static readonly Dictionary<string, object?> USER_INPUT_ATTRIBUTES = new();
     
-    private AIStudio.Settings.Provider selectedProvider;
+    private AIStudio.Settings.Provider providerSettings;
     private ChatThread? chatThread;
+    private bool hasUnsavedChanges;
     private bool isStreaming;
     private string userInput = string.Empty;
+    private string currentWorkspaceName = string.Empty;
+    private Guid currentWorkspaceId = Guid.Empty;
+    private bool workspacesVisible;
+    private Workspaces? workspaces;
     
     // Unfortunately, we need the input field reference to clear it after sending a message.
     // This is necessary because we have to handle the key events ourselves. Otherwise,
@@ -37,44 +52,81 @@ public partial class Chat : ComponentBase
 
     protected override async Task OnInitializedAsync()
     {
+        this.ApplyFilters([], [ Event.HAS_CHAT_UNSAVED_CHANGES, Event.RESET_CHAT_STATE ]);
+        
         // Configure the spellchecking for the user input:
         this.SettingsManager.InjectSpellchecking(USER_INPUT_ATTRIBUTES);
+
+        if (this.SettingsManager.ConfigurationData.Chat.PreselectOptions)
+        {
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.Chat.PreselectedProvider);
+        }
         
-        // For now, we just create a new chat thread.
-        // Later we want the chats to be persisted
-        // across page loads and organize them in
-        // a chat history & workspaces.
-        this.chatThread = new("Thread 1", this.RNG.Next(), "You are a helpful assistant!", []);
         await base.OnInitializedAsync();
     }
 
     #endregion
 
-    private bool IsProviderSelected => this.selectedProvider.UsedProvider != Providers.NONE;
+    private bool IsProviderSelected => this.providerSettings.UsedProvider != Providers.NONE;
     
     private string ProviderPlaceholder => this.IsProviderSelected ? "Type your input here..." : "Select a provider first";
 
-    private string InputLabel => this.IsProviderSelected ? $"Your Prompt (use selected instance '{this.selectedProvider.InstanceName}', provider '{this.selectedProvider.UsedProvider.ToName()}')" : "Select a provider first";
+    private string InputLabel => this.IsProviderSelected ? $"Your Prompt (use selected instance '{this.providerSettings.InstanceName}', provider '{this.providerSettings.UsedProvider.ToName()}')" : "Select a provider first";
+    
+    private bool CanThreadBeSaved => this.chatThread is not null && this.chatThread.Blocks.Count > 0;
+
+    private string TooltipAddChatToWorkspace => $"Start new chat in workspace \"{this.currentWorkspaceName}\"";
     
     private async Task SendMessage()
     {
         if (!this.IsProviderSelected)
             return;
         
+        // Create a new chat thread if necessary:
+        var threadName = this.ExtractThreadName(this.userInput);
+
+        if (this.chatThread is null)
+        {
+            this.chatThread = new()
+            {
+                WorkspaceId = this.currentWorkspaceId,
+                ChatId = Guid.NewGuid(),
+                Name = threadName,
+                Seed = this.RNG.Next(),
+                SystemPrompt = "You are a helpful assistant!",
+                Blocks = [],
+            };
+        }
+        else
+        {
+            // Set the thread name if it is empty:
+            if (string.IsNullOrWhiteSpace(this.chatThread.Name))
+                this.chatThread.Name = threadName;
+        }
+        
         //
         // Add the user message to the thread:
         //
         var time = DateTimeOffset.Now;
-        this.chatThread?.Blocks.Add(new ContentBlock(time, ContentType.TEXT, new ContentText
+        this.chatThread?.Blocks.Add(new ContentBlock
         {
-            // Text content properties:
-            Text = this.userInput,
-        })
-        {
-            // Content block properties:
+            Time = time,
+            ContentType = ContentType.TEXT,
             Role = ChatRole.USER,
+            Content = new ContentText
+            {
+                Text = this.userInput,
+            },
         });
 
+        // Save the chat:
+        if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_AUTOMATICALLY)
+        {
+            await this.SaveThread();
+            this.hasUnsavedChanges = false;
+            this.StateHasChanged();
+        }
+
         //
         // Add the AI response to the thread:
         //
@@ -85,9 +137,12 @@ public partial class Chat : ComponentBase
             InitialRemoteWait = true,
         };
         
-        this.chatThread?.Blocks.Add(new ContentBlock(time, ContentType.TEXT, aiText)
+        this.chatThread?.Blocks.Add(new ContentBlock
         {
+            Time = time,
+            ContentType = ContentType.TEXT,
             Role = ChatRole.AI,
+            Content = aiText,
         });
         
         // Clear the input field:
@@ -96,13 +151,21 @@ public partial class Chat : ComponentBase
         
         // Enable the stream state for the chat component:
         this.isStreaming = true;
+        this.hasUnsavedChanges = true;
         this.StateHasChanged();
         
         // 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(this.selectedProvider.UsedProvider.CreateProvider(this.selectedProvider.InstanceName), this.JsRuntime, this.SettingsManager, this.selectedProvider.Model, this.chatThread);
+        await aiText.CreateFromProviderAsync(this.providerSettings.CreateProvider(), this.JsRuntime, this.SettingsManager, this.providerSettings.Model, this.chatThread);
         
+        // Save the chat:
+        if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_AUTOMATICALLY)
+        {
+            await this.SaveThread();
+            this.hasUnsavedChanges = false;
+        }
+
         // Disable the stream state:
         this.isStreaming = false;
         this.StateHasChanged();
@@ -110,6 +173,7 @@ public partial class Chat : ComponentBase
 
     private async Task InputKeyEvent(KeyboardEventArgs keyEvent)
     {
+        this.hasUnsavedChanges = true;
         var key = keyEvent.Code.ToLowerInvariant();
         
         // Was the enter key (either enter or numpad enter) pressed?
@@ -119,7 +183,7 @@ public partial class Chat : ComponentBase
         var isModifier = keyEvent.AltKey || keyEvent.CtrlKey || keyEvent.MetaKey || keyEvent.ShiftKey;
         
         // Depending on the user's settings, might react to shortcuts:
-        switch (this.SettingsManager.ConfigurationData.ShortcutSendBehavior)
+        switch (this.SettingsManager.ConfigurationData.Chat.ShortcutSendBehavior)
         {
             case SendBehavior.ENTER_IS_SENDING:
                 if (!isModifier && isEnter)
@@ -132,4 +196,216 @@ public partial class Chat : ComponentBase
                 break;
         }
     }
+    
+    private void ToggleWorkspaces()
+    {
+        this.workspacesVisible = !this.workspacesVisible;
+    }
+    
+    private async Task SaveThread()
+    {
+        if(this.workspaces is null)
+            return;
+        
+        if(this.chatThread is null)
+            return;
+        
+        if (!this.CanThreadBeSaved)
+            return;
+        
+        await this.workspaces.StoreChat(this.chatThread);
+        this.hasUnsavedChanges = false;
+    }
+    
+    private string ExtractThreadName(string firstUserInput)
+    {
+        // We select the first 10 words of the user input:
+        var words = firstUserInput.Split(' ', StringSplitOptions.RemoveEmptyEntries);
+        var threadName = string.Join(' ', words.Take(10));
+        
+        // If the thread name is empty, we use a default name:
+        if (string.IsNullOrWhiteSpace(threadName))
+            threadName = "Thread";
+        
+        return threadName;
+    }
+
+    private async Task StartNewChat(bool useSameWorkspace = false, bool deletePreviousChat = false)
+    {
+        if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_MANUALLY && this.hasUnsavedChanges)
+        {
+            var dialogParameters = new DialogParameters
+            {
+                { "Message", "Are you sure you want to start a new chat? All unsaved changes will be lost." },
+            };
+        
+            var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Delete Chat", dialogParameters, DialogOptions.FULLSCREEN);
+            var dialogResult = await dialogReference.Result;
+            if (dialogResult is null || dialogResult.Canceled)
+                return;
+        }
+
+        if (this.chatThread is not null && this.workspaces is not null && deletePreviousChat)
+        {
+            string chatPath;
+            if (this.chatThread.WorkspaceId == Guid.Empty)
+            {
+                chatPath = System.IO.Path.Join(SettingsManager.DataDirectory, "tempChats", this.chatThread.ChatId.ToString());
+            }
+            else
+            {
+                chatPath = System.IO.Path.Join(SettingsManager.DataDirectory, "workspaces", this.chatThread.WorkspaceId.ToString(), this.chatThread.ChatId.ToString());
+            }
+            
+            await this.workspaces.DeleteChat(chatPath, askForConfirmation: false, unloadChat: true);
+        }
+
+        this.isStreaming = false;
+        this.hasUnsavedChanges = false;
+        this.userInput = string.Empty;
+
+        if (!useSameWorkspace)
+        {
+            this.chatThread = null;
+            this.currentWorkspaceId = Guid.Empty;
+            this.currentWorkspaceName = string.Empty;
+        }
+        else
+        {
+            this.chatThread = new()
+            {
+                WorkspaceId = this.currentWorkspaceId,
+                ChatId = Guid.NewGuid(),
+                Name = string.Empty,
+                Seed = this.RNG.Next(),
+                SystemPrompt = "You are a helpful assistant!",
+                Blocks = [],
+            };
+        }
+
+        await this.inputField.Clear();
+    }
+
+    private async Task MoveChatToWorkspace()
+    {
+        if(this.chatThread is null)
+            return;
+        
+        if(this.workspaces is null)
+            return;
+        
+        if (this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_MANUALLY && this.hasUnsavedChanges)
+        {
+            var confirmationDialogParameters = new DialogParameters
+            {
+                { "Message", "Are you sure you want to move this chat? All unsaved changes will be lost." },
+            };
+        
+            var confirmationDialogReference = await this.DialogService.ShowAsync<ConfirmDialog>("Unsaved Changes", confirmationDialogParameters, DialogOptions.FULLSCREEN);
+            var confirmationDialogResult = await confirmationDialogReference.Result;
+            if (confirmationDialogResult is null || confirmationDialogResult.Canceled)
+                return;
+        }
+        
+        var dialogParameters = new DialogParameters
+        {
+            { "Message", "Please select the workspace where you want to move the chat to." },
+            { "SelectedWorkspace", this.chatThread?.WorkspaceId },
+            { "ConfirmText", "Move chat" },
+        };
+        
+        var dialogReference = await this.DialogService.ShowAsync<WorkspaceSelectionDialog>("Move Chat to Workspace", dialogParameters, DialogOptions.FULLSCREEN);
+        var dialogResult = await dialogReference.Result;
+        if (dialogResult is null || dialogResult.Canceled)
+            return;
+        
+        var workspaceId = dialogResult.Data is Guid id ? id : default;
+        if (workspaceId == Guid.Empty)
+            return;
+        
+        // Delete the chat from the current workspace or the temporary storage:
+        if (this.chatThread!.WorkspaceId == Guid.Empty)
+        {
+            // Case: The chat is stored in the temporary storage:
+            await this.workspaces.DeleteChat(System.IO.Path.Join(SettingsManager.DataDirectory, "tempChats", this.chatThread.ChatId.ToString()), askForConfirmation: false, unloadChat: false);
+        }
+        else
+        {
+            // Case: The chat is stored in a workspace.
+            await this.workspaces.DeleteChat(System.IO.Path.Join(SettingsManager.DataDirectory, "workspaces", this.chatThread.WorkspaceId.ToString(), this.chatThread.ChatId.ToString()), askForConfirmation: false, unloadChat: false);
+        }
+        
+        this.chatThread!.WorkspaceId = workspaceId;
+        await this.SaveThread();
+        
+        this.currentWorkspaceId = this.chatThread.WorkspaceId;
+        this.currentWorkspaceName = await this.workspaces.LoadWorkspaceName(this.chatThread.WorkspaceId);
+    }
+
+    private async Task LoadedChatChanged()
+    {
+        if(this.workspaces is null)
+            return;
+        
+        this.isStreaming = false;
+        this.hasUnsavedChanges = false;
+        this.userInput = string.Empty;
+        this.currentWorkspaceId = this.chatThread?.WorkspaceId ?? Guid.Empty;
+        this.currentWorkspaceName = this.chatThread is null ? string.Empty : await this.workspaces.LoadWorkspaceName(this.chatThread.WorkspaceId);
+        
+        await this.inputField.Clear();
+    }
+
+    private void ResetState()
+    {
+        this.isStreaming = false;
+        this.hasUnsavedChanges = false;
+        this.userInput = string.Empty;
+        this.currentWorkspaceId = Guid.Empty;
+        this.currentWorkspaceName = string.Empty;
+        this.chatThread = null;
+    }
+
+    #region Overrides of MSGComponentBase
+
+    public override Task ProcessMessage<T>(ComponentBase? sendingComponent, Event triggeredEvent, T? data) where T : default
+    {
+        switch (triggeredEvent)
+        {
+            case Event.RESET_CHAT_STATE:
+                this.ResetState();
+                break;
+        }
+        
+        return Task.CompletedTask;
+    }
+
+    public override Task<TResult?> ProcessMessageWithResult<TPayload, TResult>(ComponentBase? sendingComponent, Event triggeredEvent, TPayload? data) where TResult : default where TPayload : default
+    {
+        switch (triggeredEvent)
+        {
+            case Event.HAS_CHAT_UNSAVED_CHANGES:
+                if(this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_AUTOMATICALLY)
+                    return Task.FromResult((TResult?) (object) false);
+                
+                return Task.FromResult((TResult?)(object)this.hasUnsavedChanges);
+        }
+        
+        return Task.FromResult(default(TResult));
+    }
+
+    #endregion
+
+    #region Implementation of IAsyncDisposable
+
+    public async ValueTask DisposeAsync()
+    {
+        if(this.SettingsManager.ConfigurationData.Workspace.StorageBehavior is WorkspaceStorageBehavior.STORE_CHATS_AUTOMATICALLY)
+        {
+            await this.SaveThread();
+            this.hasUnsavedChanges = false;
+        }
+    }
+
+    #endregion
 }

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

@@ -0,0 +1,30 @@
+@attribute [Route(Path.ASSISTANT_CODING)]
+@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">
+    <MudTextSwitch Label="Do you want to provide compiler messages?" @bind-Value="@this.provideCompilerMessages" LabelOn="Yes, provide compiler messages" LabelOff="No, there are no compiler messages" />
+    @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"/>
+<ProviderSelection @bind-ProviderSettings="@this.providerSettings" ValidateProvider="@this.ValidatingProvider"/>
+
+<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,137 @@
+using System.Text;
+
+using AIStudio.Tools;
+
+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!
+        """;
+    
+    protected override IReadOnlyList<IButtonData> FooterButtons =>
+    [
+        new SendToButton
+        {
+            Self = SendToAssistant.CODING_ASSISTANT,
+        },
+    ];
+    
+    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.Coding.PreselectOptions)
+        {
+            this.provideCompilerMessages = this.SettingsManager.ConfigurationData.Coding.PreselectCompilerMessages;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.Coding.PreselectedProvider);
+        }
+        
+        var deferredContent = MessageBus.INSTANCE.CheckDeferredMessages<string>(Event.SEND_TO_CODING_ASSISTANT).FirstOrDefault();
+        if (deferredContent is not null)
+            this.questions = deferredContent;
+        
+        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.Coding.PreselectOptions ? this.SettingsManager.ConfigurationData.Coding.PreselectedProgrammingLanguage : default,
+            OtherLanguage = this.SettingsManager.ConfigurationData.Coding.PreselectOptions ? this.SettingsManager.ConfigurationData.Coding.PreselectedOtherProgrammingLanguage : 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/GrammarSpelling/AssistantGrammarSpelling.razor

@@ -0,0 +1,11 @@
+@using AIStudio.Tools
+@attribute [Route(Path.ASSISTANT_GRAMMAR_SPELLING)]
+@inherits AssistantBaseCore
+
+<MudTextField T="string" @bind-Text="@this.inputText" Validation="@this.ValidateText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input to check" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+<EnumSelection T="CommonLanguages" NameFunc="@(language => language.NameSelectingOptional())" @bind-Value="@this.selectedTargetLanguage" Icon="@Icons.Material.Filled.Translate" Label="Language" AllowOther="@true" OtherValue="CommonLanguages.OTHER" @bind-OtherInput="@this.customTargetLanguage" ValidateOther="@this.ValidateCustomLanguage" LabelOther="Custom language" />
+<ProviderSelection @bind-ProviderSettings="@this.providerSettings" ValidateProvider="@this.ValidatingProvider"/>
+
+<MudButton Variant="Variant.Filled" Class="mb-3" OnClick="() => this.ProofreadText()">
+    Proofread
+</MudButton>

app/MindWork AI Studio/Components/Pages/GrammarSpelling/AssistantGrammarSpelling.razor.cs

@@ -0,0 +1,108 @@
+using AIStudio.Tools;
+
+namespace AIStudio.Components.Pages.GrammarSpelling;
+
+public partial class AssistantGrammarSpelling : AssistantBaseCore
+{
+    protected override string Title => "Grammar & Spelling Checker";
+    
+    protected override string Description =>
+        """
+        Check the grammar and spelling of a text.
+        """;
+    
+    protected override string SystemPrompt => 
+        $"""
+        You are an expert in languages and their rules. For example, you know how US and UK English or German in
+        Germany and German in Austria differ. You receive text as input. You check the spelling and grammar of
+        this text according to the rules of {this.SystemPromptLanguage()}. You never add information. You
+        never ask the user for additional information. You do not attempt to improve the wording of the text.
+        Your response includes only the corrected text. Do not explain your changes. If no changes are needed,
+        you return the text unchanged.
+        """;
+
+    protected override bool ShowResult => false;
+    
+    protected override bool ShowDedicatedProgress => true;
+    
+    protected override IReadOnlyList<IButtonData> FooterButtons =>
+    [
+        new ButtonData("Copy result", Icons.Material.Filled.ContentCopy, Color.Default, string.Empty, () => this.CopyToClipboard(this.correctedText)),
+        new SendToButton
+        {
+            Self = SendToAssistant.GRAMMAR_SPELLING_ASSISTANT,
+            UseResultingContentBlockData = false,
+            GetData = () => string.IsNullOrWhiteSpace(this.correctedText) ? this.inputText : this.correctedText
+        },
+    ];
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (this.SettingsManager.ConfigurationData.GrammarSpelling.PreselectOptions)
+        {
+            this.selectedTargetLanguage = this.SettingsManager.ConfigurationData.GrammarSpelling.PreselectedTargetLanguage;
+            this.customTargetLanguage = this.SettingsManager.ConfigurationData.GrammarSpelling.PreselectedOtherLanguage;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.GrammarSpelling.PreselectedProvider);
+        }
+        
+        var deferredContent = MessageBus.INSTANCE.CheckDeferredMessages<string>(Event.SEND_TO_GRAMMAR_SPELLING_ASSISTANT).FirstOrDefault();
+        if (deferredContent is not null)
+            this.inputText = deferredContent;
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private string inputText = string.Empty;
+    private CommonLanguages selectedTargetLanguage;
+    private string customTargetLanguage = string.Empty;
+    private string correctedText = string.Empty;
+
+    private string? ValidateText(string text)
+    {
+        if(string.IsNullOrWhiteSpace(text))
+            return "Please provide a text as input. You might copy the desired text from a document or a website.";
+        
+        return null;
+    }
+    
+    private string? ValidateCustomLanguage(string language)
+    {
+        if(this.selectedTargetLanguage == CommonLanguages.OTHER && string.IsNullOrWhiteSpace(language))
+            return "Please provide a custom language.";
+        
+        return null;
+    }
+    
+    private string SystemPromptLanguage()
+    {
+        var lang = this.selectedTargetLanguage switch
+        {
+            CommonLanguages.AS_IS => "the source language",
+            CommonLanguages.OTHER => this.customTargetLanguage,
+            
+            _ => $"{this.selectedTargetLanguage.Name()}",
+        };
+
+        if (string.IsNullOrWhiteSpace(lang))
+            return "the source language";
+
+        return lang;
+    }
+
+    private async Task ProofreadText()
+    {
+        await this.form!.Validate();
+        if (!this.inputIsValid)
+            return;
+        
+        this.CreateChatThread();
+        var time = this.AddUserRequest(this.inputText);
+        
+        this.correctedText = await this.AddAIResponseAsync(time);
+        await this.JsRuntime.GenerateAndShowDiff(this.inputText, this.correctedText);
+    }
+}

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

@@ -1,4 +1,4 @@
-@page "/"
+@attribute [Route(Path.HOME)]
 @using AIStudio.Tools
 
 <MudImage Src="svg/banner.svg" />

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", "Users are not tied to any single provider. The initial version supports OpenAI models (like GPT-4o, GPT-4, GPT-4 Turbo, etc.). Future versions will support other providers such as Mistral or Google Gemini."),
+        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

@@ -0,0 +1,22 @@
+@attribute [Route(Path.ASSISTANT_ICON_FINDER)]
+@inherits AssistantBaseCore
+
+<MudTextField T="string" @bind-Text="@this.inputContext" Validation="@this.ValidatingContext" AdornmentIcon="@Icons.Material.Filled.Description" Adornment="Adornment.Start" Label="Your context" Variant="Variant.Outlined" Lines="3" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+
+<MudStack Row="@true" AlignItems="AlignItems.Center" Class="mb-3">
+    <MudSelect T="IconSources" @bind-Value="@this.selectedIconSource" AdornmentIcon="@Icons.Material.Filled.Source" Adornment="Adornment.Start" Label="Your icon source" Variant="Variant.Outlined" Margin="Margin.Dense">
+        @foreach (var source in Enum.GetValues<IconSources>())
+        {
+            <MudSelectItem Value="@source">@source.Name()</MudSelectItem>
+        }
+    </MudSelect>
+    @if (this.selectedIconSource is not IconSources.GENERIC)
+    {
+        <MudButton Href="@this.selectedIconSource.URL()" Target="_blank" Variant="Variant.Filled" Size="Size.Medium">Open website</MudButton>
+    }
+</MudStack>
+<ProviderSelection @bind-ProviderSettings="@this.providerSettings" ValidateProvider="@this.ValidatingProvider"/>
+
+<MudButton Variant="Variant.Filled" Class="mb-3" OnClick="() => this.FindIcon()">
+    Find icon
+</MudButton>

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

@@ -0,0 +1,84 @@
+using AIStudio.Tools;
+
+namespace AIStudio.Components.Pages.IconFinder;
+
+public partial class AssistantIconFinder : AssistantBaseCore
+{
+    private string inputContext = string.Empty;
+    private IconSources selectedIconSource;
+
+    protected override string Title => "Icon Finder";
+    
+    protected override string Description =>
+        """
+        Finding the right icon for a context, such as for a piece of text, is not easy. The first challenge:
+        You need to extract a concept from your context, such as from a text. Let's take an example where
+        your text contains statements about multiple departments. The sought-after concept could be "departments."
+        The next challenge is that we need to anticipate the bias of the icon designers: under the search term
+        "departments," there may be no relevant icons or only unsuitable ones. Depending on the icon source,
+        it might be more effective to search for "buildings," for instance. LLMs assist you with both steps.
+        """;
+    
+    protected override string SystemPrompt => 
+        """
+        I can search for icons using US English keywords. Please help me come up with the right search queries.
+        I don't want you to translate my requests word-for-word into US English. Instead, you should provide keywords
+        that are likely to yield suitable icons. For example, I might ask for an icon about departments, but icons
+        related to the keyword "buildings" might be the best match. Provide your keywords in a Markdown list without
+        quotation marks.
+        """;
+
+    protected override IReadOnlyList<IButtonData> FooterButtons =>
+    [
+        new SendToButton
+        {
+            Self = SendToAssistant.ICON_FINDER_ASSISTANT,
+        },
+    ];
+    
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (this.SettingsManager.ConfigurationData.IconFinder.PreselectOptions)
+        {
+            this.selectedIconSource = this.SettingsManager.ConfigurationData.IconFinder.PreselectedSource;
+            this.providerSettings = this.SettingsManager.ConfigurationData.Providers.FirstOrDefault(x => x.Id == this.SettingsManager.ConfigurationData.IconFinder.PreselectedProvider);
+        }
+
+        var deferredContent = MessageBus.INSTANCE.CheckDeferredMessages<string>(Event.SEND_TO_ICON_FINDER_ASSISTANT).FirstOrDefault();
+        if (deferredContent is not null)
+            this.inputContext = deferredContent;
+        
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private string? ValidatingContext(string context)
+    {
+        if(string.IsNullOrWhiteSpace(context))
+            return "Please provide a context. This will help the AI to find the right icon. You might type just a keyword or copy a sentence from your text, e.g., from a slide where you want to use the icon.";
+        
+        return null;
+    }
+
+    private async Task FindIcon()
+    {
+        await this.form!.Validate();
+        if (!this.inputIsValid)
+            return;
+        
+        this.CreateChatThread();
+        var time = this.AddUserRequest(
+        $"""
+            {this.selectedIconSource.Prompt()} I search for an icon for the following context:
+            
+            ```
+            {this.inputContext}
+            ```
+         """);
+
+        await this.AddAIResponseAsync(time);
+    }
+}

app/MindWork AI Studio/Components/Pages/IconFinder/IconSourceExtensions.cs

@@ -0,0 +1,40 @@
+namespace AIStudio.Components.Pages.IconFinder;
+
+public static class IconSourceExtensions
+{
+    public static string Name(this IconSources iconSource) => iconSource switch
+    {
+        IconSources.FLAT_ICON => "Flaticon",
+        IconSources.FONT_AWESOME => "Font Awesome",
+        IconSources.MATERIAL_ICONS => "Material Icons",
+        IconSources.FEATHER_ICONS => "Feather Icons",
+        IconSources.BOOTSTRAP_ICONS => "Bootstrap Icons",
+        IconSources.ICONS8 => "Icons8",
+            
+        _ => "Generic",
+    };
+    
+    public static string Prompt(this IconSources iconSource) => iconSource switch
+    {
+        IconSources.FLAT_ICON => "My icon source is Flaticon.",
+        IconSources.FONT_AWESOME => "I look for an icon on Font Awesome. Please provide just valid icon names. Valid icon names are using the format `fa-icon-name`.",
+        IconSources.MATERIAL_ICONS => "I look for a Material icon. Please provide just valid icon names. Valid icon names are using the format `IconName`.",
+        IconSources.FEATHER_ICONS => "My icon source is Feather Icons. Please provide just valid icon names. Valid icon names usiing the format `icon-name`.",
+        IconSources.BOOTSTRAP_ICONS => "I look for an icon for Bootstrap. Please provide just valid icon names. Valid icon names are using the format `bi-icon-name`.",
+        IconSources.ICONS8 => "I look for an icon on Icons8.",
+            
+        _ => string.Empty,
+    };
+
+    public static string URL(this IconSources iconSource) => iconSource switch
+    {
+        IconSources.FLAT_ICON => "https://www.flaticon.com/",
+        IconSources.FONT_AWESOME => "https://fontawesome.com/",
+        IconSources.MATERIAL_ICONS => "https://material.io/resources/icons/",
+        IconSources.FEATHER_ICONS => "https://feathericons.com/",
+        IconSources.BOOTSTRAP_ICONS => "https://icons.getbootstrap.com/",
+        IconSources.ICONS8 => "https://icons8.com/",
+            
+        _ => string.Empty,
+    };
+}

app/MindWork AI Studio/Components/Pages/IconFinder/IconSources.cs

@@ -0,0 +1,13 @@
+namespace AIStudio.Components.Pages.IconFinder;
+
+public enum IconSources
+{
+    GENERIC,
+        
+    ICONS8,
+    FLAT_ICON,
+    FONT_AWESOME,
+    MATERIAL_ICONS,
+    FEATHER_ICONS,
+    BOOTSTRAP_ICONS,
+}

app/MindWork AI Studio/Components/Pages/Path.cs

@@ -0,0 +1,19 @@
+namespace AIStudio.Components.Pages;
+
+public static class Path
+{
+    public const string HOME = "/";
+    public const string CHAT = "/chat";
+    public const string ABOUT = "/about";
+    public const string ASSISTANTS = "/assistants";
+    public const string SETTINGS = "/settings";
+    public const string SUPPORTERS = "/supporters";
+    
+    public const string ASSISTANT_TRANSLATION = "/assistant/translation";
+    public const string ASSISTANT_REWRITE = "/assistant/rewrite-improve";
+    public const string ASSISTANT_ICON_FINDER = "/assistant/icons";
+    public const string ASSISTANT_GRAMMAR_SPELLING = "/assistant/grammar-spelling";
+    public const string ASSISTANT_SUMMARIZER = "/assistant/summarizer";
+    public const string ASSISTANT_CODING = "/assistant/coding";
+    public const string ASSISTANT_AGENDA = "/assistant/agenda";
+}