<commit_before><div class="profiler-wrapper">
  <menu>
    <span *ngIf="state === 'idle'" (click)="startRecording()" class="start-recording-button"></span>
    <span *ngIf="state === 'recording'" (click)="stopRecording()" class="recording-button"></span>
    <span *ngIf="state === 'visualizing'" (click)="discardRecording()" class="discard-button">&#10060;</span>
  </menu>
  <div id="profiler-content-wrapper">
    <p class="instructions" [class.hidden]="state !== 'idle'">
      <span
        >Click the record button <span class="start-recording-button"></span> to start a new recording, or upload a json
        file containing profiler data
      </span>
      <span>
        <input type="file" (change)="importProfilerResults($event)" placeholder="Upload file" accept=".json" />
      </span>
    </p>
    <p class="recording" [class.hidden]="state !== 'recording'">
      <ng-recording-modal></ng-recording-modal>
    </p>
    <p class="visualization" [class.hidden]="state !== 'visualizing'">
      <ng-recording-timeline
        [class.hidden]="state !== 'visualizing'"
        [records]="stream"
        (exportProfile)="exportProfilerResults()"
      >
      </ng-recording-timeline>
    </p>
  </div>
</div><commit_msg>fix(devtools): reset the timeline component when discarding a recording<commit_after><div class="profiler-wrapper">
  <menu>
    <span *ngIf="state === 'idle'" (click)="startRecording()" class="start-recording-button"></span>
    <span *ngIf="state === 'recording'" (click)="stopRecording()" class="recording-button"></span>
    <span *ngIf="state === 'visualizing'" (click)="discardRecording()" class="discard-button">&#10060;</span>
  </menu>
  <div id="profiler-content-wrapper">
    <p class="instructions" [class.hidden]="state !== 'idle'">
      <span
        >Click the record button <span class="start-recording-button"></span> to start a new recording, or upload a json
        file containing profiler data
      </span>
      <span>
        <input type="file" (change)="importProfilerResults($event)" placeholder="Upload file" accept=".json" />
      </span>
    </p>
    <p class="recording" [class.hidden]="state !== 'recording'">
      <ng-recording-modal></ng-recording-modal>
    </p>
    <p class="visualization" *ngIf="state === 'visualizing'">
      <ng-recording-timeline [records]="stream" (exportProfile)="exportProfilerResults()"> </ng-recording-timeline>
    </p>
  </div>
</div>
{'fraction_non_alphanumeric': 0.19794661190965093, 'fraction_numerical': 0.004106776180698152, 'mean_word_length': 4.022680412371134, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 61, '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': '4443952', 'n_tokens_mistral': 786, 'n_tokens_neox': 767, 'n_words': 153}