er-badge-part filter-badge-remove" data-id="${filter.id}" tabindex="0" role="button" aria-label="Remove filter">×</div>
    `;
    
    filterBadgesContainer.appendChild(badge);
    
    // Set the select values to match the current filter
    const columnSelect = badge.querySelector('.filter-badge-column select');
    const operatorSelect = badge.querySelector('.filter-badge-operator select');
    
    if (columnSelect) columnSelect.value = filter.column;
    if (operatorSelect) operatorSelect.value = fil