();
+
+var app = builder.Build();
+
+{% endhighlight %}
+{% endtabs %}
+
+- **Verify connectivity**: Ensure the Ollama server is running and accessible at the specified endpoint (e.g., `http://localhost:11434`) before starting the application.
+
+## Register Syncfusion Blazor Service
+
+Add the Syncfusion Blazor service to your **~/Program.cs** file. The configuration depends on your app's **Interactive Render Mode**:
+
+- **Server Mode**: Register the service in the single **~/Program.cs** file.
+- **WebAssembly or Auto Mode**: Register the service in both the server-side **~/Program.cs** and client-side **~/Program.cs** files.
+
+{% tabs %}
+{% highlight C# tabtitle="Server (~/_Program.cs)" hl_lines="3 11" %}
+
+using Syncfusion.Blazor;
+
+var builder = WebApplication.CreateBuilder(args);
+
+builder.Services.AddRazorComponents()
+ .AddInteractiveServerComponents()
+ .AddInteractiveWebAssemblyComponents();
+builder.Services.AddSyncfusionBlazor();
+
+var app = builder.Build();
+
+{% endhighlight %}
+{% highlight C# tabtitle="Client (~/_Program.cs)" hl_lines="2 5" %}
+
+using Syncfusion.Blazor;
+
+var builder = WebAssemblyHostBuilder.CreateDefault(args);
+builder.Services.AddSyncfusionBlazor();
+
+await builder.Build().RunAsync();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Razor Component (`Home.razor`)
+
+This section implements the Syncfusion Blazor TreeGrid with AI-driven data restructuring using the AI model to assign `ParentId` values based on `CategoryName` relationships.
+
+```csharp
+@page "/"
+
+@inject IChatInferenceService AIService
+@using Syncfusion.Blazor.TreeGrid
+@using Syncfusion.Blazor.Navigations
+@using Syncfusion.Blazor.Buttons
+@using Syncfusion.Blazor.AI
+@using System.Text.Json;
+
+
+ @message
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Smart Data Restructure
+
+
+
+
+
+
+```
+
+`Home.razor.cs`
+```csharp
+using Microsoft.Extensions.AI;
+using Syncfusion.Blazor.AI;
+using Syncfusion.Blazor.TreeGrid;
+using System.Text.Json;
+
+namespace AISamples.Components.Pages
+{
+ public partial class Home
+ {
+ public SfTreeGrid TreeGrid;
+ private string AIPrompt = string.Empty;
+ private string message = string.Empty;
+ public List TreeGridData { get; set; }
+ protected override void OnInitialized()
+ {
+ this.TreeGridData = TreeData.GetAdaptiveStructureData().ToList();
+ }
+
+ private async Task OpenAIHandler()
+ {
+ await TreeGrid.ShowSpinnerAsync();
+ List sortedCollection = new List();
+ var AIPrompt = GeneratePrompt(TreeGridData);
+ ChatParameters chatParameters = new ChatParameters
+ {
+ Messages = new List
+ {
+ new ChatMessage(ChatRole.User, AIPrompt)
+ }
+ };
+ var result = await AIService.GenerateResponseAsync(chatParameters);
+ result = result.Replace("```json", "").Replace("```", "").Trim();
+
+ string response = JsonDocument.Parse(result).RootElement.GetProperty("TreeGridData").ToString();
+ if (response is not null)
+ {
+ sortedCollection = JsonSerializer.Deserialize>(response);
+ }
+ if (sortedCollection is not null && sortedCollection.Count > 0)
+ {
+ TreeGridData = sortedCollection.Cast().ToList();
+ }
+ else
+ {
+ message = "Oops.! Please try Again !";
+ }
+ await TreeGrid.HideSpinnerAsync();
+ await Task.CompletedTask;
+ }
+
+ private string GeneratePrompt(List TreeGridData)
+ {
+ Dictionary> treeData = new Dictionary>();
+ treeData.Add("TreeGridData", TreeGridData);
+ var jsonData = JsonSerializer.Serialize(treeData);
+ return @"I want you to act as a TreeGrid Data Organizer.
+ Your task is to organize a dataset based on a hierarchical structure using 'CategoryId' and 'ParentId'.
+ Each item in the dataset has a 'CategoryName' representing categories, and some categories have a null 'ParentId', indicating they are top-level categories.
+ Your role will be to examine the entire dataset to identify related items based on their 'CategoryName' values and nest them under the appropriate top-level categories by updating their 'ParentId' to match the 'CategoryId' of the corresponding top-level category.
+ For example, if a category like 'Furniture' exists, you should examine the dataset for items such as 'Chair' and 'Table' and update their 'ParentId' to the 'CategoryId' of 'Furniture'.
+ The output should be the newly prepared TreeGridData with correctly assigned 'ParentId' values. Please ensure that all subcategories are correctly nested under their respective top-level categories.
+ Return the newly prepared TreeGridData alone and don't share any other information with the response: Here is the dataset " + jsonData + "/n Note: Return response must be in json string and with no other explanation. ";
+ }
+ public class TreeData
+ {
+ public class BusinessObject
+ {
+ public int CategoryId { get; set; }
+ public string CategoryName { get; set; }
+ public string Status { get; set; }
+ public DateTime OrderDate { get; set; }
+ public int? ParentId { get; set; }
+ }
+
+ public static List GetAdaptiveStructureData()
+ {
+ List BusinessObjectCollection = new List();
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 1, CategoryName = "Electronics", Status = "Available", OrderDate = new DateTime(2021, 7, 12), ParentId = null });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 2, CategoryName = "Cell phone", Status = "out of Stock", OrderDate = new DateTime(2021, 6, 17), ParentId = 1 });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 3, CategoryName = "Computer", Status = "Available", OrderDate = new DateTime(2021, 7, 12), ParentId = 7 });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 4, CategoryName = "Cloth", Status = "Available", OrderDate = new DateTime(2021, 10, 5), ParentId = null });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 5, CategoryName = "Silk", Status = "Out of Stock", OrderDate = new DateTime(2021, 9, 2), ParentId = 7 });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 6, CategoryName = "Chair", Status = "Available", OrderDate = new DateTime(2021, 3, 3), ParentId = 1 });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 7, CategoryName = "Furniture", Status = "Available", OrderDate = new DateTime(2021, 3, 5), ParentId = null });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 8, CategoryName = "Bed", Status = "Available", OrderDate = new DateTime(2021, 3, 5), ParentId = 7 });
+ BusinessObjectCollection.Add(new BusinessObject() { CategoryId = 9, CategoryName = "Fabrics", Status = "Available", OrderDate = new DateTime(2021, 10, 5), ParentId = 4 });
+ return BusinessObjectCollection;
+ }
+ }
+ }
+}
+```
+
+## Error Handling and Troubleshooting
+
+If the AI service fails to return a valid response, the TreeGrid will display an error message ("Oops! Please try again!"). Common issues include:
+
+- **Invalid API Key or Endpoint**: Verify that the `openAIApiKey`, `azureOpenAIKey`, or Ollama `Endpoint` is correct and the service is accessible.
+- **Model Unavailable**: Ensure the specified `openAIModel`, `azureOpenAIModel`, or `ModelName` is deployed and supported.
+- **Network Issues**: Check connectivity to the AI service endpoint, especially for self-hosted Ollama instances.
+- **Large Datasets**: Processing large datasets may cause timeouts. Consider batching data or optimizing the prompt for efficiency.
+
+## Performance Considerations
+
+When handling large datasets, ensure the Ollama server has sufficient resources (CPU/GPU) to process requests efficiently. For datasets exceeding 10,000 records, consider splitting the data into smaller batches to avoid performance bottlenecks. Test the application with your specific dataset to determine optimal performance.
+
+## Sample Code
+
+A complete working example is available in the [Syncfusion Blazor AI Samples GitHub repository](https://github.com/syncfusion/smart-ai-samples).
+
+
\ No newline at end of file