Function initializeVirtualScrolling

renderer.js:11248–11341

(modelRefs)

      }
      
    } catch (error) {
      console.error('Error in thumbnail generation:', error);
    } finally {
      // Hide progress section after a short delay
      if (hasProgressUI) {
        setTimeout(() => {
             progressSection.classList.add('hidden');
        }, 2000);
      }
    }
  }

  // Add these constants at the top of the file (if not already present)
  const PAGE_SIZE = 100; // Number of models to keep in memory
  let allFilteredModels = []; // Store all filtered models (references only)
  let visibleModels = []; // Store currently visible models (full data)
  let currentPage = 0;
  let isVirtualScrolling = false;

  // Update the view-library-button click handler
  document.getElementById('view-library-button')?.addEventListener('click', async () => {
    try {
      window.disableGridRefresh = false;
      const gridEl = document.querySelector('.file-grid');
      if (gridEl) gridEl.currentModels = null;
      window.dateAddedFilter = null;
      window._lastDateAddedFilter = null;
      document.getElementById('designer-select').value = '';
      document.getElementById('license-select').value = '';
      document.getElementById('parent-select').value = '';
      document.getElementById('printed-select').value = 'all';
      const newSelVl2 = document.getElementById('new-select');
      if (newSelVl2) newSelVl2.value = 'all';
      document.getElementById('tag-filter').value = '';
      document.getElementById('filetype-select').value = '';
      document.getElementById('search-filter-input').value = '';
      window.currentDirectoryFilter = "";
      const viewLibMsg = document.getElementById("view-library-message");
      if (viewLibMsg) viewLibMsg.style.display = "none";
      window.viewingEntireLibrary = true;
      if (typeof window.resetCurrentFilterPanelShell === "function") {
        window.resetCurrentFilterPanelShell();
      } else {
        const filterIndicator = document.getElementById("current-filter");
        if (filterIndicator) {
          filterIndicator.innerHTML = "";
          filterIndicator.classList.remove("visible");
        }
      }
      if (typeof window.forceGridRefresh === 'function') {
        await window.forceGridRefresh();
      } else if (typeof window.performCombinedSearch === 'function') {
        await window.performCombinedSearch();
      }
      console.log("Viewing entire library");
    } catch (error) {
      console.error('Error loading library:', error);
      await window.electron.showMessage('Error', 'Failed to load library.');