@model ASP.NET_Core.Models.Chat.ChatModel

@(Html.DevExtreme().Chat()
    .DataSource(Model.Messages)
    .ReloadOnChange(false)
    .User(u => u
        .Id(Model.CurrentUser.Id)
        .Name(Model.CurrentUser.Name)
    )
    .OnMessageEntered("onMessageEntered")
)

<script>
    function onMessageEntered({ component, message }) {
        component.renderMessage(message)
    }
</script>

using System;
using System.Collections.Generic;
using Microsoft.AspNetCore.Mvc;
using ASP.NET_Core.Models.Chat;

namespace ASP.NET_Core.Controllers {
    public class ChatController : Controller {
        public IActionResult GettingStarted() {
            return View(new ChatModel {
                CurrentUser = ChatData.CurrentUser,
                SupportAgent = ChatData.SupportAgent,
                Messages = ChatData.Messages,
            });
        }
    }
}

namespace ASP.NET_Core.Models.Chat
{
    public class ChatData
    {
        public static ChatUser CurrentUser = new ChatUser { Id = "1", Name = "User" };
        public static ChatUser SupportAgent = new ChatUser { Id = "2", Name = "Support" };
        private static readonly DateTime todayDate = DateTime.Now.Date;
        private static DateTime GetTimestamp(DateTime date, int offsetMinutes = 0) {
            DateTime adjustedDate = date.AddMinutes(offsetMinutes);
            return adjustedDate;
        }
        public static readonly IEnumerable<Message> Messages = new[] {
            new Message {
                Id = Guid.NewGuid().ToString("N"),
                Timestamp = GetTimestamp(todayDate, -9),
                Author = SupportAgent,
                Text = "Hello, John!\nHow can I assist you today?",
            },
            new Message {
                Id = Guid.NewGuid().ToString("N"),
                Timestamp = GetTimestamp(todayDate, -7),
                Author = CurrentUser,
                Text = "Hi, I'm having trouble accessing my account.",
            },
            new Message {
                Id = Guid.NewGuid().ToString("N"),
                Timestamp = GetTimestamp(todayDate, -7),
                Author = CurrentUser,
                Text = "It says my password is incorrect."
            },
            new Message {
                Id = Guid.NewGuid().ToString("N"),
                Timestamp = GetTimestamp(todayDate, -7),
                Author = SupportAgent,
                Text = "I can help you with that. Can you please confirm your UserID for security purposes?"
            },
            new Message {
                Id = Guid.NewGuid().ToString("N"),
                Timestamp = GetTimestamp(todayDate, 0),
                Author = CurrentUser,
                Text = "john.doe1357"
            },
            new Message {
                Id = Guid.NewGuid().ToString("N"),
                Timestamp = GetTimestamp(todayDate, 0),
                Author = SupportAgent,
                Text = "✅ Instructions to restore access have been sent to the email address associated with your account."
            }
        };
    }
}

using System;
using System.Collections.Generic;
using System.Text.Json.Serialization;

namespace ASP.NET_Core.Models.Chat
{
    public class ChatUser
    {
        [JsonPropertyName("id")] public string Id { get; set; }
        [JsonPropertyName("name")] public string Name { get; set; }
        [JsonPropertyName("avatarUrl")] public string AvatarUrl { get; set; }
    }

    public class Message
    {
        [JsonPropertyName("id")] public string Id { get; set; }
        [JsonPropertyName("timestamp")] public DateTime Timestamp { get; set; }
        [JsonPropertyName("author")] public ChatUser Author { get; set; }
        [JsonPropertyName("text")] public string Text { get; set; }
        [JsonPropertyName("isDeleted")] public bool IsDeleted { get; set; }
        [JsonPropertyName("isEdited")] public bool IsEdited { get; set; }
    }

    public class ChatModel {
        public IEnumerable<Message> Messages { get; set; }
        public ChatUser CurrentUser { get; set; }
        public ChatUser SupportAgent { get; set; }
    }
}