Function createModelItem

renderer.js:17549–18924

(model, viewMode = null, thumbPriority = THUMB_PRIORITY_BACKGROUND)

      // Use autoSaveMultipleModels which handles bulk update
      await autoSaveMultipleModels('printed', isChecked);
    });
    
    console.log('Multi-printed checkbox event listener attached');
  } else {
    console.error('Multi-printed checkbox not found');
  }

  // Add event listener for the Clear Selection button
  const clearSelectionButton = document.getElementById('clear-selection-button');
  if (clearSelectionButton) {
    clearSelectionButton.addEventListener('click', () => {
      console.log('Clear Selection button clicked');
      if (isMultiSelectMode) {
        selectedModels.clear();
        document.querySelectorAll('.file-item.selected').forEach(item => {
          item.classList.remove('selected');
        });
        
        // Clear all multi-edit form fields
        clearMultiEditFormFields();
        
        // Refresh the tag dropdown options
        populateTagSelect('multi-tag-select', 'multi-tags');
        
        updateSelectedCount(); // Update the count display
        
        console.log('Selection cleared');
      }
    });
    console.log('Clear Selection button event listener attached');
  } else {
    console.error('Clear Selection button not found');
  }
});

// ==================== NEW CODE: Virtual Grid Implementation ====================

/**
 * Grid queries omit the full `thumbnail` blob (only hasThumbnail is sent), so multi-image
 * models are discovered asynchronously via getAllThumbnails. This upgrades a detailed
 * card from a plain image to the left/right carousel + count badge.
 */
function upgradeGridItemToThumbnailCarousel(thumbnailContainer, model, validThumbnails, thumbSize, parseThumbnails) {
  const fileItem = thumbnailContainer.closest('.file-item');
  const isCarouselView =
    fileItem &&
    (fileItem.classList.contains('file-item-detailed') || fileItem.classList.contains('file-item-preview'));
  if (!isCarouselView) return;
  if (!validThumbnails || validThumbnails.length < 2) return;
  if (fileItem.querySelector('.thumbnail-nav-left')) return;

  const parent = thumbnailContainer.parentNode;
  if (!parent) return;

  const thumbnailWrapper = document.createElement('div');
  thumbnailWrapper.className = 'thumbnail-wrapper';
  thumbnailWrapper.style.position = 'relative';
  thumbnailWrapper.style.width = thumbSize.width;