{#each modes as mode} sortMode.set(mode.value)} class="flex items-center gap-1 px-2 py-1 text-xs transition-colors duration-150 {$sortMode === mode.value ? 'bg-[var(--primary)] text-white' : 'text-[var(--text-muted)] hover:text-[var(--text)]'}" data-testid="sort-{mode.value}" aria-label="Sort by {mode.label}" > {mode.label} {/each}