  </div>
    <div role="radio" :aria-checked="tab === 'reporters'" @click="tab = 'reporters'" @mouseover="tab = 'reporters'">
      <p class="font-semibold">Reporters</p>
      <p class="text-base">Receive events on build progress and completion.</p>
    </div>
  </div>
  <div x-data="{shown: false}" x-intersect:enter="shown = true" x-intersect:leave="shown = false" class="order-1 lg:order-2 flex flex-col bg-gray-800 dark:bg-gray-900 text-black dark:text-white rounded-md border-gray-200 dark:border-gray-700