<commit_before><template>
    <div>
        <h2 class="outside-card-header mb-1">
            <translate key="hdr">My Account</translate>
        </h2>

        <b-row>
            <b-col sm="12" md="6" lg="5">
                <section class="card mb-3" role="region">
                    <b-card-header header-bg-variant="primary-dark">
                        <h2 class="card-title">
                            <translate key="lang_hdr_profile">Profile</translate>
                        </h2>
                    </b-card-header>

                    <b-overlay variant="card" :show="userLoading">
                        <b-card-body body-class="card-padding-sm">
                            <b-media right-align vertical-align="center">
                                <template v-if="user.avatar.url" #aside>
                                    <avatar :url="user.avatar.url" :service="user.avatar.service"
                                            :service-url="user.avatar.serviceUrl"></avatar>
                                </template>

                                <h2 v-if="user.name" class="card-title">{{ user.name }}</h2>
                                <h2 v-else class="card-title">
                                    <translate key="lang_no_username">AzuraCast User</translate>
                                </h2>
                                <h3 class="card-subtitle">{{ user.email }}</h3>

                                <div v-if="user.roles.length > 0" class="mt-2">
                                <span v-for="role in user.roles" :key="role.id"
                                      class="badge badge-secondary">{{ role.name }}</span>
                                </div>
                            </b-media>
                        </b-card-body>
                    </b-overlay>

                    <div class="card-actions">
                        <b-button variant="outline-primary" @click.prevent="doEditProfile">
                            <icon icon="edit"></icon>
                            <translate key="lang_btn_edit_profile">Edit Profile</translate>
                        </b-button>
                    </div>
                </section>

                <section class="card" role="region">
                    <b-card-header header-bg-variant="primary-dark">
                        <h2 class="card-title">
                            <translate key="lang_hdr_security">Security</translate>
                        </h2>
                    </b-card-header>
<commit_msg>Add spacing to multiple roles on profile page.<commit_after><template>
    <div>
        <h2 class="outside-card-header mb-1">
            <translate key="hdr">My Account</translate>
        </h2>

        <b-row>
            <b-col sm="12" md="6" lg="5">
                <section class="card mb-3" role="region">
                    <b-card-header header-bg-variant="primary-dark">
                        <h2 class="card-title">
                            <translate key="lang_hdr_profile">Profile</translate>
                        </h2>
                    </b-card-header>

                    <b-overlay variant="card" :show="userLoading">
                        <b-card-body body-class="card-padding-sm">
                            <b-media right-align vertical-align="center">
                                <template v-if="user.avatar.url" #aside>
                                    <avatar :url="user.avatar.url" :service="user.avatar.service"
                                            :service-url="user.avatar.serviceUrl"></avatar>
                                </template>

                                <h2 v-if="user.name" class="card-title">{{ user.name }}</h2>
                                <h2 v-else class="card-title">
                                    <translate key="lang_no_username">AzuraCast User</translate>
                                </h2>
                                <h3 class="card-subtitle">{{ user.email }}</h3>

                                <div v-if="user.roles.length > 0" class="mt-2">
                                <span v-for="role in user.roles" :key="role.id"
                                      class="badge badge-secondary mr-2">{{ role.name }}</span>
                                </div>
                            </b-media>
                        </b-card-body>
                    </b-overlay>

                    <div class="card-actions">
                        <b-button variant="outline-primary" @click.prevent="doEditProfile">
                            <icon icon="edit"></icon>
                            <translate key="lang_btn_edit_profile">Edit Profile</translate>
                        </b-button>
                    </div>
                </section>

                <section class="card" role="region">
                    <b-card-header header-bg-variant="primary-dark">
                        <h2 class="card-title">
                            <translate key="lang_hdr_security">Security</translate>
                        </h2>
                    </b-card-header>

{'fraction_non_alphanumeric': 0.13116679718089272, 'fraction_numerical': 0.00802662490211433, 'mean_word_length': 1.0201660735468565, 'pattern_counts': {'":': 0, '<': 109, '<?xml version=': 0, '>': 111, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 16, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3812908', 'n_tokens_mistral': 1323, 'n_tokens_neox': 1237, 'n_words': 206}