Function renderSection

web/src/scripts/main.js:333–359

(id, options = {})

}

function renderSection(id, options = {}) {
    const section = sections.find((candidate) => candidate.id === id) || sections[0];
    if (!section) return;

    currentSectionId = section.id;
    if (activeSection) activeSection.dataset.currentId = section.id;
    setActiveNav(section.id);
    setSectionHeader(
        section.fullName || section.name,
        section.items?.length || 0,
        '',
        getSectionDescription(section),
    );
    renderCards(section.items || []);
    setResultStatus('', false);
    if (emptyState) emptyState.style.display = 'none';
    if (activeSection) activeSection.style.display = '';
    if (searchInput && options.clearSearch) searchInput.value = '';
    clearSearchBtn?.classList.toggle('visible', Boolean(searchInput?.value?.trim()));
    if (options.updateUrl) updateUrl({ sectionId: section.id });
    if (options.scroll) {
        const top = activeSection
            ? activeSection.getBoundingClientRect().top + window.pageYOffset - 80
            : 0;
        window.scrollTo({ top, behavior: 'smooth' });
    }
}

function getMatches(item, query) {
    const title = item.title || '';