@page
@model IndexModel

<h2>Customer Roleplay Chat</h2>

<div style="border:1px solid #ccc; padding:10px; height:300px; overflow-y:auto;">
    @foreach (var msg in Model.ChatHistory)
    {
        <p>
            <strong>@msg.Role:</strong> @msg.Content
        </p>
    }
</div>

<form method="post">
    <input type="text" asp-for="UserInput" style="width:80%" />
    <button type="submit">Send</button>
</form>
