Function generateThumbnail

renderer.js:15613–15686

(file)

        const model = await window.electron.getModel(filePath);
        return model && model.tags ? (Array.isArray(model.tags) ? model.tags : []) : [];
      } catch (error) {
        console.error(`Error loading tags for ${filePath}:`, error);
        return [];
      }
    });

    const allTagsArrays = await Promise.all(tagPromises);
    
    // Collect unique tags across all selected files
    const uniqueTags = new Set();
    allTagsArrays.forEach(tags => {
      if (Array.isArray(tags)) {
        tags.forEach(tag => {
          if (tag && typeof tag === 'string') {
            const normalizedTag = tag.trim();
            if (normalizedTag) {
              uniqueTags.add(normalizedTag);
            }
          }
        });
      }
    });

    // Sort tags alphabetically
    const sortedTags = Array.from(uniqueTags).sort((a, b) => a.localeCompare(b));

    // Display tags in the container with remove functionality
    sortedTags.forEach(tagName => {
      // Check if tag already exists visually
      const existingTag = Array.from(multiTagsContainer.children)
        .find(tag => tag.getAttribute('data-tag-name') === tagName);
      
      if (!existingTag) {
        // Create tag element with remove functionality
        const tag = document.createElement('div');
        tag.className = 'tag';
        tag.setAttribute('data-tag-name', tagName);
        tag.setAttribute('title', tagName);
        tag.innerHTML = `
          <span class="tag-text">${tagName}</span>
          <span class="tag-remove">×</span>
        `;
        
        // Add remove handler with auto-save
        tag.querySelector('.tag-remove')?.addEventListener('click', async () => {
          tag.remove();
          // Auto-save the updated tags after REMOVAL
          const currentTags = Array.from(multiTagsContainer.querySelectorAll('.tag'))
            .map(t => t.getAttribute('data-tag-name'));
          
          // Use replaceTags: true to replace tags instead of merging
          await autoSaveMultipleModels('tags', currentTags, { replaceTags: true });
          
          // Refresh the remove tag dropdown after removal
          await populateRemoveTagSelect();
        });
        
        multiTagsContainer.appendChild(tag);