script.js

$(document).ready(function () {
    $('#send').click(function () {
        const message = $('#message').val();
        const model = $('#model').val();

        if (!message.trim()) return;

        $('#chat-box').append(`<div class="bubble user"><b>user:</b><br>${message}</div>`);
        $('#message').val('');

        $.ajax({
            url: 'chat.php',
            method: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ message, model }),
            success: function (data) {
                $('#chat-box').append(`<div class="bubble assistant"><b>assistant:</b><br>${data.assistant.replace(/\n/g, '<br>')}</div>`);
                $('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);
            },
            error: function () {
                alert("Something went wrong!");
            }
        });
    });

    $('#message').keypress(function (e) {
        if (e.which === 13 && !e.shiftKey) {
            e.preventDefault();
            $('#send').click();
        }
    });
});