@if (vm$ | async; as vm) {
  <pa-chip class="plan-summary">
    <span
      class="plan-summary__label"
      [class.plan-summary__label--no-days]="vm.daysLeft === null">
      {{ vm.labelKey | translate }}
      @if (vm.daysLeft !== null) {
        <span class="plan-summary__days">
          {{
            vm.daysLeft === 1
              ? ('account.day_left' | translate)
              : ('account.days_left' | translate: { days: vm.daysLeft })
          }}
        </span>
      }
    </span>
    @if (vm.used !== null) {
      <span class="plan-summary__tokens">
        @if (vm.limit !== null) {
          {{
            'account.trial.token-usage-value'
              | translate: { used: (vm.used | number: '1.0-0'), limit: (vm.limit | number: '1.0-0') }
          }}
        } @else {
          {{ 'account.trial.token-usage-unlimited' | translate: { used: (vm.used | number: '1.0-0') } }}
        }
      </span>
    }
  </pa-chip>
  @if (showUpgrade$ | async) {
    <a
      class="upgrade-link"
      (click)="goToSubscriptions()">
      {{ 'billing.upgrade' | translate }}
    </a>
  }
}