diff --git a/app/MindWork AI Studio/Components/App.razor b/app/MindWork AI Studio/Components/App.razor
index 152203c..b173c9a 100644
--- a/app/MindWork AI Studio/Components/App.razor
+++ b/app/MindWork AI Studio/Components/App.razor
@@ -13,6 +13,7 @@
+
diff --git a/app/MindWork AI Studio/Components/AssistantBase.razor b/app/MindWork AI Studio/Components/AssistantBase.razor
index 0a8c0c2..61bf2ce 100644
--- a/app/MindWork AI Studio/Components/AssistantBase.razor
+++ b/app/MindWork AI Studio/Components/AssistantBase.razor
@@ -16,10 +16,44 @@
}
-
- @if (this.resultingContentBlock is not null)
+
+ @if (this.isProcessing)
{
-
+
+ }
+
+ @if (this.ShowResult && this.resultingContentBlock is not null)
+ {
+
+ }
+
+
+
+
+
+ @if (this.FooterButtons.Count > 0)
+ {
+
+ @foreach (var buttonData in this.FooterButtons)
+ {
+ switch (buttonData)
+ {
+ case var _ when !string.IsNullOrWhiteSpace(buttonData.Tooltip):
+
+
+ @buttonData.Text
+
+
+ break;
+
+ default:
+
+ @buttonData.Text
+
+ break;
+ }
+ }
+
}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/AssistantBase.razor.cs b/app/MindWork AI Studio/Components/AssistantBase.razor.cs
index 5ef9e70..5e3154f 100644
--- a/app/MindWork AI Studio/Components/AssistantBase.razor.cs
+++ b/app/MindWork AI Studio/Components/AssistantBase.razor.cs
@@ -18,6 +18,15 @@ public abstract partial class AssistantBase : ComponentBase
[Inject]
protected ThreadSafeRandom RNG { get; init; } = null!;
+ [Inject]
+ protected ISnackbar Snackbar { get; init; } = null!;
+
+ [Inject]
+ protected Rust Rust { 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; }
@@ -26,6 +35,10 @@ public abstract partial class AssistantBase : ComponentBase
private protected virtual RenderFragment? Body => null;
+ protected virtual bool ShowResult => true;
+
+ protected virtual IReadOnlyList FooterButtons => [];
+
protected static readonly Dictionary USER_INPUT_ATTRIBUTES = new();
protected AIStudio.Settings.Provider providerSettings;
@@ -35,6 +48,7 @@ public abstract partial class AssistantBase : ComponentBase
private ChatThread? chatThread;
private ContentBlock? resultingContentBlock;
private string[] inputIssues = [];
+ private bool isProcessing;
#region Overrides of ComponentBase
@@ -96,7 +110,7 @@ public abstract partial class AssistantBase : ComponentBase
return time;
}
- protected async Task AddAIResponseAsync(DateTimeOffset time)
+ protected async Task AddAIResponseAsync(DateTimeOffset time)
{
var aiText = new ContentText
{
@@ -114,10 +128,26 @@ public abstract partial class AssistantBase : ComponentBase
};
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;
+ }
+
+ private static string? GetButtonIcon(string icon)
+ {
+ if(string.IsNullOrWhiteSpace(icon))
+ return null;
+
+ return icon;
}
}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/AssistantBaseCore.cs b/app/MindWork AI Studio/Components/AssistantBaseCore.cs
index 5508b14..d6fe7f7 100644
--- a/app/MindWork AI Studio/Components/AssistantBaseCore.cs
+++ b/app/MindWork AI Studio/Components/AssistantBaseCore.cs
@@ -4,7 +4,7 @@ using Microsoft.AspNetCore.Components.Rendering;
namespace AIStudio.Components;
//
-// See https://stackoverflow.com/a/77300384/2258393 for why this class is needed
+// See https://stackoverflow.com/a/77300384/2258393 for why this class is necessary
//
public abstract class AssistantBaseCore : AssistantBase
diff --git a/app/MindWork AI Studio/Components/Pages/About.razor b/app/MindWork AI Studio/Components/Pages/About.razor
index 0f29700..02f6ab7 100644
--- a/app/MindWork AI Studio/Components/Pages/About.razor
+++ b/app/MindWork AI Studio/Components/Pages/About.razor
@@ -49,6 +49,7 @@
+
diff --git a/app/MindWork AI Studio/Components/Pages/Assistants.razor b/app/MindWork AI Studio/Components/Pages/Assistants.razor
index 97ad484..8565631 100644
--- a/app/MindWork AI Studio/Components/Pages/Assistants.razor
+++ b/app/MindWork AI Studio/Components/Pages/Assistants.razor
@@ -12,6 +12,7 @@
+
diff --git a/app/MindWork AI Studio/Components/Pages/GrammarSpelling/AssistantGrammarSpelling.razor b/app/MindWork AI Studio/Components/Pages/GrammarSpelling/AssistantGrammarSpelling.razor
new file mode 100644
index 0000000..647cb94
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Pages/GrammarSpelling/AssistantGrammarSpelling.razor
@@ -0,0 +1,11 @@
+@using AIStudio.Tools
+@page "/assistant/grammar-spelling"
+@inherits AssistantBaseCore
+
+
+
+
+
+
+ Proofread
+
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Pages/GrammarSpelling/AssistantGrammarSpelling.razor.cs b/app/MindWork AI Studio/Components/Pages/GrammarSpelling/AssistantGrammarSpelling.razor.cs
new file mode 100644
index 0000000..1332630
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Pages/GrammarSpelling/AssistantGrammarSpelling.razor.cs
@@ -0,0 +1,84 @@
+using AIStudio.Tools;
+
+namespace AIStudio.Components.Pages.GrammarSpelling;
+
+public partial class AssistantGrammarSpelling : AssistantBaseCore
+{
+ protected override string Title => "Grammar and 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 IReadOnlyList FooterButtons => new[]
+ {
+ new ButtonData("Copy corrected text", Icons.Material.Filled.ContentCopy, Color.Default, string.Empty, this.CopyToClipboard),
+ };
+
+ 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()
+ {
+ 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);
+ }
+
+ private async Task CopyToClipboard()
+ {
+ await this.Rust.CopyText2Clipboard(this.JsRuntime, this.Snackbar, this.correctedText);
+ }
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Tools/ButtonData.cs b/app/MindWork AI Studio/Tools/ButtonData.cs
new file mode 100644
index 0000000..7f05ddf
--- /dev/null
+++ b/app/MindWork AI Studio/Tools/ButtonData.cs
@@ -0,0 +1,3 @@
+namespace AIStudio.Tools;
+
+public readonly record struct ButtonData(string Text, string Icon, Color Color, string Tooltip, Func AsyncAction);
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Tools/CommonLanguageExtensions.cs b/app/MindWork AI Studio/Tools/CommonLanguageExtensions.cs
index 57618b6..96dfafe 100644
--- a/app/MindWork AI Studio/Tools/CommonLanguageExtensions.cs
+++ b/app/MindWork AI Studio/Tools/CommonLanguageExtensions.cs
@@ -42,4 +42,12 @@ public static class CommonLanguageExtensions
return language.Name();
}
+
+ public static string NameSelectingOptional(this CommonLanguages language)
+ {
+ if(language is CommonLanguages.AS_IS)
+ return "Do not specify the language";
+
+ return language.Name();
+ }
}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Tools/JsRuntimeExtensions.cs b/app/MindWork AI Studio/Tools/JsRuntimeExtensions.cs
new file mode 100644
index 0000000..d813234
--- /dev/null
+++ b/app/MindWork AI Studio/Tools/JsRuntimeExtensions.cs
@@ -0,0 +1,11 @@
+using AIStudio.Components;
+
+namespace AIStudio.Tools;
+
+public static class JsRuntimeExtensions
+{
+ public static async Task GenerateAndShowDiff(this IJSRuntime jsRuntime, string text1, string text2)
+ {
+ await jsRuntime.InvokeVoidAsync("generateDiff", text1, text2, AssistantBase.ASSISTANT_RESULT_DIV_ID, AssistantBase.AFTER_RESULT_DIV_ID);
+ }
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/wwwroot/app.js b/app/MindWork AI Studio/wwwroot/app.js
index e69de29..6629610 100644
--- a/app/MindWork AI Studio/wwwroot/app.js
+++ b/app/MindWork AI Studio/wwwroot/app.js
@@ -0,0 +1,19 @@
+window.generateDiff = function (text1, text2, divDiff, divLegend) {
+ let wikEdDiff = new WikEdDiff();
+ let targetDiv = document.getElementById(divDiff)
+ targetDiv.innerHTML = wikEdDiff.diff(text1, text2);
+ targetDiv.classList.add('mud-typography-body1');
+
+ let legend = document.getElementById(divLegend);
+ legend.innerHTML = `
+