<div class="agent-card" (click)="onSelect()">
  <div class="agent-icon">
    <fa-icon [icon]="getIcon()"></fa-icon>
  </div>
  <div class="agent-content">
    <h3 class="agent-name">{{ agent.name }}</h3>
    <p class="agent-description">{{ agent.description }}</p>
  </div>
</div>
