Function buildGroupedDisplayRecords

renderer.js:19061–19145

(records, options)

      });
      metadataContainer.appendChild(designerItem);
    }

    // Add source with icon (only show if this model has source data)
    const sourceValue = (model.source && model.source.trim()) ? model.source.trim() : '';
    if (sourceValue) {
      const sourceItem = document.createElement('div');
      sourceItem.className = 'metadata-item source-item';
      sourceItem.innerHTML = `
        <span class="metadata-icon">🔗</span>
        <span class="metadata-value source-info" style="color: #ccc" title="${sourceValue}">${sourceValue}</span>
      `;
      metadataContainer.appendChild(sourceItem);
    }

    // Add parent model with icon (only show if this model has parent model data)
    const parentValue = (model.parentModel && model.parentModel.trim()) ? model.parentModel.trim() : '';
    if (parentValue) {
      const parentItem = document.createElement('div');
      parentItem.className = 'metadata-item parent-item';
      parentItem.style.cursor = 'pointer';
      parentItem.classList.add('clickable-metadata');
      
      parentItem.innerHTML = `
        <span class="metadata-icon">📦</span>
        <span class="metadata-value parent-info" style="color: #ccc" title="${parentValue}">${parentValue}</span>
      `;
      
      // Add click handler to filter by parent model
      parentItem.addEventListener('click', async (e) => {
        e.preventDefault();
        e.stopPropagation();
        // Set the parent model filter
        const parentSelect = document.getElementById('parent-select');
        if (parentSelect) {
          parentSelect.value = parentValue;
          // Trigger combined search to apply filter
          if (typeof window.performCombinedSearch === 'function') {
            await window.performCombinedSearch();
          }
        }
      });
      metadataContainer.appendChild(parentItem);
    }

    // Add license with icon (only show if this model has license data)
    const licenseValue = (model.license && model.license.trim()) ? model.license.trim() : '';
    if (licenseValue) {
      const licenseItem = document.createElement('div');
      licenseItem.className = 'metadata-item license-item';
      licenseItem.style.cursor = 'pointer';
      licenseItem.classList.add('clickable-metadata');
      
      licenseItem.innerHTML = `
        <span class="metadata-icon">📜</span>
        <span class="metadata-value license-info" style="color: #ccc" title="${licenseValue}">${licenseValue}</span>
      `;
      
      // Add click handler to filter by license