Add Experimental tab with AI chat for commands

codemonkey85 · codemonkey85 · commit 2f83b8f7f13a · 2025-07-18T16:36:00.000-04:00
Introduces an Experimental tab that allows users to interact with an AI assistant for Minecraft command building. Refactors tab titles to use constants for consistency, updates dependencies to support AI features, and registers an IChatClient using OllamaSharp and Microsoft.Extensions.AI.
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/EffectsTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/EffectsTab.razor
@@ -1,4 +1,4 @@
-﻿<h3>Effects</h3>
+﻿<h3>@TabTitle</h3>
 
 <MudStack>
     <PlayerNameComponent/>
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/EffectsTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/EffectsTab.razor.cs
@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;
 
 public partial class EffectsTab
 {
+    public const string TabTitle = "Effects";
+
     private List<Effect> Effects { get; set; } = [];
 
     private Effect? SelectedEffect { get; set; }
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/EnchantsTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/EnchantsTab.razor
@@ -1,4 +1,4 @@
-﻿<h3>Enchantments</h3>
+﻿<h3>@TabTitle</h3>
 
 <MudStack>
     <PlayerNameComponent/>
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/EnchantsTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/EnchantsTab.razor.cs
@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;
 
 public partial class EnchantsTab
 {
+    public const string TabTitle = "Enchantments";
+
     private readonly List<string> BestAxeEnchantmentNames =
     [
         "unbreaking",
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/ExperimentalTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/ExperimentalTab.razor
@@ -0,0 +1,25 @@
+﻿<h3>@TabTitle</h3>
+
+<MudTextField @bind-Value="@UserInputText"
+              Placeholder="Type your command here..."
+              Lines="1"
+              Adornment="Adornment.Start"
+              AdornmentIcon="@Icons.Material.Filled.Input"
+              AdornmentColor="Color.Primary"
+              Class="mb-2"
+              Immediate="true" />
+
+<MudButton Variant="Variant.Filled"
+           Color="Color.Primary"
+           OnClick="@GetResponseFromChat"
+           StartIcon="@Icons.Material.Filled.Send"
+           Class="mb-2">
+    Send
+</MudButton>
+
+@if (!string.IsNullOrEmpty(ChatOutputText))
+{
+    <MudText>
+        @((MarkupString)ChatOutputText)
+    </MudText>
+}
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/ExperimentalTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/ExperimentalTab.razor.cs
@@ -0,0 +1,38 @@
+namespace MinecraftCommandBuilder.Components.CommandTabs;
+
+public partial class ExperimentalTab
+{
+    public const string TabTitle = "Experimental";
+
+    private string UserInputText = string.Empty;
+
+    private string ChatOutputText = string.Empty;
+
+    List<ChatMessage> messages = [new(ChatRole.System, """
+    You are a helpful assistant for Minecraft command building. Your task is to assist users in creating Minecraft commands based on their input.
+    You should provide clear and concise responses, and if the user asks for help with a specific command, you should guide them through the process of building that command step by step.
+    If the user asks for help with a specific command, you should ask them for more details about what they want to achieve.
+    """)];
+
+    private async Task GetResponseFromChat()
+    {
+        if (string.IsNullOrWhiteSpace(UserInputText))
+        {
+            return;
+        }
+
+        messages.Add(new ChatMessage(ChatRole.User, UserInputText));
+
+        var response = await ChatClient.GetResponseAsync(messages);
+
+        if (response is not null)
+        {
+            messages.Add(new ChatMessage(ChatRole.Assistant, response.Text));
+            ChatOutputText = response.Text;
+        }
+        else
+        {
+            ChatOutputText = "No response received.";
+        }
+    }
+}
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/FillTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/FillTab.razor
@@ -1,4 +1,4 @@
-﻿<h3>FillTab</h3>
+﻿<h3>@TabTitle</h3>
 
 <MudStack>
     <PlayerNameComponent/>
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/FillTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/FillTab.razor.cs
@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;
 
 public partial class FillTab
 {
+    public const string TabTitle = "Fill";
+
     private int Width { get; set; }
 
     private int Height { get; set; }
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/GameModeTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/GameModeTab.razor
@@ -1,4 +1,4 @@
-﻿<h3>Game Mode</h3>
+﻿<h3>@TabTitle</h3>
 
 <MudStack>
     <PlayerNameComponent/>
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/GameModeTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/GameModeTab.razor.cs
@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;
 
 public partial class GameModeTab
 {
+    public const string TabTitle = "Game Mode";
+
     public enum GameMode
     {
         Survival,
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/GiveItemsTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/GiveItemsTab.razor
@@ -1,4 +1,4 @@
-﻿<h3>Give Items</h3>
+﻿<h3>@TabTitle</h3>
 
 <MudStack>
     <PlayerNameComponent/>
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/GiveItemsTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/GiveItemsTab.razor.cs
@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;
 
 public partial class GiveItemsTab
 {
+    public const string TabTitle = "Give Items";
+
     private List<Item> Items { get; set; } = [];
 
     private Item? SelectedItem { get; set; }
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/SummonsTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/SummonsTab.razor
@@ -1,4 +1,4 @@
-﻿<h3>Summons</h3>
+﻿<h3>@TabTitle</h3>
 
 <MudStack>
     <MudAutocomplete T="Entity"
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/SummonsTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/SummonsTab.razor.cs
@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;
 
 public partial class SummonsTab
 {
+    public const string TabTitle = "Summons";
+
     private List<Entity> Entities { get; set; } = [];
 
     private Entity? SelectedEntity { get; set; }
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/TeleportTab.razor b/MinecraftCommandBuilder/Components/CommandTabs/TeleportTab.razor
@@ -1,4 +1,4 @@
-﻿<h3>TeleportTab</h3>
+﻿<h3>@TabTitle</h3>
 
 <MudStack>
     <PlayerNameComponent/>
diff --git a/MinecraftCommandBuilder/Components/CommandTabs/TeleportTab.razor.cs b/MinecraftCommandBuilder/Components/CommandTabs/TeleportTab.razor.cs
@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;
 
 public partial class TeleportTab
 {
+    public const string TabTitle = "Teleport";
+
     private double? X { get; set; }
 
     private double? Y { get; set; }
diff --git a/MinecraftCommandBuilder/Components/CommandsTabStrip.razor b/MinecraftCommandBuilder/Components/CommandsTabStrip.razor
@@ -6,28 +6,32 @@
         <GiveItemsTab/>
     </MudTabPanel>
 
-    <MudTabPanel Text="Effects">
+    <MudTabPanel Text="@EffectsTab.TabTitle">
         <EffectsTab/>
     </MudTabPanel>
 
-    <MudTabPanel Text="Enchantments">
+    <MudTabPanel Text="@EnchantsTab.TabTitle">
         <EnchantsTab/>
     </MudTabPanel>
 
-    <MudTabPanel Text="Teleport">
+    <MudTabPanel Text="@TeleportTab.TabTitle">
         <TeleportTab/>
     </MudTabPanel>
 
-    <MudTabPanel Text="Fill">
+    <MudTabPanel Text="@FillTab.TabTitle">
         <FillTab/>
     </MudTabPanel>
 
-    <MudTabPanel Text="Summons">
+    <MudTabPanel Text="@SummonsTab.TabTitle">
         <SummonsTab/>
     </MudTabPanel>
 
-    <MudTabPanel Text="Game Mode">
+    <MudTabPanel Text="@GameModeTab.TabTitle">
         <GameModeTab/>
     </MudTabPanel>
 
+    <MudTabPanel Text="@ExperimentalTab.TabTitle">
+        <ExperimentalTab/>
+    </MudTabPanel>
+
 </MudTabs>
diff --git a/MinecraftCommandBuilder/GlobalUsings.cs b/MinecraftCommandBuilder/GlobalUsings.cs
@@ -1,6 +1,7 @@
 ﻿global using System.Text;
 global using Microsoft.AspNetCore.Components.Web;
 global using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+global using Microsoft.Extensions.AI;
 global using Microsoft.JSInterop;
 global using MinecraftCommandBuilder;
 global using MinecraftCommandBuilder.Models;
diff --git a/MinecraftCommandBuilder/MinecraftCommandBuilder.csproj b/MinecraftCommandBuilder/MinecraftCommandBuilder.csproj
@@ -13,10 +13,12 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.6" />
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="9.0.6" PrivateAssets="all" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.7" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="9.0.7" PrivateAssets="all" />
+        <PackageReference Include="Microsoft.Extensions.AI" Version="9.7.1" />
         <PackageReference Include="MinecraftDataCSharp" Version="2025.7.1" />
-        <PackageReference Include="MudBlazor" Version="8.8.0" />
+        <PackageReference Include="MudBlazor" Version="8.9.0" />
+        <PackageReference Include="OllamaSharp" Version="5.2.10" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/MinecraftCommandBuilder/Program.cs b/MinecraftCommandBuilder/Program.cs
@@ -20,6 +20,11 @@
     // Used by WebFileApi
     .AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
+// Register an IChatClient
+var innerChatClient = new OllamaSharp.OllamaApiClient(new Uri("http://localhost:11434"), "llama3.1");
+services.AddChatClient(innerChatClient)
+    .UseFunctionInvocation();
+
 var app = builder.Build();
 
 using (var serviceScope = app.Services.CreateScope())
diff --git a/MinecraftCommandBuilder/_Imports.razor b/MinecraftCommandBuilder/_Imports.razor
@@ -5,6 +5,7 @@
 @using Microsoft.AspNetCore.Components.Web
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.AspNetCore.Components.WebAssembly.Http
+@using Microsoft.Extensions.AI
 @using Microsoft.JSInterop
 @using MinecraftCommandBuilder
 @using MinecraftCommandBuilder.Components
@@ -24,3 +25,5 @@
 @inject EnchantmentRepository EnchantmentRepository
 @inject ICommandService CommandService
 @inject MinecraftDataManager MinecraftDataManager
+
+@inject IChatClient ChatClient

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<h3>Effects</h3>`
	`1`	`+<h3>@TabTitle</h3>`
`2`	`2`
`3`	`3`	`<MudStack>`
`4`	`4`	`<PlayerNameComponent/>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;`
`2`	`2`
`3`	`3`	`public partial class EffectsTab`
`4`	`4`	`{`
	`5`	`+ public const string TabTitle = "Effects";`
	`6`	`+`
`5`	`7`	`private List<Effect> Effects { get; set; } = [];`
`6`	`8`
`7`	`9`	`private Effect? SelectedEffect { get; set; }`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<h3>Enchantments</h3>`
	`1`	`+<h3>@TabTitle</h3>`
`2`	`2`
`3`	`3`	`<MudStack>`
`4`	`4`	`<PlayerNameComponent/>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;`
`2`	`2`
`3`	`3`	`public partial class EnchantsTab`
`4`	`4`	`{`
	`5`	`+ public const string TabTitle = "Enchantments";`
	`6`	`+`
`5`	`7`	`private readonly List<string> BestAxeEnchantmentNames =`
`6`	`8`	`[`
`7`	`9`	`"unbreaking",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<h3>FillTab</h3>`
	`1`	`+<h3>@TabTitle</h3>`
`2`	`2`
`3`	`3`	`<MudStack>`
`4`	`4`	`<PlayerNameComponent/>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;`
`2`	`2`
`3`	`3`	`public partial class FillTab`
`4`	`4`	`{`
	`5`	`+ public const string TabTitle = "Fill";`
	`6`	`+`
`5`	`7`	`private int Width { get; set; }`
`6`	`8`
`7`	`9`	`private int Height { get; set; }`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<h3>Game Mode</h3>`
	`1`	`+<h3>@TabTitle</h3>`
`2`	`2`
`3`	`3`	`<MudStack>`
`4`	`4`	`<PlayerNameComponent/>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,8 @@ namespace MinecraftCommandBuilder.Components.CommandTabs;`
`2`	`2`
`3`	`3`	`public partial class GameModeTab`
`4`	`4`	`{`
	`5`	`+ public const string TabTitle = "Game Mode";`
	`6`	`+`
`5`	`7`	`public enum GameMode`
`6`	`8`	`{`
`7`	`9`	`Survival,`