Function buildParentModelLayoutRows

renderer.js:19185–19244

(displayRecords, columns, view, itemHeight, paddingVertical, verticalGap)

              modelId = fullModel.id;
              // Also check if tags are already in the full model
              if (fullModel.tags && Array.isArray(fullModel.tags) && fullModel.tags.length > 0) {
                const tagNames = fullModel.tags.map(t => (typeof t === 'string' ? t : (t.name || t))).filter(Boolean);
                tagNames.sort((a, b) => a.localeCompare(b)); // Sort tags alphabetically
                const tagsText = tagNames.join(', ');
                const tagsValueSpan = tagsItem.querySelector('.tags-info');
                if (tagsValueSpan) {
                  fillTagsWithFilterLinks(tagsValueSpan, tagNames);
                  tagsValueSpan.setAttribute('title', tagsText); // Show full tag list on hover
                  tagsValueSpan.style.color = '#ccc';
                }
                return;
              }
            }
          }
          
          // Load tags using model ID
          if (modelId) {
            const tags = await window.electron.getModelTags(modelId);
            if (tags && tags.length > 0) {
              const tagNames = tags.map(t => (typeof t === 'string' ? t : (t.name || t))).filter(Boolean);
              tagNames.sort((a, b) => a.localeCompare(b)); // Sort tags alphabetically
              const tagsText = tagNames.join(', ');
              const tagsValueSpan = tagsItem.querySelector('.tags-info');
              if (tagsValueSpan) {
                fillTagsWithFilterLinks(tagsValueSpan, tagNames);
                tagsValueSpan.setAttribute('title', tagsText); // Show full tag list on hover
                tagsValueSpan.style.color = '#ccc';
              }
            } else {
              // Remove the tags item if no tags found
              tagsItem.remove();
            }
          } else {
            // Remove the tags item if we can't get model ID
            tagsItem.remove();
          }
        } catch (err) {
          console.error('Error loading tags:', err);
          // Remove the tags item on error
          tagsItem.remove();
        }
      };
      
      loadTags();
    }
    
    // Show file details in detailed view
    fileDetails.appendChild(metadataContainer);
    fileDetails.style.padding = '0'; // Remove all padding
    fileDetails.style.margin = '0'; // Remove all margin
    fileInfo.appendChild(fileDetails);
  }
  
  item.appendChild(fileInfo);

  if (view === 'detailed') {
    const engagementBar = createModelEngagementBar(model);
    item.appendChild(engagementBar);