{# Pane 6 — Bots 24h activity.
   DEPRECATED in Plan 57 — superseded by the bot activity chart
   (Row 3) which shows hourly success/failure stacked bars. File
   kept in case the old summary card is wanted back. #}
<a href="/admin/bots" class="card p-4 block">
  <div class="flex items-center justify-between mb-3">
    <div class="flex items-center gap-2">
      <i data-lucide="bot" class="w-4 h-4 text-cmdop-400"></i>
      <h2 class="text-[13px] font-semibold text-ink-100 tracking-tight">Bots (24h)</h2>
    </div>
  </div>
  <template x-if="data.bots === null">
    <div class="text-[13px] text-ink-500">Loading…</div>
  </template>
  <template x-if="data.bots">
    <div class="space-y-2">
      <div class="flex items-baseline gap-3">
        <span class="text-[28px] font-mono font-semibold tracking-tight text-ink-100" x-text="data.bots.messages_24h"></span>
        <span class="text-[12px] text-ink-400">messages</span>
      </div>
      <div class="text-[12px] flex items-center gap-3">
        <span class="text-ink-500 uppercase tracking-wider text-[11px]">success rate</span>
        <span class="font-mono font-semibold tracking-tight"
              :class="data.bots.success_rate >= 0.95 ? 'text-emerald-300'
                    : data.bots.success_rate >= 0.80 ? 'text-amber-300'
                    : 'text-red-300'"
              x-text="(data.bots.success_rate * 100).toFixed(1) + '%'"></span>
        <span class="text-ink-500 font-mono" x-show="data.bots.failures_24h > 0">
          (<span x-text="data.bots.failures_24h"></span> fail)
        </span>
      </div>
      <template x-if="data.bots.messages_24h === 0">
        <p class="text-[11px] text-ink-500 pt-2 border-t border-white/[0.06]">Nobody chatted with bots in 24h.</p>
      </template>
    </div>
  </template>
</a>