Updates

Components/Pages/Home.razor

@@ -19,8 +19,11 @@
     <div class="d-flex justify-content-between gap-2">
         <h3 class="card-title mb-2 fw-bold text-start">AI Food Health Checker</h3>
         <div>
-            <a class="card-title mb-2 fw-bold btn btn-dark" href="@duplicateSpace" target="_blank">Duplicate this space</a>
-            <button @onclick="OpenModal" class="card-title mb-2 fw-bold btn btn-dark">Add temporary Config</button>
+            @if (!string.IsNullOrEmpty(duplicateSpace))
+            {
+                <a class="card-title mb-2 fw-bold btn btn-dark" href="@duplicateSpace" target="_blank">Duplicate this space</a>
+            }
+            <button @onclick="OpenModal" class="card-title mb-2 fw-bold btn btn-dark">Add Temporary Config</button>
         </div>
     </div>
 
@@ -83,7 +86,11 @@
         <div class="col-xl-4">
             <div class="card common-card-height">
                 <div class="card-body">
-                    <h4 class="card-title fw-bold required text-start">Image</h4>
+                    <h4 class="card-title fw-bold  text-start">Add/Upload Image </h4>
+                    <div class="form-group mb-3">
+                        <InputText class="form-control" @bind-Value="HostedImageUrl" id="hostedimageUrl" placeholder="Hosted Image URL" />
+                    </div>
+
                     <div class="form-group mb-3">
                         <!-- HTML -->
                         <label for="upload-image" class="custom-upload-button btn btn-primary @isUploadingImage">
@@ -95,7 +102,11 @@
                         <button class="btn btn-primary w-100" @onclick="CheckHealth" disabled="@(isProcessingResponse || isProcessingIngredients)">Check Health</button>
                     </div>
 
-                    @if (!string.IsNullOrWhiteSpace(ImageUrl))
+                    @if (!string.IsNullOrWhiteSpace(HostedImageUrl))
+                    {
+                        <img src="@HostedImageUrl" alt="Preview Image" class="img-fluid rounded" style="max-height: 150px;" />
+                    }
+                    else if (!string.IsNullOrWhiteSpace(ImageUrl))
                     {
                         <img src="@ImageUrl" alt="Preview Image" class="img-fluid rounded" style="max-height: 150px;" />
                     }
@@ -159,17 +170,41 @@
 
 @code {
     public TemporaryConfig temporaryConfig { get; set; } = new TemporaryConfig();
+
+    public string HostedImageUrl { get; set; } = string.Empty;
+    public string ImageUrl { get; set; } = string.Empty;
+    public ReadOnlyMemory<byte> ImageData { get; set; }
+    public string ImageName { get; set; } = string.Empty;
+    public string Ingredients { get; set; } = string.Empty;
+    public string Result { get; set; } = string.Empty;
+
+    [Inject]
+    public MarkdownPipeline pipeline { get; set; } = default!;
+    [Inject]
+    public FoodCheckerService _foodCheckerService { get; set; } = default!;
+    [Inject]
+    private NavigationManager Navigation { get; set; } = default!;
+    [Inject]
+    private IConfiguration Config { get; set; } = default!;
+
     private bool isPopupVisible = false;
+    private bool isProcessingIngredients = false;
+    private bool isProcessingResponse = false;
+    private string isUploadingImage = string.Empty;
+    private string errorMessage = string.Empty;
+    private string duplicateSpace = string.Empty;
+    private CancellationTokenSource _cts = new CancellationTokenSource();
+
     private async Task OpenModal()
     {
         isPopupVisible = true;
-        StateHasChanged();
+        await InvokeAsync(() => this.StateHasChanged());
     }
 
     private async Task CloseModal()
     {
         isPopupVisible = false;
-        StateHasChanged();
+        await InvokeAsync(() => this.StateHasChanged());
     }
 
     private async Task SubmitForm()
@@ -192,22 +227,7 @@
         }
         await CloseModal();
     }
-    public string ImageUrl { get; set; } = string.Empty;
-    public ReadOnlyMemory<byte> ImageData { get; set; }
-    public string ImageName { get; set; } = string.Empty;
-
-    public string Ingredients { get; set; } = string.Empty;
-    public string Result { get; set; } = string.Empty;
-    public string duplicateSpace { get; set; } = string.Empty;
 
-    [Inject]
-    public MarkdownPipeline pipeline { get; set; } = default!;
-    [Inject]
-    public FoodCheckerService _foodCheckerService { get; set; } = default!;
-    [Inject]
-    private NavigationManager Navigation { get; set; } = default!;
-    [Inject]
-    private IConfiguration Config { get; set; } = default;
 
     protected override void OnInitialized()
     {
@@ -218,12 +238,6 @@
         }
     }
 
-    private bool isProcessingIngredients = false;
-    private bool isProcessingResponse = false;
-    private string isUploadingImage = string.Empty;
-    private string errorMessage = string.Empty;
-    private CancellationTokenSource _cts = new CancellationTokenSource();
-
 
     private async Task HandleSelectedFiles(InputFileChangeEventArgs e)
     {
@@ -279,7 +293,8 @@
         }
         try
         {
-            await foreach (var response in _foodCheckerService.GetIngredirentsAsync(ImageUrl, _cts.Token))
+            string selectedImgUrl = !string.IsNullOrWhiteSpace(HostedImageUrl) ? HostedImageUrl : ImageUrl;
+            await foreach (var response in _foodCheckerService.GetIngredirentsAsync(selectedImgUrl, _cts.Token))
             {
                 isProcessingIngredients = false;
                 Ingredients += response;

FoodCheckerService.cs

@@ -7,7 +7,7 @@ namespace FoodHealthChecker
 {
     public class FoodCheckerService
     {
-        private  Kernel _kernel;
+        private Kernel _kernel;
         private bool isValid = false;
         private readonly FoodCheckerPlugin _foodCheckerPlugin;
         public FoodCheckerService(IConfiguration config, FoodCheckerPlugin foodCheckerPlugin)
@@ -47,7 +47,7 @@ namespace FoodHealthChecker
             }
             else if (config.isOpenAIConfigValid())
             {
-                kernelBuilder.AddOpenAIChatCompletion(config.OpenAI_ModelId,config.OpenAI_ApiKey);
+                kernelBuilder.AddOpenAIChatCompletion(config.OpenAI_ModelId, config.OpenAI_ApiKey);
                 isValid = true;
             }
             var kernel = kernelBuilder.Build();

Models/TemporaryConfig.cs

@@ -1,6 +1,4 @@
-using Microsoft.AspNetCore.DataProtection.KeyManagement;
-
-namespace FoodHealthChecker.Models
+namespace FoodHealthChecker.Models
 {
 
     public class TemporaryConfig

SemanticKernel/Plugins/FoodCheckerPlugin.cs

@@ -47,7 +47,7 @@ namespace FoodHealthChecker.SemanticKernel.Plugins
             {
                 new TextContent(FoodCheckerTemplates.GetIngredients),
                 new ImageContent(new Uri(input,UriKind.Absolute))
-            }); 
+            });
             await foreach (var result in chatService.GetStreamingChatMessageContentsAsync(chat, s_settings, kernel, cancellationToken))
             {
                 var generatedText = result?.ToString() ?? string.Empty;