'use strict'
const showDialog = function (message) {
    const overlay = document.querySelector('#overlay');
    overlay.style.display = 'block';
    document.querySelector('#main-dialog').showModal();
    document.querySelector('#main-dialog-content').innerHTML = message;
};

const hideDialog = function () {
    const overlay = document.querySelector('#overlay');
    overlay.style.display = 'none';
    document.querySelector('#main-dialog').close();
    document.querySelector('#main-dialog-content').innerHTML = '';
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('#main-dialog-ok').addEventListener('click', hideDialog);
    const promptArea = document.querySelector('#prompt');
    promptArea.addEventListener('input', function () {
        if (promptArea.scrollHeight < '300') {
            promptArea.style.height = 'auto';
            promptArea.style.height = promptArea.scrollHeight + 'px';
        }
    });
    document.querySelector('#send').addEventListener('click', function () {
        showDialog('Sending messages to ConversatorAI is currently not supported. Additional eatures are coming soon.');    });
    document.querySelector('#voice-trigger').addEventListener('click', function () {
        refreshVoiceCircle();
    });
});