Function showDuplicateFiles

renderer.js:15382–15510

(duplicates)

  directoryHeaderContainer.style.display = 'flex';
  directoryHeaderContainer.style.alignItems = 'center';
  directoryHeaderContainer.style.cursor = 'pointer';
  directoryHeaderContainer.style.userSelect = 'none';
  const folderIcon = createSVGIcon('<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="#aaa"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>', 16);
  directoryHeaderContainer.appendChild(folderIcon);
  const directoryHeader = createSortableHeader('Parent Directory', 'directory', 'auto');
  directoryHeader.style.flex = '1';
  directoryHeader.style.minWidth = '0';
  // Make the container clickable - forward clicks to the header
  directoryHeaderContainer.addEventListener('click', (e) => {
    // If click is on the icon, trigger the header's click handler
    if (e.target === folderIcon || folderIcon.contains(e.target)) {
      directoryHeader.click();
    }
  });
  directoryHeaderContainer.appendChild(directoryHeader);
  attachListViewColumnResizeHandle(directoryHeaderContainer, 'directory');
  headerInfo.appendChild(directoryHeaderContainer);
  
  // Designer column header (sortable with icon)
  const designerWrap = document.createElement('div');
  designerWrap.className = 'list-view-col';
  designerWrap.dataset.listCol = 'designer';
  designerWrap.style.position = 'relative';
  const designerHeader = document.createElement('div');
  designerHeader.className = 'sortable-header';
  designerHeader.dataset.sortKey = 'designer';
  designerHeader.style.flexShrink = '0';
  designerHeader.style.width = '100%';
  designerHeader.style.fontSize = '12px';
  designerHeader.style.fontWeight = '600';
  designerHeader.style.color = '#aaa';
  designerHeader.style.textTransform = 'uppercase';
  designerHeader.style.letterSpacing = '0.5px';
  designerHeader.style.cursor = 'pointer';
  designerHeader.style.display = 'flex';
  designerHeader.style.alignItems = 'center';
  designerHeader.style.gap = '6px';
  designerHeader.style.userSelect = 'none';
  
  const designerIcon = createSVGIcon('<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="#a855f7"><path d="m352-522 86-87-56-57-44 44-56-56 43-44-45-45-87 87 159 158Zm328 329 87-87-45-45-44 43-56-56 43-44-57-56-86 86 158 159Zm24-567 57 57-57-57ZM290-120H120v-170l175-175L80-680l200-200 216 216 151-152q12-12 27-18t31-6q16 0 31 6t27 18l53 54q12 12 18 27t6 31q0 16-6 30.5T816-647L665-495l215 215L680-80 465-295 290-120Zm-90-80h56l392-391-57-57-391 392v56Zm420-419-29-29 57 57-28-28Z"/></svg>', 16);
  designerHeader.appendChild(designerIcon);
  
  const designerLabel = document.createElement('span');
  designerLabel.textContent = 'Designer';
  designerHeader.appendChild(designerLabel);
  
  const designerSortIndicator = document.createElement('span');
  designerSortIndicator.className = 'sort-indicator';
  designerSortIndicator.style.display = 'inline-flex';
  designerSortIndicator.style.alignItems = 'center';
  designerSortIndicator.style.marginLeft = '4px';
  designerSortIndicator.style.opacity = '0';
  designerSortIndicator.style.transition = 'opacity 0.2s ease';
  designerHeader.appendChild(designerSortIndicator);
  
  // Add click handler
  designerHeader.addEventListener('click', async () => {
    const sortSelect = document.getElementById('sort-select');