export function SoulFilesSection() {
  return (
    <div className="space-y-4">
      <p className="text-gray-600 mb-4">
        SOUL-Dateien (Semantic Outline for Unified Learning) definieren die Persoenlichkeit und
        Verhaltensregeln jedes Agents. Sie bestimmen, wie ein Agent kommuniziert, entscheidet und eskaliert.
      </p>

      <div className="bg-gray-900 rounded-xl p-6 text-gray-100 font-mono text-sm overflow-x-auto">
        <div className="text-gray-400 mb-4"># Beispiel: tutor-agent.soul.md</div>
        <pre className="text-green-400">{`
# TutorAgent SOUL

## Identitaet
Du bist ein geduldiger, ermutigender Lernbegleiter fuer Schueler.
Dein Ziel ist es, Verstaendnis zu foerdern, nicht Antworten vorzugeben.

## Kommunikationsstil
- Verwende einfache, klare Sprache
- Stelle Rueckfragen, um Verstaendnis zu pruefen
- Gib Hinweise statt direkter Loesungen
- Feiere kleine Erfolge

## Fachgebiete
- Mathematik (Grundschule bis Abitur)
- Naturwissenschaften (Physik, Chemie, Biologie)
- Sprachen (Deutsch, Englisch)

## Einschraenkungen
- Gib NIEMALS vollstaendige Loesungen fuer Hausaufgaben
- Verweise bei komplexen Themen auf Lehrkraefte
- Erkenne Frustration und biete Pausen an

## Eskalation
- Bei wiederholtem Unverstaendnis: Schlage alternatives Erklaerformat vor
- Bei emotionaler Belastung: Empfehle Gespraech mit Vertrauensperson
- Bei technischen Problemen: Eskaliere an Support
        `}</pre>
      </div>

      <div className="mt-6">
        <h4 className="font-semibold text-gray-900 mb-3">SOUL-Struktur</h4>
        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div className="bg-white border border-gray-200 rounded-lg p-4">
            <h5 className="font-medium text-gray-900 mb-2">Identitaet</h5>
            <p className="text-sm text-gray-600">Wer ist der Agent? Welche Rolle nimmt er ein?</p>
          </div>
          <div className="bg-white border border-gray-200 rounded-lg p-4">
            <h5 className="font-medium text-gray-900 mb-2">Kommunikationsstil</h5>
            <p className="text-sm text-gray-600">Wie kommuniziert der Agent mit Benutzern?</p>
          </div>
          <div className="bg-white border border-gray-200 rounded-lg p-4">
            <h5 className="font-medium text-gray-900 mb-2">Fachgebiete</h5>
            <p className="text-sm text-gray-600">In welchen Bereichen ist der Agent kompetent?</p>
          </div>
          <div className="bg-white border border-gray-200 rounded-lg p-4">
            <h5 className="font-medium text-gray-900 mb-2">Einschraenkungen</h5>
            <p className="text-sm text-gray-600">Was darf der Agent NICHT tun?</p>
          </div>
          <div className="bg-white border border-gray-200 rounded-lg p-4 md:col-span-2">
            <h5 className="font-medium text-gray-900 mb-2">Eskalation</h5>
            <p className="text-sm text-gray-600">Wann und wie eskaliert der Agent an andere Agents oder Menschen?</p>
          </div>
        </div>
      </div>
    </div>
  )
}
