如何在Forge Viewer中覆盖ModelStructurePanel以首先显示可用模型列表(但不加载它们，直到我单击它们中的任何一个)

// 初始化 Forge Viewer
let viewer;
function initializeViewer() {
    const options = {
        env: 'AutodeskProduction',
        getAccessToken: function(onTokenReady) {
            // 获取访问令牌的逻辑
            const token = 'YOUR_ACCESS_TOKEN';
            const timeInSeconds = 3600; // 令牌有效期
            onTokenReady(token, timeInSeconds);
        }
    };
    Autodesk.Viewing.Initializer(options, function() {
        viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('forgeViewer'));
        viewer.start();
        // 加载模型
        const documentId = 'urn:YOUR_URN';
        Autodesk.Viewing.Document.load(documentId, onDocumentLoadSuccess, onDocumentLoadFailure);
    });
}

function onDocumentLoadSuccess(doc) {
    const viewables = doc.getRoot().getDefaultGeometry();
    viewer.loadDocumentNode(doc, viewables).then(() => {
        // 覆盖 ModelStructurePanel
        const modelStructurePanel = viewer.getExtension('Autodesk.ModelStructure');
        if (modelStructurePanel) {
            modelStructurePanel.setVisible(false); // 隐藏默认的结构面板
        }
        // 创建自定义面板
        const customPanel = document.createElement('div');
        customPanel.id = 'customModelList';
        customPanel.innerHTML = '<ul id="modelList"></ul>';
        document.getElementById('forgeViewer').appendChild(customPanel);

        // 填充模型列表
        const modelList = doc.getRoot().search({ type: 'geometry', role: '3d' });
        const ul = document.getElementById('modelList');
        modelList.forEach(model => {
            const li = document.createElement('li');
            li.textContent = model.name;
            li.onclick = () => loadModel(model);
            ul.appendChild(li);
        });
    });
}

function onDocumentLoadFailure(viewerErrorCode) {
    console.error('onDocumentLoadFailure() - errorCode:' + viewerErrorCode);
}

function loadModel(model) {
    // 加载模型的逻辑
    viewer.loadModel(model, { skipHiddenFragments: true });
}

initializeViewer();