export function SessionLifecycleSection() {
  return (
    <div className="space-y-4">
      <p className="text-gray-600 mb-4">
        Sessions verwalten den Zustand von Agent-Interaktionen. Jede Session hat einen definierten
        Lebenszyklus mit Checkpoints fuer Recovery.
      </p>

      <div className="bg-gray-50 rounded-xl p-6 font-mono text-sm">
        <div className="text-gray-500 mb-2"># Session State Machine</div>
        <pre className="text-gray-700">{`
                    ┌─────────────────────────────────────┐
                    │                                     │
                    ▼                                     │
┌──────────┐    ┌──────────┐    ┌──────────┐    ┌──────────┐
│  ACTIVE  │───▶│  PAUSED  │───▶│ COMPLETED│    │  FAILED  │
└──────────┘    └──────────┘    └──────────┘    └──────────┘
     │               │                               ▲
     │               │                               │
     └───────────────┴───────────────────────────────┘
                          (bei Fehler)

States:
- ACTIVE: Session laeuft, Agent verarbeitet Tasks
- PAUSED: Session pausiert, wartet auf Eingabe
- COMPLETED: Session erfolgreich beendet
- FAILED: Session mit Fehler beendet
        `}</pre>
      </div>

      <div className="mt-6">
        <h4 className="font-semibold text-gray-900 mb-3">Heartbeat Monitoring</h4>
        <div className="bg-white border border-gray-200 rounded-xl p-5">
          <div className="grid grid-cols-3 gap-4 text-center">
            <div>
              <div className="text-2xl font-bold text-gray-900">30s</div>
              <div className="text-sm text-gray-500">Timeout</div>
            </div>
            <div>
              <div className="text-2xl font-bold text-gray-900">5s</div>
              <div className="text-sm text-gray-500">Check Interval</div>
            </div>
            <div>
              <div className="text-2xl font-bold text-gray-900">3</div>
              <div className="text-sm text-gray-500">Max Missed Beats</div>
            </div>
          </div>
          <p className="text-sm text-gray-600 mt-4 text-center">
            Nach 3 verpassten Heartbeats wird der Agent als ausgefallen markiert und die
            Restart-Policy greift (max. 3 Versuche).
          </p>
        </div>
      </div>
    </div>
  )
}
