Feature : update app title connector type and model name

src/OpenChat.PlaygroundApp/Components/Pages/Chat/ChatHeader.razor

@@ -7,6 +7,13 @@
             New chat
         </button>
     </div>
-
-    <h1 class="page-width">OpenChat Playground</h1>
+    <h1 class="chat-header-app-title page-width">
+        <span class="app-title-text">OpenChat Playground</span>
+        <span class="app-title-settings">
+            <span>&ndash;</span>
+            <span class="app-connector">@Settings.ConnectorType</span>
+            <span>|</span>
+            <span class="app-model">@Settings.Model</span>
+        </span>
+    </h1>
 </div>

src/OpenChat.PlaygroundApp/Components/Pages/Chat/ChatHeader.razor.cs

@@ -1,9 +1,13 @@
 using Microsoft.AspNetCore.Components;
+using OpenChat.PlaygroundApp.Configurations;
 
 namespace OpenChat.PlaygroundApp.Components.Pages.Chat;
 
 public partial class ChatHeader : ComponentBase
 {
     [Parameter]
     public EventCallback OnNewChat { get; set; }
+
+    [Inject]
+    public required AppSettings Settings { get; set; }
 }

src/OpenChat.PlaygroundApp/Configurations/AppSettings.cs

@@ -12,6 +12,11 @@ public partial class AppSettings
     /// </summary>
     public ConnectorType ConnectorType { get; set; }
 
+    /// <summary>
+    /// Gets or sets the model name to use.
+    /// </summary>
+    public string? Model { get; set; }
+
     /// <summary>
     /// Gets or sets the value indicating whether to display help information or not.
     /// </summary>

src/OpenChat.PlaygroundApp/Extensions/AppSettingsExtensions.cs

@@ -0,0 +1,54 @@
+using OpenChat.PlaygroundApp.Configurations;
+using OpenChat.PlaygroundApp.Connectors;
+
+namespace OpenChat.PlaygroundApp.Extensions;
+
+/// <summary>
+/// This represents the extension entity for handling AppSettings configuration.
+/// </summary>
+public static class AppSettingsExtensions
+{
+    /// <summary>
+    /// Configures and adds AppSettings to the service collection with model name populated.
+    /// </summary>
+    /// <param name="services">The <see cref="IServiceCollection"/> instance.</param>
+    /// <param name="configuration">The <see cref="IConfiguration"/> instance.</param>
+    /// <param name="settings">The <see cref="AppSettings"/> instance.</param>
+    /// <returns>Returns the modified <see cref="IServiceCollection"/> instance.</returns>
+    public static IServiceCollection AddAppSettings(this IServiceCollection services, IConfiguration configuration, AppSettings settings)
+    {
+        ConfigureModelName(configuration, settings);
+        services.AddSingleton(settings);
+
+        return services;
+    }
+
+    /// <summary>
+    /// Configures the model name in AppSettings based on the connector type.
+    /// </summary>
+    /// <param name="configuration">The <see cref="IConfiguration"/> instance.</param>
+    /// <param name="settings">The <see cref="AppSettings"/> instance.</param>
+    private static void ConfigureModelName(IConfiguration configuration, AppSettings settings)
+    {
+        var section = configuration.GetSection(settings.ConnectorType.ToString());
+
+        string? modelFromSettings = settings.ConnectorType switch
+        {
+            ConnectorType.AzureAIFoundry => settings.AzureAIFoundry?.DeploymentName,
+            ConnectorType.FoundryLocal => settings.FoundryLocal?.Alias,
+            ConnectorType.GitHubModels => settings.GitHubModels?.Model,
+            ConnectorType.OpenAI => settings.OpenAI?.Model,
+            ConnectorType.HuggingFace => settings.HuggingFace?.Model,
+            ConnectorType.Anthropic => settings.Anthropic?.Model,
+            ConnectorType.LG => settings.LG?.Model,
+            _ => null
+        };
+
+        settings.Model = modelFromSettings ?? settings.ConnectorType switch
+        {
+            ConnectorType.AzureAIFoundry => section.GetValue<string>("DeploymentName"),
+            ConnectorType.FoundryLocal => section.GetValue<string>("Alias"),
+            _ => section.GetValue<string>("Model")
+        };
+    }
+}

src/OpenChat.PlaygroundApp/Program.cs

@@ -3,6 +3,7 @@
 using OpenChat.PlaygroundApp.Abstractions;
 using OpenChat.PlaygroundApp.Components;
 using OpenChat.PlaygroundApp.Endpoints;
+using OpenChat.PlaygroundApp.Extensions;
 using OpenChat.PlaygroundApp.OpenApi;
 using OpenChat.PlaygroundApp.Services;
 
@@ -16,6 +17,8 @@
     return;
 }
 
+builder.Services.AddAppSettings(config, settings);
+
 builder.Services.AddRazorComponents()
                 .AddInteractiveServerComponents();
 

test/OpenChat.PlaygroundApp.Tests/Components/Pages/Chat/ChatHeaderUITests.cs

@@ -1,6 +1,8 @@
 using Microsoft.Playwright;
 using Microsoft.Playwright.Xunit;
 
+using OpenChat.PlaygroundApp.Connectors;
+
 namespace OpenChat.PlaygroundApp.Tests.Components.Pages.Chat;
 
 public class ChatHeaderUITests : PageTest
@@ -18,12 +20,26 @@ public override async Task InitializeAsync()
     public async Task Given_Root_Page_When_Loaded_Then_Header_Should_Be_Visible(string expected)
     {
         // Act
-        var title = await Page.Locator("h1").InnerTextAsync();
+        var title = await Page.Locator("span.app-title-text").InnerTextAsync();
 
         // Assert
         title.ShouldBe(expected);
     }
 
+    [Trait("Category", "IntegrationTest")]
+    [Fact]
+    public async Task Given_Root_Page_When_Loaded_Then_Header_Should_Display_ConnectorType_And_Model()
+    {
+        // Act
+        var connector = await Page.Locator("span.app-connector").InnerTextAsync();
+        var model = await Page.Locator("span.app-model").InnerTextAsync();
+
+        // Assert
+        connector.ShouldNotBeNullOrEmpty();
+        Enum.IsDefined(typeof(ConnectorType), connector).ShouldBeTrue();
+        model.ShouldNotBeNullOrEmpty();
+    }
+
     [Trait("Category", "IntegrationTest")]
     [Fact]
     public async Task Given_Root_Page_When_Loaded_Then_NewChat_Button_Should_Be_Visible()