<commit_before><div class="container-fluid">

  <router-outlet name="permissions-popup"></router-outlet>
  <router-outlet name="requests-popup"></router-outlet>

  <app-sidebar orientation="left">
    <button appSidebarControl class="toggle-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
      <i class="material-icons">info</i>
    </button>
    <div appSidebarContent>
      <h2>
        Session Info
      </h2>
      <h3> {{ sessionInfo?.title }} </h3>
      <div class="session-info">
        <h3>Tutor</h3>
        <div>
          <app-display-user [user]="sessionInfo?.tutor"></app-display-user>
        </div>
        <h3>Tutees</h3>
        <div class="tutees-display">
          <app-user-auto-complete *ngIf="perm?.write" [ngModel]="sessionInfo?.tutees" (onAddUser)="addTutee($event)" (onRemoveUser)="removeTutee($event)"></app-user-auto-complete>
        </div>
      </div>
      <div *ngIf="!sessionExist">
        Session does not exist
      </div>
      <h2>
        online users
      </h2>
      <div class="online-users-display">
        <app-display-user *ngFor="let user of onlineUsers" [user]="user"></app-display-user>
      </div>
      <div class="session-actions" *ngIf="perm?.moderator">
        <h3>Admin Actions</h3>
        <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" [routerLink]="[{ outlets: { 'permissions-popup': ['permissions'], 'requests-popup': null } }]">Permissions</button>
        <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" [routerLink]="[{ outlets: { 'requests-popup': ['requests'], 'permissions-popup': null } }]">Pending join requests</button>
      </div>
    </div>
  </app-sidebar>
  <app-sidebar orientation="right">
    <button appSidebarControl class="toggle-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
      <i class="material-icons">chat</i>
    </button><commit_msg>fix a styling error<commit_after><div class="container-fluid">

  <router-outlet name="permissions-popup"></router-outlet>
  <router-outlet name="requests-popup"></router-outlet>

  <app-sidebar orientation="left">
    <button appSidebarControl class="toggle-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
      <i class="material-icons">info</i>
    </button>
    <div appSidebarContent>
      <h2>
        Session Info
      </h2>
      <h3> {{ sessionInfo?.title }} </h3>
      <div class="session-info">
        <h3>Tutor</h3>
        <div>
          <app-display-user [user]="sessionInfo?.tutor"></app-display-user>
        </div>
        <h3>Tutees</h3>
        <div class="tutees-display">
          <app-user-auto-complete *ngIf="perm?.write" [ngModel]="sessionInfo?.tutees" (onAddUser)="addTutee($event)" (onRemoveUser)="removeTutee($event)"></app-user-auto-complete>
        </div>
      </div>
      <div *ngIf="!sessionExist">
        Session does not exist
      </div>
      <h3>Users in Session</h3>
      <div class="online-users-display">
        <app-display-user *ngFor="let user of onlineUsers" [user]="user"></app-display-user>
      </div>
      <h3>Admin Actions</h3>
      <div class="session-actions" *ngIf="perm?.moderator">
        <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" [routerLink]="[{ outlets: { 'permissions-popup': ['permissions'], 'requests-popup': null } }]">Permissions</button>
        <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" [routerLink]="[{ outlets: { 'requests-popup': ['requests'], 'permissions-popup': null } }]">Pending join requests</button>
      </div>
    </div>
  </app-sidebar>
  <app-sidebar orientation="right">
    <button appSidebarControl class="toggle-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
      <i class="material-icons">chat</i>
    </button>
{'fraction_non_alphanumeric': 0.18365287588294651, 'fraction_numerical': 0.006054490413723511, 'mean_word_length': 3.2225772097976573, 'pattern_counts': {'":': 0, '<': 107, '<?xml version=': 0, '>': 107, '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': '807849', 'n_tokens_mistral': 1361, 'n_tokens_neox': 1331, 'n_words': 225}