@if (typingDisplay().length > 0) {
  <div class="px-4 py-2 backdrop-blur-sm bg-background/60">
    <span class="inline-block px-3 py-1 rounded-full text-sm text-muted-foreground">
      {{ typingDisplay().join(', ') }}
      @if (typingOthersCount() > 0) {
        and {{ typingOthersCount() }} others are typing...
      } @else {
        {{ typingDisplay().length === 1 ? 'is' : 'are' }} typing...
      }
    </span>
  </div>
}
