---
import Layout from '@/layouts/AdminLayout.astro';
import AvatarVariantsManager from '@/components/admin/intelligence/AvatarVariantsManager';
---

<Layout title="Avatar Variants | Spark Intelligence">
  <div class="p-8 space-y-8">
    <div class="flex justify-between items-start">
      <div>
        <h1 class="text-3xl font-bold text-white tracking-tight">🧬 Variant Laboratory</h1>
        <p class="text-zinc-400 mt-2 max-w-2xl">
          Fine-tune specific persona variations. Create "Aggressive" sales clones or "Empathetic" support agents 
          derived from your base Avatars.
        </p>
      </div>
    </div>

    <AvatarVariantsManager client:load />
  </div>
</Layout>
