<%- include('../layouts/main', { body: `
<div class="container-fluid px-2 px-md-4 py-3">
  <div class="d-flex align-items-center justify-content-between mb-3">
    <div>
      <h1 class="fs-4 fw-bold mb-0"><i class="bi bi-robot text-info me-2"></i>Asistente IA</h1>
      <p class="text-muted mb-0 small">Aprendizaje operativo · multiagent · Cursor Bridge (modo revisión)</p>
    </div>
    <a href="<%= bridgeUrl %>" target="_blank" rel="noopener" class="btn btn-outline-info btn-sm">
      <i class="bi bi-phone me-1"></i>Cursor Bridge
    </a>
  </div>

  <div class="card border-success mb-3">
    <div class="card-header bg-success text-white d-flex justify-content-between align-items-center py-2">
      <span><i class="bi bi-lightning-charge me-1"></i>Evolve — aprendizaje automático</span>
      <button type="button" id="aiLearnBtn" class="btn btn-light btn-sm">Analizar ahora</button>
    </div>
    <div class="card-body">
      <p class="small text-muted mb-2">Lee señales del scraper (portales obsoletos, huecos de datos, duplicados) y propone mejoras. El feedback entrena prioridades locales; los insights se pueden ingerir al RAG.</p>
      <div id="aiProposalsList" class="d-flex flex-column gap-2 mb-2"></div>
      <div class="d-flex flex-wrap gap-2">
        <button type="button" id="aiIngestInsights" class="btn btn-outline-success btn-sm"><i class="bi bi-database-up me-1"></i>Ingest insights → RAG</button>
        <button type="button" id="aiIngestProject" class="btn btn-outline-secondary btn-sm">Re-ingest código proyecto</button>
      </div>
      <div id="aiLearnResult" class="mt-2 small"></div>
    </div>
  </div>

  <div class="card border-info mb-3">
    <div class="card-header bg-info text-white d-flex justify-content-between align-items-center py-2">
      <span>Recomendaciones manuales</span>
      <span id="aiStatusBadge" class="badge bg-secondary">Comprobando…</span>
    </div>
    <div class="card-body">
      <div id="aiRecsList" class="d-flex flex-column gap-2 mb-3"></div>
      <form id="aiCustomForm" class="row g-2">
        <div class="col-md-9">
          <input type="text" class="form-control" id="aiCustomTask" placeholder="Ej: Revisa logs PM2 y propón fix para Idealista" required>
        </div>
        <div class="col-md-3">
          <button type="submit" class="btn btn-primary w-100"><i class="bi bi-stars me-1"></i>Recomendar</button>
        </div>
      </form>
      <div id="aiResult" class="mt-3 small"></div>
    </div>
  </div>
</div>
<script src="/js/ai-panel.js"></script>
` }) %>
