Fixed several provider dialog issues (#629)

app/MindWork AI Studio/Dialogs/EmbeddingProviderDialog.razor

@@ -44,7 +44,7 @@
 
             @if (this.DataLLMProvider.IsHostNeeded())
             {
-                <MudSelect @bind-Value="@this.DataHost" Label="@T("Host")" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingHost">
+                <MudSelect T="Host" Value="@this.DataHost" ValueChanged="@this.OnHostChanged" Label="@T("Host")" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingHost">
                     @foreach (Host host in Enum.GetValues(typeof(Host)))
                     {
                         if (host.IsEmbeddingSupported())
@@ -101,6 +101,12 @@
                         }
                     }
                 </MudStack>
+                @if (!string.IsNullOrWhiteSpace(this.dataLoadingModelsIssue))
+                {
+                    <MudAlert Severity="Severity.Error" Class="mt-3">
+                        @this.dataLoadingModelsIssue
+                    </MudAlert>
+                }
             </MudField>
 
             @* ReSharper disable once CSharpWarnings::CS8974 *@

app/MindWork AI Studio/Dialogs/EmbeddingProviderDialog.razor.cs

@@ -71,7 +71,10 @@ public partial class EmbeddingProviderDialog : MSGComponentBase, ISecretId
     
     [Inject]
     private RustService RustService { get; init; } = null!;
-    
+
+    [Inject]
+    private ILogger<EmbeddingProviderDialog> Logger { get; init; } = null!;
+
     private static readonly Dictionary<string, object?> SPELLCHECK_ATTRIBUTES = new();
 
     /// <summary>
@@ -85,7 +88,8 @@ public partial class EmbeddingProviderDialog : MSGComponentBase, ISecretId
     private string dataManuallyModel = string.Empty;
     private string dataAPIKeyStorageIssue = string.Empty;
     private string dataEditingPreviousInstanceName = string.Empty;
-    
+    private string dataLoadingModelsIssue = string.Empty;
+
     // We get the form reference from Blazor code to validate it manually:
     private MudForm form = null!;
     
@@ -102,6 +106,7 @@ public partial class EmbeddingProviderDialog : MSGComponentBase, ISecretId
             GetPreviousInstanceName = () => this.dataEditingPreviousInstanceName,
             GetUsedInstanceNames = () => this.UsedInstanceNames,
             GetHost = () => this.DataHost,
+            IsModelProvidedManually = () => this.DataLLMProvider is LLMProviders.SELF_HOSTED && this.DataHost is Host.OLLAMA,
         };
     }
     
@@ -208,7 +213,16 @@ public partial class EmbeddingProviderDialog : MSGComponentBase, ISecretId
     {
         await this.form.Validate();
         this.dataAPIKeyStorageIssue = string.Empty;
-        
+
+        // Manually validate the model selection (needed when no models are loaded
+        // and the MudSelect is not rendered):
+        var modelValidationError = this.providerValidation.ValidatingModel(this.DataModel);
+        if (!string.IsNullOrWhiteSpace(modelValidationError))
+        {
+            this.dataIssues = [..this.dataIssues, modelValidationError];
+            this.dataIsValid = false;
+        }
+
         // When the data is not valid, we don't store it:
         if (!this.dataIsValid)
             return;
@@ -250,21 +264,40 @@ public partial class EmbeddingProviderDialog : MSGComponentBase, ISecretId
             await this.form.Validate();
         }
     }
-    
+
+    private void OnHostChanged(Host selectedHost)
+    {
+        // When the host changes, reset the model selection state:
+        this.DataHost = selectedHost;
+        this.DataModel = default;
+        this.dataManuallyModel = string.Empty;
+        this.availableModels.Clear();
+        this.dataLoadingModelsIssue = string.Empty;
+    }
+
     private async Task ReloadModels()
     {
+        this.dataLoadingModelsIssue = string.Empty;
         var currentEmbeddingProviderSettings = this.CreateEmbeddingProviderSettings();
         var provider = currentEmbeddingProviderSettings.CreateProvider();
-        if(provider is NoProvider)
+        if (provider is NoProvider)
             return;
-        
-        var models = await provider.GetEmbeddingModels(this.dataAPIKey);
-        
-        // Order descending by ID means that the newest models probably come first:
-        var orderedModels = models.OrderByDescending(n => n.Id);
-        
-        this.availableModels.Clear();
-        this.availableModels.AddRange(orderedModels);
+
+        try
+        {
+            var models = await provider.GetEmbeddingModels(this.dataAPIKey);
+
+            // Order descending by ID means that the newest models probably come first:
+            var orderedModels = models.OrderByDescending(n => n.Id);
+
+            this.availableModels.Clear();
+            this.availableModels.AddRange(orderedModels);
+        }
+        catch (Exception e)
+        {
+            this.Logger.LogError($"Failed to load models from provider '{this.DataLLMProvider}' (host={this.DataHost}, hostname='{this.DataHostname}'): {e.Message}");
+            this.dataLoadingModelsIssue = T("We are currently unable to communicate with the provider to load models. Please try again later.");
+        }
     }
     
     private string APIKeyText => this.DataLLMProvider switch

app/MindWork AI Studio/Dialogs/ProviderDialog.razor

@@ -41,7 +41,7 @@
 
             @if (this.DataLLMProvider.IsHostNeeded())
             {
-                <MudSelect @bind-Value="@this.DataHost" Label="@T("Host")" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingHost">
+                <MudSelect T="Host" Value="@this.DataHost" ValueChanged="@this.OnHostChanged" Label="@T("Host")" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingHost">
                     @foreach (Host host in Enum.GetValues(typeof(Host)))
                     {
                         @if (host.IsChatSupported())
@@ -71,52 +71,69 @@
                 @* ReSharper restore Asp.Entity *@
             }       
 
-            <MudField FullWidth="true" Label="@T("Model selection")" Variant="Variant.Outlined" Class="mb-3">
-                <MudStack Row="@true" AlignItems="AlignItems.Center" StretchItems="StretchItems.End">
-                    @if (this.DataLLMProvider.IsLLMModelProvidedManually())
-                    {
-                        <MudButton Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.OpenInBrowser" Href="@this.DataLLMProvider.GetModelsOverviewURL(this.HFInferenceProviderId)" Target="_blank">
-                            @T("Show available models")
-                        </MudButton>
-                        <MudTextField
-                            T="string"
-                            @bind-Text="@this.dataManuallyModel"
-                            Label="@T("Model")"
-                            Adornment="Adornment.Start"
-                            AdornmentIcon="@Icons.Material.Filled.FaceRetouchingNatural"
-                            AdornmentColor="Color.Info"
-                            Validation="@this.ValidateManuallyModel"
-                            UserAttributes="@SPELLCHECK_ATTRIBUTES"
-                            HelperText="@T("Currently, we cannot query the models for the selected provider and/or host. Therefore, please enter the model name manually.")"
-                        />
-                    }
-                    else
-                    {
-                        <MudButton Disabled="@(!this.DataLLMProvider.CanLoadModels(this.DataHost, this.dataAPIKey))" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.Refresh" OnClick="@this.ReloadModels">
-                            @T("Load models")
-                        </MudButton>
-                        @if(this.availableModels.Count is 0)
+            @if (!this.DataLLMProvider.IsLLMModelSelectionHidden(this.DataHost))
+            {
+                <MudField FullWidth="true" Label="@T("Model selection")" Variant="Variant.Outlined" Class="mb-3">
+                    <MudStack Row="@true" AlignItems="AlignItems.Center" StretchItems="StretchItems.End">
+                        @if (this.DataLLMProvider.IsLLMModelProvidedManually())
                         {
-                            <MudText Typo="Typo.body1">
-                                @T("No models loaded or available.")
-                            </MudText>
+                            <MudButton Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.OpenInBrowser" Href="@this.DataLLMProvider.GetModelsOverviewURL(this.HFInferenceProviderId)" Target="_blank">
+                                @T("Show available models")
+                            </MudButton>
+                            <MudTextField
+                                T="string"
+                                @bind-Text="@this.dataManuallyModel"
+                                Label="@T("Model")"
+                                Adornment="Adornment.Start"
+                                AdornmentIcon="@Icons.Material.Filled.FaceRetouchingNatural"
+                                AdornmentColor="Color.Info"
+                                Validation="@this.ValidateManuallyModel"
+                                UserAttributes="@SPELLCHECK_ATTRIBUTES"
+                                HelperText="@T("Currently, we cannot query the models for the selected provider and/or host. Therefore, please enter the model name manually.")"
+                            />
                         }
                         else
                         {
-                            <MudSelect @bind-Value="@this.DataModel"
-                                       OpenIcon="@Icons.Material.Filled.FaceRetouchingNatural" AdornmentColor="Color.Info"
-                                       Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingModel">
-                                @foreach (var model in this.availableModels)
-                                {
-                                    <MudSelectItem Value="@model">
-                                        @model
-                                    </MudSelectItem>
-                                }
-                            </MudSelect>
+                            <MudButton Disabled="@(!this.DataLLMProvider.CanLoadModels(this.DataHost, this.dataAPIKey))" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.Refresh" OnClick="@this.ReloadModels">
+                                @T("Load models")
+                            </MudButton>
+                            @if(this.availableModels.Count is 0)
+                            {
+                                <MudText Typo="Typo.body1">
+                                    @T("No models loaded or available.")
+                                </MudText>
+                            }
+                            else
+                            {
+                                <MudSelect @bind-Value="@this.DataModel"
+                                           OpenIcon="@Icons.Material.Filled.FaceRetouchingNatural" AdornmentColor="Color.Info"
+                                           Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingModel">
+                                    @foreach (var model in this.availableModels)
+                                    {
+                                        <MudSelectItem Value="@model">
+                                            @model
+                                        </MudSelectItem>
+                                    }
+                                </MudSelect>
+                            }
                         }
+                    </MudStack>
+                    @if (!string.IsNullOrWhiteSpace(this.dataLoadingModelsIssue))
+                    {
+                        <MudAlert Severity="Severity.Error" Class="mt-3">
+                            @this.dataLoadingModelsIssue
+                        </MudAlert>
                     }
-                </MudStack>
-            </MudField>
+                </MudField>
+            }
+            else
+            {
+                <MudField FullWidth="true" Label="@T("Model selection")" Variant="Variant.Outlined" Class="mb-3">
+                    <MudText Typo="Typo.body1">
+                        @T("This host uses the model configured at the provider level. No model selection is available.")
+                    </MudText>
+                </MudField>
+            }
 
             @* ReSharper disable once CSharpWarnings::CS8974 *@
             <MudTextField

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

@@ -84,6 +84,9 @@ public partial class ProviderDialog : MSGComponentBase, ISecretId
     [Inject]
     private RustService RustService { get; init; } = null!;
 
+    [Inject]
+    private ILogger<ProviderDialog> Logger { get; init; } = null!;
+
     private static readonly Dictionary<string, object?> SPELLCHECK_ATTRIBUTES = new();
     
     /// <summary>
@@ -97,6 +100,7 @@ public partial class ProviderDialog : MSGComponentBase, ISecretId
     private string dataManuallyModel = string.Empty;
     private string dataAPIKeyStorageIssue = string.Empty;
     private string dataEditingPreviousInstanceName = string.Empty;
+    private string dataLoadingModelsIssue = string.Empty;
     private bool showExpertSettings;
     
     // We get the form reference from Blazor code to validate it manually:
@@ -115,25 +119,36 @@ public partial class ProviderDialog : MSGComponentBase, ISecretId
             GetPreviousInstanceName = () => this.dataEditingPreviousInstanceName,
             GetUsedInstanceNames = () => this.UsedInstanceNames,
             GetHost = () => this.DataHost,
+            IsModelProvidedManually = () => this.DataLLMProvider.IsLLMModelProvidedManually(),
         };
     }
 
     private AIStudio.Settings.Provider CreateProviderSettings()
     {
         var cleanedHostname = this.DataHostname.Trim();
+
+        // Determine the model based on the provider and host configuration:
+        Model model;
+        if (this.DataLLMProvider.IsLLMModelSelectionHidden(this.DataHost))
+        {
+            // Use system model placeholder for hosts that don't support model selection (e.g., llama.cpp):
+            model = Model.SYSTEM_MODEL;
+        }
+        else if (this.DataLLMProvider is LLMProviders.FIREWORKS or LLMProviders.HUGGINGFACE)
+        {
+            // These providers require manual model entry:
+            model = new Model(this.dataManuallyModel, null);
+        }
+        else
+            model = this.DataModel;
+
         return new()
         {
             Num = this.DataNum,
             Id = this.DataId,
             InstanceName = this.DataInstanceName,
             UsedLLMProvider = this.DataLLMProvider,
-            
-            Model = this.DataLLMProvider switch
-            {
-                LLMProviders.FIREWORKS or LLMProviders.HUGGINGFACE => new Model(this.dataManuallyModel, null),
-                _ => this.DataModel
-            },
-            
+            Model = model,
             IsSelfHosted = this.DataLLMProvider is LLMProviders.SELF_HOSTED,
             IsEnterpriseConfiguration = false,
             Hostname = cleanedHostname.EndsWith('/') ? cleanedHostname[..^1] : cleanedHostname,
@@ -222,7 +237,16 @@ public partial class ProviderDialog : MSGComponentBase, ISecretId
         await this.form.Validate();
         if (!string.IsNullOrWhiteSpace(this.dataAPIKeyStorageIssue))
             this.dataAPIKeyStorageIssue = string.Empty;
-        
+
+        // Manually validate the model selection (needed when no models are loaded
+        // and the MudSelect is not rendered):
+        var modelValidationError = this.providerValidation.ValidatingModel(this.DataModel);
+        if (!string.IsNullOrWhiteSpace(modelValidationError))
+        {
+            this.dataIssues = [..this.dataIssues, modelValidationError];
+            this.dataIsValid = false;
+        }
+
         // When the data is not valid, we don't store it:
         if (!this.dataIsValid)
             return;
@@ -264,21 +288,40 @@ public partial class ProviderDialog : MSGComponentBase, ISecretId
             await this.form.Validate();
         }
     }
+
+    private void OnHostChanged(Host selectedHost)
+    {
+        // When the host changes, reset the model selection state:
+        this.DataHost = selectedHost;
+        this.DataModel = default;
+        this.dataManuallyModel = string.Empty;
+        this.availableModels.Clear();
+        this.dataLoadingModelsIssue = string.Empty;
+    }
     
     private async Task ReloadModels()
     {
+        this.dataLoadingModelsIssue = string.Empty;
         var currentProviderSettings = this.CreateProviderSettings();
         var provider = currentProviderSettings.CreateProvider();
-        if(provider is NoProvider)
+        if (provider is NoProvider)
             return;
-        
-        var models = await provider.GetTextModels(this.dataAPIKey);
-        
-        // Order descending by ID means that the newest models probably come first:
-        var orderedModels = models.OrderByDescending(n => n.Id);
-        
-        this.availableModels.Clear();
-        this.availableModels.AddRange(orderedModels);
+
+        try
+        {
+            var models = await provider.GetTextModels(this.dataAPIKey);
+
+            // Order descending by ID means that the newest models probably come first:
+            var orderedModels = models.OrderByDescending(n => n.Id);
+
+            this.availableModels.Clear();
+            this.availableModels.AddRange(orderedModels);
+        }
+        catch (Exception e)
+        {
+            this.Logger.LogError($"Failed to load models from provider '{this.DataLLMProvider}' (host={this.DataHost}, hostname='{this.DataHostname}'): {e.Message}");
+            this.dataLoadingModelsIssue = T("We are currently unable to communicate with the provider to load models. Please try again later.");
+        }
     }
     
     private string APIKeyText => this.DataLLMProvider switch

app/MindWork AI Studio/Dialogs/TranscriptionProviderDialog.razor

@@ -44,7 +44,7 @@
 
             @if (this.DataLLMProvider.IsHostNeeded())
             {
-                <MudSelect @bind-Value="@this.DataHost" Label="@T("Host")" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingHost">
+                <MudSelect T="Host" Value="@this.DataHost" ValueChanged="@this.OnHostChanged" Label="@T("Host")" Class="mb-3" OpenIcon="@Icons.Material.Filled.ExpandMore" AdornmentColor="Color.Info" Adornment="Adornment.Start" Validation="@this.providerValidation.ValidatingHost">
                     @foreach (Host host in Enum.GetValues(typeof(Host)))
                     {
                         if (host.IsTranscriptionSupported())
@@ -57,51 +57,68 @@
                 </MudSelect>
             }
 
-            <MudField FullWidth="true" Label="@T("Model selection")" Variant="Variant.Outlined" Class="mb-3">
-                <MudStack Row="@true" AlignItems="AlignItems.Center" StretchItems="StretchItems.End">
-                    @if (this.DataLLMProvider.IsTranscriptionModelProvidedManually(this.DataHost))
-                    {
-                        <MudTextField
-                            T="string"
-                            @bind-Text="@this.dataManuallyModel"
-                            Label="@T("Model")"
-                            Class="mb-3"
-                            Adornment="Adornment.Start"
-                            AdornmentIcon="@Icons.Material.Filled.Dns"
-                            AdornmentColor="Color.Info"
-                            Validation="@this.ValidateManuallyModel"
-                            UserAttributes="@SPELLCHECK_ATTRIBUTES"
-                            HelperText="@T("Currently, we cannot query the transcription models for the selected provider and/or host. Therefore, please enter the model name manually.")"
-                        />
-                    }
-                    else
-                    {
-                        <MudButton Disabled="@(!this.DataLLMProvider.CanLoadModels(this.DataHost, this.dataAPIKey))" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.Refresh" OnClick="@this.ReloadModels">
-                            @T("Load")
-                        </MudButton>
-                        @if(this.availableModels.Count is 0)
+            @if (!this.DataLLMProvider.IsTranscriptionModelSelectionHidden(this.DataHost))
+            {
+                <MudField FullWidth="true" Label="@T("Model selection")" Variant="Variant.Outlined" Class="mb-3">
+                    <MudStack Row="@true" AlignItems="AlignItems.Center" StretchItems="StretchItems.End">
+                        @if (this.DataLLMProvider.IsTranscriptionModelProvidedManually(this.DataHost))
                         {
-                            <MudText Typo="Typo.body1">
-                                @T("No models loaded or available.")
-                            </MudText>
+                            <MudTextField
+                                T="string"
+                                @bind-Text="@this.dataManuallyModel"
+                                Label="@T("Model")"
+                                Class="mb-3"
+                                Adornment="Adornment.Start"
+                                AdornmentIcon="@Icons.Material.Filled.Dns"
+                                AdornmentColor="Color.Info"
+                                Validation="@this.ValidateManuallyModel"
+                                UserAttributes="@SPELLCHECK_ATTRIBUTES"
+                                HelperText="@T("Currently, we cannot query the transcription models for the selected provider and/or host. Therefore, please enter the model name manually.")"
+                            />
                         }
                         else
                         {
-                            <MudSelect Disabled="@this.IsNoneProvider" @bind-Value="@this.DataModel" Label="@T("Model")"
-                                       OpenIcon="@Icons.Material.Filled.FaceRetouchingNatural"
-                                       AdornmentColor="Color.Info" Adornment="Adornment.Start"
-                                       Validation="@this.providerValidation.ValidatingModel">
-                                @foreach (var model in this.availableModels)
-                                {
-                                    <MudSelectItem Value="@model">
-                                        @model
-                                    </MudSelectItem>
-                                }
-                            </MudSelect>
+                            <MudButton Disabled="@(!this.DataLLMProvider.CanLoadModels(this.DataHost, this.dataAPIKey))" Variant="Variant.Filled" Size="Size.Small" StartIcon="@Icons.Material.Filled.Refresh" OnClick="@this.ReloadModels">
+                                @T("Load")
+                            </MudButton>
+                            @if(this.availableModels.Count is 0)
+                            {
+                                <MudText Typo="Typo.body1">
+                                    @T("No models loaded or available.")
+                                </MudText>
+                            }
+                            else
+                            {
+                                <MudSelect Disabled="@this.IsNoneProvider" @bind-Value="@this.DataModel" Label="@T("Model")"
+                                           OpenIcon="@Icons.Material.Filled.FaceRetouchingNatural"
+                                           AdornmentColor="Color.Info" Adornment="Adornment.Start"
+                                           Validation="@this.providerValidation.ValidatingModel">
+                                    @foreach (var model in this.availableModels)
+                                    {
+                                        <MudSelectItem Value="@model">
+                                            @model
+                                        </MudSelectItem>
+                                    }
+                                </MudSelect>
+                            }
                         }
+                    </MudStack>
+                    @if (!string.IsNullOrWhiteSpace(this.dataLoadingModelsIssue))
+                    {
+                        <MudAlert Severity="Severity.Error" Class="mt-3">
+                            @this.dataLoadingModelsIssue
+                        </MudAlert>
                     }
-                </MudStack>
-            </MudField>
+                </MudField>
+            }
+            else
+            {
+                <MudField FullWidth="true" Label="@T("Model selection")" Variant="Variant.Outlined" Class="mb-3">
+                    <MudText Typo="Typo.body1">
+                        @T("This host uses the model configured at the provider level. No model selection is available.")
+                    </MudText>
+                </MudField>
+            }
 
             @* ReSharper disable once CSharpWarnings::CS8974 *@
             <MudTextField

app/MindWork AI Studio/Dialogs/TranscriptionProviderDialog.razor.cs

@@ -71,7 +71,10 @@ public partial class TranscriptionProviderDialog : MSGComponentBase, ISecretId
     
     [Inject]
     private RustService RustService { get; init; } = null!;
-    
+
+    [Inject]
+    private ILogger<TranscriptionProviderDialog> Logger { get; init; } = null!;
+
     private static readonly Dictionary<string, object?> SPELLCHECK_ATTRIBUTES = new();
 
     /// <summary>
@@ -85,7 +88,8 @@ public partial class TranscriptionProviderDialog : MSGComponentBase, ISecretId
     private string dataManuallyModel = string.Empty;
     private string dataAPIKeyStorageIssue = string.Empty;
     private string dataEditingPreviousInstanceName = string.Empty;
-    
+    private string dataLoadingModelsIssue = string.Empty;
+
     // We get the form reference from Blazor code to validate it manually:
     private MudForm form = null!;
     
@@ -102,31 +106,39 @@ public partial class TranscriptionProviderDialog : MSGComponentBase, ISecretId
             GetPreviousInstanceName = () => this.dataEditingPreviousInstanceName,
             GetUsedInstanceNames = () => this.UsedInstanceNames,
             GetHost = () => this.DataHost,
+            IsModelProvidedManually = () => this.DataLLMProvider.IsTranscriptionModelProvidedManually(this.DataHost),
         };
     }
     
     private TranscriptionProvider CreateTranscriptionProviderSettings()
     {
         var cleanedHostname = this.DataHostname.Trim();
-        Model model = default;
-        if(this.DataLLMProvider is LLMProviders.SELF_HOSTED)
+
+        // Determine the model based on the provider and host configuration:
+        Model model;
+        if (this.DataLLMProvider.IsTranscriptionModelSelectionHidden(this.DataHost))
+        {
+            // Use system model placeholder for hosts that don't support model selection (e.g., whisper.cpp):
+            model = Model.SYSTEM_MODEL;
+        }
+        else if (this.DataLLMProvider is LLMProviders.SELF_HOSTED)
         {
             switch (this.DataHost)
             {
                 case Host.OLLAMA:
                     model = new Model(this.dataManuallyModel, null);
                     break;
-                
+
                 case Host.VLLM:
                 case Host.LM_STUDIO:
-                case Host.WHISPER_CPP:
+                default:
                     model = this.DataModel;
                     break;
             }
         }
         else
             model = this.DataModel;
-        
+
         return new()
         {
             Num = this.DataNum,
@@ -216,7 +228,16 @@ public partial class TranscriptionProviderDialog : MSGComponentBase, ISecretId
     {
         await this.form.Validate();
         this.dataAPIKeyStorageIssue = string.Empty;
-        
+
+        // Manually validate the model selection (needed when no models are loaded
+        // and the MudSelect is not rendered):
+        var modelValidationError = this.providerValidation.ValidatingModel(this.DataModel);
+        if (!string.IsNullOrWhiteSpace(modelValidationError))
+        {
+            this.dataIssues = [..this.dataIssues, modelValidationError];
+            this.dataIsValid = false;
+        }
+
         // When the data is not valid, we don't store it:
         if (!this.dataIsValid)
             return;
@@ -243,7 +264,7 @@ public partial class TranscriptionProviderDialog : MSGComponentBase, ISecretId
     {
         if (this.DataLLMProvider is LLMProviders.SELF_HOSTED && string.IsNullOrWhiteSpace(manuallyModel))
             return T("Please enter a transcription model name.");
-        
+
         return null;
     }
 
@@ -258,21 +279,40 @@ public partial class TranscriptionProviderDialog : MSGComponentBase, ISecretId
             await this.form.Validate();
         }
     }
-    
+
+    private void OnHostChanged(Host selectedHost)
+    {
+        // When the host changes, reset the model selection state:
+        this.DataHost = selectedHost;
+        this.DataModel = default;
+        this.dataManuallyModel = string.Empty;
+        this.availableModels.Clear();
+        this.dataLoadingModelsIssue = string.Empty;
+    }
+
     private async Task ReloadModels()
     {
+        this.dataLoadingModelsIssue = string.Empty;
         var currentTranscriptionProviderSettings = this.CreateTranscriptionProviderSettings();
         var provider = currentTranscriptionProviderSettings.CreateProvider();
-        if(provider is NoProvider)
+        if (provider is NoProvider)
             return;
-        
-        var models = await provider.GetTranscriptionModels(this.dataAPIKey);
-        
-        // Order descending by ID means that the newest models probably come first:
-        var orderedModels = models.OrderByDescending(n => n.Id);
-        
-        this.availableModels.Clear();
-        this.availableModels.AddRange(orderedModels);
+
+        try
+        {
+            var models = await provider.GetTranscriptionModels(this.dataAPIKey);
+
+            // Order descending by ID means that the newest models probably come first:
+            var orderedModels = models.OrderByDescending(n => n.Id);
+
+            this.availableModels.Clear();
+            this.availableModels.AddRange(orderedModels);
+        }
+        catch (Exception e)
+        {
+            this.Logger.LogError($"Failed to load models from provider '{this.DataLLMProvider}' (host={this.DataHost}, hostname='{this.DataHostname}'): {e.Message}");;
+            this.dataLoadingModelsIssue = T("We are currently unable to communicate with the provider to load models. Please try again later.");
+        }
     }
     
     private string APIKeyText => this.DataLLMProvider switch