@if (state(); as dialogState) {
<app-modal-shell
  [title]="title()"
  [subtitle]="subtitle()"
  ariaLabel="Execution error details"
  maxWidth="760px"
  (backdropClick)="close()"
  (closeClick)="close()">

  <div class="execution-error__body">
    <div class="execution-error__actions">
      <button
        type="button"
        mat-stroked-button
        class="execution-error__copy"
        aria-label="Copy the error text"
        (click)="copyErrors($event)">
        <mat-icon [fontIcon]="copied() ? 'check' : 'content_copy'"></mat-icon>
        <span>{{ copied() ? 'Copied' : 'Copy' }}</span>
      </button>
    </div>

    @for (error of dialogState.errors; track $index) {
    <pre class="execution-error__text">{{ error }}</pre>
    }
  </div>
</app-modal-shell>
}