function showSizeSelectionDialog() {
    sizeSelectionPopup.style.display = '';
    const confirmButton = document.getElementById('confirm-room-size-button');
    const closeButton = document.getElementById('close-room-size');

    confirmButton.onclick = (event) => {
    event.preventDefault();

    initialRoomWidth = document.getElementById('room-width').value;
    initialRoomLength = document.getElementById('room-length').value;
    initialRoomHeight = document.getElementById('room-height').value;

    if (!initialRoomWidth || !initialRoomLength || !initialRoomHeight) {
        alert('Please set all dimensions!');
        return;
    }

    sizeSelectionPopup.style.display = 'none';
        applicationInstance.SendMessage('ApplicationAPI', 'ResizeRoom', `${initialRoomWidth};${initialRoomHeight};${initialRoomLength}`);
    };

    closeButton.onclick = (event) => {
        sizeSelectionPopup.style.display = 'none';
    }
}