<template>
  <div class="media-tab-backend" style="padding: 2rem; overflow-y: auto;">
    <div style="max-width: 640px;">
      <h2 style="font-weight: 700; font-size: 1.1rem; margin-bottom: 0.75rem; color: var(--nav-text);">LightRAG backend</h2>
      <p style="font-size: 0.9rem; line-height: 1.6; color: var(--nav-text); margin-bottom: 0.5rem;">
        Voici l'interface brute du <strong>LightRAG</strong> qui alimente la carte des pensées écologiques.
        C'est la "cuisine" du RAG : ingestion de documents, extraction d'entités, relations, requêtes.
      </p>
    </div>

    <iframe
      src="https://lightrag.trans-former.fr/"
      style="width: 100%; height: 70vh; border: 1px solid var(--nav-bg-alt, #ddd); border-radius: 8px; margin-top: 1.5rem;"
      title="LightRAG backend AEP — lecture seule"
      sandbox="allow-same-origin allow-scripts"
      loading="lazy"
    />
  </div>
</template>
