<div class="card">
<h2>Установка Bitrix24-приложения</h2>
<div id="status">Загрузка...</div>
<pre id="log"></pre>
</div>

<script src="https://unpkg.com/@bitrix24/b24jssdk@latest/dist/umd/index.min.js"></script>
<script>
function log(text) {
const logEl = document.getElementById('log');
if (logEl) logEl.textContent += (logEl.textContent ? '\n' : '') + text;
}

document.addEventListener('DOMContentLoaded', async () => {
const statusEl = document.getElementById('status');
try {
statusEl.textContent = 'Ожидание B24Js...';
while (!window.B24Js) await new Promise(resolve => setTimeout(resolve, 50));

statusEl.textContent = 'Инициализация фрейма...';
const b24 = await B24Js.initializeB24Frame();
log('b24 initialized');