Improved chat page by scrolling to the bottom after loading (#87)

app/MindWork AI Studio/Components/InnerScrolling.razor

@@ -3,6 +3,10 @@
 <div class="d-flex flex-column" style="@this.Height">
     <div class="flex-auto overflow-auto">
         @this.ChildContent
+        
+        <div @ref="@this.AnchorAfterChildContent">
+            &nbsp;
+        </div>
     </div>
     
     @this.FooterContent

app/MindWork AI Studio/Components/InnerScrolling.razor.cs

@@ -26,6 +26,11 @@ public partial class InnerScrolling : MSGComponentBase
     
     [CascadingParameter]
     private MainLayout MainLayout { get; set; } = null!;
+    
+    [Inject]
+    private IJSRuntime JsRuntime { get; init; } = null!;
+    
+    private ElementReference AnchorAfterChildContent { get; set; }
 
     #region Overrides of ComponentBase
 
@@ -59,4 +64,9 @@ public partial class InnerScrolling : MSGComponentBase
     #endregion
 
     private string Height => $"height: calc(100vh - {this.HeaderHeight} - {this.MainLayout.AdditionalHeight});";
+    
+    public async Task ScrollToBottom()
+    {
+        await this.AnchorAfterChildContent.ScrollIntoViewAsync(this.JsRuntime);
+    }
 }