Не открывается bitrix:ui.sidepanel.wrapper

function openSettingsSlider()
{
    console.log('openSettingsSlider:');

    console.log('BX:', typeof BX);
    console.log('BX.SidePanel:', typeof BX.SidePanel);
    console.log('BX.UI:', typeof BX.UI);
    console.log('window.top:', window.top);
    console.log('window.parent:', window.parent);

// Проверяем, загружены ли скрипты
    const scripts = document.querySelectorAll('script[src*="sidepanel"]');
    console.log('Скрипты sidepanel:', scripts.length);



    BX.SidePanel.Instance.open(
        '/local/templates/main/components/bitrix/iblock.element.add.form/my-component-edit/sidepanelcontent.php', // URL страницы с контентом
        {
            width: 700,
            cacheable: false,
            allowChangeHistory: true,
            events: {
                onClose: function() {
                    // Обновить грид или другие элементы на странице
                    if (window.BX && window.BX.Main && window.BX.Main.gridManager) {
                        // Пример обновления грида
                        const gridInstance = BX.Main.gridManager.getById('your-grid-id');
                        if (gridInstance) {
                            gridInstance.reload();
                        }
                    }
                }
            }
        }
    );
}

<?php
// slider-content.php - файл, который загружается в слайдер
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/modules/main/include/prolog_before.php");

// Ваш код с компонентом
$APPLICATION->IncludeComponent(
   'bitrix:ui.sidepanel.wrapper',
   '',
   [
      'POPUP_COMPONENT_NAME' => 'bitrix:main.include',
      'POPUP_COMPONENT_TEMPLATE_NAME' => 'sidebar',
      'POPUP_COMPONENT_PARAMS' => [
         'AREA_FILE_SHOW' => 'file',
         'PATH' => '/local/templates/main/components/bitrix/iblock.element.add.form/my-component-edit/include/sidebar.php',
         //'EDIT_MODE' => 'html',
      ],
      'USE_UI_TOOLBAR' => 'Y',
      'USE_PADDING' => true,
      'PLAIN_VIEW' => false,
      'PAGE_MODE' => false,
      'CLOSE_AFTER_SAVE' => 'Y',
      'RELOAD_GRID_AFTER_SAVE' => 'Y',
   ],
   false,
   ['HIDE_ICONS' => 'Y']
);

require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/modules/main/include/epilog_after.php");
?>

<?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);

if($arResult["FILE"] <> '')
   include($arResult["FILE"]);

<div id="sidebar">
   <div class="sidebar-wrap">
        test123
   </div>
   <div class="close-btn">Закрыть</div>
</div>

Uncaught TypeError: Cannot read properties of undefined (reading 'Instance')
    at openSettingsSlider (page_e3dfe4fe68b944aee3f765815d0a16a0_v1.js?178669741435460:680:18)
    at HTMLDivElement.onclick (edit/?DIRECTORY_ID=44&edit=Y&CODE=104707:1310:85)

// Проверяем, загружен ли sidepanel
$sidepanelLoaded = \Bitrix\Main\UI\Extension::load('ui.sidepanel');
var_dump($sidepanelLoaded); // Для отладки


// Добавляем скрипты вручную через Asset
$asset = \Bitrix\Main\Page\Asset::getInstance();
$asset->addJs('/bitrix/js/ui/sidepanel/sidepanel.js');
$asset->addJs('/bitrix/js/ui/buttons/buttons.js');
$asset->addCss('/bitrix/css/ui/sidepanel/sidepanel.css');

CJSCore::Init(['core', 'ui.sidepanel']);