// Sihirbaz hunisinin statik anlatımı: interaktif demo yerine akışın tamamını
// tek bakışta gösteren bir mermaid şeması. Çizim, ürün genelindeki ortak
// "el çizimi" bileşeniyle yapılır (bkz. features/rehber/components/el-cizimi-sema.tsx).

import { ElCizimiSema } from "@/features/rehber/components/el-cizimi-sema";

// Renkler ürünün risk dilinden (kırmızı/sarı/yeşil) ve slate paletinden;
// renk tek başına anlam taşımaz, her düğüm metinle etiketlidir.
const SEMA = `---
config:
  look: handDrawn
---
flowchart TD
  T("Sıralamanla açılan tüm programlar") --> A("1. adım · Alan seçimi<br/>yalnızca ulaşabildiğin alanlar listelenir")
  A --> B("2. adım · İl seçimi<br/>iller, seçtiğin alanlardaki program sayısına göre yeniden sayılır")
  B --> C("3. adım · Devlet / Vakıf<br/>sayılar hem alanı hem ili hesaba katar")
  C --> H("Aday havuzu<br/>elde kalan gerçek programlar")
  H --> S{"Havuzda 24'ten az program mı kaldı?"}
  S -- "evet" --> G("Filtreler adım adım gevşetilir<br/>önce il, sonra alan — listede açıkça belirtilir")
  G --> H
  H --> U("Havuz yine de dar kalırsa<br/>liste eldeki programlarla kurulur, dağılım havuza uyarlanır ve sana açıkça söylenir")
  S -- "hayır" --> Y("Yapay zekâ havuzdan en fazla 24 tercih seçer<br/>havuzda olmayan bölümü yazamaz, her satıra gerekçe yazar")
  U --> Y
  Y --> R("Risk notu ve trend özeti<br/>gerçek sıralama geçmişinden hesaplanır, yapay zekâ yorumu değildir")
  R --> L("En fazla 24 tercihlik liste")
  L --> L1("üstte hayal — hedef 5, havuz elverdiğince")
  L --> L2("ortada dengeli — hedef 13, havuz elverdiğince")
  L --> L3("sonda garanti — hedef 6, havuz elverdiğince")

  classDef havuz fill:#eff6ff,stroke:#3b82f6,color:#1e3a8a
  classDef uyari fill:#fffbeb,stroke:#f59e0b,color:#92400e
  classDef hayal fill:#fee2e2,stroke:#ef4444,color:#991b1b
  classDef dengeli fill:#fef3c7,stroke:#f59e0b,color:#92400e
  classDef garanti fill:#d1fae5,stroke:#10b981,color:#065f46
  class H,Y havuz
  class G,U uyari
  class L1 hayal
  class L2 dengeli
  class L3 garanti`;

export function HuniSemasi() {
  return (
    <ElCizimiSema
      tanim={SEMA}
      ariaLabel="Sihirbaz akış şeması: sıralamanla açılan programlar alan, il ve devlet/vakıf adımlarıyla aday havuzuna daraltılır; havuz 24'ün altına düşerse filtreler gevşetilir, yine de dar kalırsa liste eldeki programlarla kurulur ve dağılım havuza uyarlanır; yapay zekâ havuzdan üstte hayal, ortada dengeli, sonda garanti olacak şekilde en fazla 24 tercih seçip her satıra gerekçe yazar; risk notu ve trend özeti gerçek sıralama geçmişinden hesaplanır."
      figcaption={
        <>
          Her adım havuzu biraz daha daraltır; yapay zekâ listeyi bu havuzun{" "}
          <span className="font-medium text-slate-700">
            dışına asla çıkmadan
          </span>{" "}
          kurar — havuz dar kalırsa liste eldeki programlarla kurulur ve bunu
          listende açıkça görürsün.
        </>
      }
    />
  );
}
