Function initializeApp

renderer.js:16584–16778

()

      if (!seenTags.has(tag)) {
        seenTags.add(tag);
        finalUniqueTags.push(tag);
      }
    });

    // Populate dropdown
    if (finalUniqueTags.length === 0) {
      const noTagsOption = document.createElement('option');
      noTagsOption.value = '';
      noTagsOption.textContent = 'No tags to remove';
      noTagsOption.disabled = true;
      removeTagSelect.appendChild(noTagsOption);
    } else {
      finalUniqueTags.forEach(tagName => {
        // Additional check to prevent duplicate options in the DOM
        const existingOption = Array.from(removeTagSelect.options).find(opt => opt.value === tagName);
        if (!existingOption) {
          const option = document.createElement('option');
          option.value = tagName;
          option.textContent = tagName;
          removeTagSelect.appendChild(option);
        }
      });
    }
  } catch (error) {
    console.error('Error populating remove tag select:', error);
    const errorOption = document.createElement('option');
    errorOption.value = '';
    errorOption.textContent = 'Error loading tags';
    errorOption.disabled = true;
    removeTagSelect.appendChild(errorOption);
  }
}

// Update the addTagToModel function
// skipSave: use when populating tags from DB (showModelDetails / loadModelTags) to avoid redundant saves
async function addTagToModel(tagName, containerId, options = {}) {
  const { skipSave = false } = options;
  const tagContainer = document.getElementById(containerId);
  if (!tagContainer) {
    console.error(`Tag container with ID ${containerId} not found`);
    return;
  }
  
  // Check if tag already exists visually
  const existingTag = Array.from(tagContainer.children)
    .find(tag => tag.getAttribute('data-tag-name') === tagName);
  
  if (existingTag) return; // Don't add visual duplicates

  // Create new tag element
  const tag = document.createElement('div');
  tag.className = 'tag';
  tag.setAttribute('data-tag-name', tagName);
  tag.setAttribute('title', tagName); // Show full tag name on hover
  tag.innerHTML = `
    <span class="tag-text">${tagName}</span>
    <span class=\"tag-remove\">×</span>
  `;