<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "Here are the documents you requested.",
        authorId: "support",
        authorName: "Support Agent",
        timestamp: new Date(2026, 0, 1, 9, 0),
        files: [
            { name: "document1.pdf", size: 1024000, url: "path/to/document1.pdf" },
            { name: "document2.pdf", size: 2048000, url: "path/to/document2.pdf" }
        ]
    }
];

$("#chat").kendoChat({
    messages: {
        downloadAll: "Download all files"
    },
    authorId: "user",
    dataSource: messagesData
});
</script>