Update list of components

Author: yordanov

RadzenBlazorDemos/Pages/Index.razor

@@ -117,6 +117,7 @@
                       <RadzenBadge BadgeStyle="BadgeStyle.Info" Title="Updated"><RadzenIcon aria-hidden="true" Icon="@("\ue863")" /><span>Updated</span></RadzenBadge>
                     </RadzenLink>
                   </RadzenColumn>
+                  <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3"><RadzenLink Path="/ai"><RadzenIcon aria-hidden="true" Icon="@("\uefac")" /><span>AI</span><RadzenBadge BadgeStyle="BadgeStyle.Success" Title="New"><RadzenIcon aria-hidden="true" Icon="@("\ue061")" /><span>New</span></RadzenBadge></RadzenLink></RadzenColumn>
                   <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3"><RadzenLink Path="/support"><RadzenIcon aria-hidden="true" Icon="@("\ue0c6")" /><span>Support</span></RadzenLink></RadzenColumn>
                   <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3"><RadzenLink Path="/accessibility"><RadzenIcon aria-hidden="true" Icon="@("\ue92c")" /><span>Accessibility</span></RadzenLink></RadzenColumn>
                   <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3">
@@ -233,6 +234,7 @@
               </RadzenColumn>
               <RadzenColumn Size="12" SizeMD="9" SizeLG="10" SizeXL="9" class="rz-ps-6 rz-ps-md-0 components-list">
                 <RadzenRow>
+                  <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3"><RadzenLink Path="/aichat"><RadzenIcon aria-hidden="true" Icon="@("\ue0b7")" /><span>AIChat</span><RadzenBadge BadgeStyle="BadgeStyle.Success" Title="New"><RadzenIcon aria-hidden="true" Icon="@("\ue061")" /><span>New</span></RadzenBadge></RadzenLink></RadzenColumn>
                   <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3"><RadzenLink Path="/autocomplete"><RadzenIcon aria-hidden="true" Icon="@("\ue03b")" /><span>AutoComplete</span></RadzenLink></RadzenColumn>
                   <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3"><RadzenLink Path="/button"><RadzenIcon aria-hidden="true" Icon="@("\ue72f")" /><span>Button</span></RadzenLink></RadzenColumn>
                   <RadzenColumn Size="12" SizeXS="6" SizeSM="4" SizeLG="3"><RadzenLink Path="/toggle-button"><RadzenIcon aria-hidden="true" Icon="@("\ue8e0")" /><span>ToggleButton</span></RadzenLink></RadzenColumn>

RadzenBlazorDemos/Services/ExampleService.cs

@@ -32,7 +32,9 @@ public class ExampleService
             Path = "/ai",
             Title = "AI and Radzen Blazor",
             Description = "Learn now how to integrate AI with the Radzen Blazor Components library.",
-            Icon = "\uefac"
+            Icon = "\uefac",
+            Tags = new [] { "chat", "ai", "conversation", "message", "streaming", "mcp", "nuget" },
+            New = true
         },
         new Example
         {
@@ -1439,6 +1441,15 @@ public class ExampleService
             Name = "Forms",
             Icon = "\uf1c1",
             Children = new[] {
+                new Example
+                {
+                    Name = "AIChat",
+                    Path = "aichat",
+                    New = true,
+                    Description = "A modern chat component with AI integration that provides a conversational interface similar to popular chat applications.",
+                    Icon = "\ue0b7",
+                    Tags = new [] { "chat", "ai", "conversation", "message", "streaming" }
+                },
                 new Example
                 {
                     Toc = [ new () { Text = "Get and Set the value of AutoComplete", Anchor = "#get-set-value" }, new () { Text = "Get and Set the value of AutoComplete using Value and Change event", Anchor = "#value-and-change-event" }, new () { Text = "Get the selected item of AutoComplete", Anchor = "#get-selected" }, new () { Text = "Define AutoComplete placeholder", Anchor = "#placeholder" }, new () { Text = "Define AutoComplete template", Anchor = "#template" }, new () { Text = "Change AutoComplete filter operator, case sensitivity and delay", Anchor = "#filter-operator" }, new () { Text = "Load data on-demand in AutoComplete and apply custom filter and sort", Anchor = "#load-on-demand" }, new () { Text = "AutoComplete with a List of Strings", Anchor = "#list-of-strings" }, new () { Text = "Multiline AutoComplete", Anchor = "#multiline" }, new () { Text = "Open on Focus", Anchor = "#open-on-focus" }, new () { Text = "Disabled AutoComplete", Anchor = "#disabled-autocomplete" }, new () { Text = "Keyboard Navigation", Anchor = "#keyboard-navigation" } ],
@@ -1745,15 +1756,6 @@ public class ExampleService
                     Tags = new [] { "input", "form", "edit" }
                 },
                 new Example
-                {
-                    Name = "AIChat",
-                    Path = "aichat",
-                    New = true,
-                    Description = "A modern chat component with AI integration that provides a conversational interface similar to popular chat applications.",
-                    Icon = "\ue0b7",
-                    Tags = new [] { "chat", "ai", "conversation", "message", "streaming" }
-                },
-                new Example
                 {
                     Name = "TextBox",
                     Path = "textbox",