Function addContextMenuHandler

renderer.js:16130–16171

(fileElement, filePath)

  const fileDetails = document.createElement('div');
  fileDetails.className = 'file-details';
  fileDetails.innerHTML = `<span class="directory-label">Size:
    <span>${file.size? formatFileSize(file.size): ''}</span>
  `;
  fileInfo.appendChild(fileDetails);
  fileElement.appendChild(fileInfo);

  fileElement.addEventListener('click', () => {
    toggleModelSelection(fileElement, file.filePath);
  });
 // Designer info is now shown in metadata section, so we don't need it here
 // Removed redundant designer info display

  if (!file.thumbnail &&!skipThumbnail) {
    const fileExtension = file.filePath.split('.').pop().toLowerCase();
    if (isEmbeddedImagePreviewExt(fileExtension)) {
      try {
        const images = await extractEmbeddedPreviewImages(file.filePath, fileExtension);
        if (images && images.length > 0) {
          const firstImage = images[0];
          console.log(`[DEBUG] renderFile: Using ${images.length} embedded image(s) from ${fileExtension.toUpperCase()}: ${file.filePath}`);
          const img = document.createElement('img');
          img.src = firstImage;
          img.className = 'model-thumbnail';
          thumbnailContainer.innerHTML = '';
          thumbnailContainer.appendChild(img);
          thumbnailContainer.classList.remove('loading');

          await window.electron.addMultipleThumbnails(file.filePath, images);
          file.thumbnail = firstImage;

          return fileElement;
        } else {
          console.log(`[DEBUG] renderFile: No embedded images found in 3MF: ${file.filePath}`);
        }
      } catch (imageError) {
        console.error('renderFile: Error checking for embedded image:', imageError);
      }
    }

    try {
      const thumbnail = await new Promise((resolve, reject) => {
        renderQueue.push({
          filePath: file.filePath,
          container: thumbnailContainer,