<commit_before><h1>{{title}}</h1>

<div class="row">
    <select class="form-control"
            (change)="fetchPostsByUser({ userId: $event.target.value })">
        <option value="">
                Select a User...
        </option>    
        <option *ngFor="let user of users" 
                value="{{user.id}}">
                {{user.name}}
        </option>
    </select>
</div>

<div class="row">
    <div class="col-md-6">
        <spinner [isVisible]="arePostsLoading"></spinner>
        <ul class="list-group posts">
            <li class="list-group-item"
                *ngFor="let post of posts"
                (click)="postSelected(post)"
                [ngClass]="{'active': selectedPost && post.id === selectedPost.id}">
                {{post.title}}
            </li>
        </ul>
    </div>

    <div class="col-md-6"
         *ngIf="selectedPost">
        <div class="panel panel-default">
             <div class="panel-heading">
                <h3 class="panel-title">{{selectedPost.title}}</h3>
             </div>
             <div class="panel-body">
                {{selectedPost.body}}
             </div>
        </div>

        <div><commit_msg>Added some space below select list<commit_after><h1>{{title}}</h1>

<div class="row">
    <select class="form-control"
            (change)="fetchPostsByUser({ userId: $event.target.value })">
        <option value="">
                Select a User...
        </option>    
        <option *ngFor="let user of users" 
                value="{{user.id}}">
                {{user.name}}
        </option>
    </select>
    <br />
</div>

<div class="row">
    <div class="col-md-6">
        <spinner [isVisible]="arePostsLoading"></spinner>
        <ul class="list-group posts">
            <li class="list-group-item"
                *ngFor="let post of posts"
                (click)="postSelected(post)"
                [ngClass]="{'active': selectedPost && post.id === selectedPost.id}">
                {{post.title}}
            </li>
        </ul>
    </div>

    <div class="col-md-6"
         *ngIf="selectedPost">
        <div class="panel panel-default">
             <div class="panel-heading">
                <h3 class="panel-title">{{selectedPost.title}}</h3>
             </div>
             <div class="panel-body">
                {{selectedPost.body}}
             </div>
        </div>

        <div>
{'fraction_non_alphanumeric': 0.17678868552412647, 'fraction_numerical': 0.004991680532445923, 'mean_word_length': 1.6112920738327905, 'pattern_counts': {'":': 0, '<': 62, '<?xml version=': 0, '>': 62, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6504978', 'n_tokens_mistral': 732, 'n_tokens_neox': 697, 'n_words': 135}