122 lines
4.2 KiB
HTML
122 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>RAG Playground</title>
|
|
<link rel="stylesheet" href="/playground/styles.css" />
|
|
</head>
|
|
<body>
|
|
<main class="layout">
|
|
<header class="hero">
|
|
<div>
|
|
<p class="eyebrow">RAG Playground</p>
|
|
<h1>Pruebas rapidas del RAG</h1>
|
|
<p class="lead">Interfaz interna para probar ingesta, retrieve, answer y comparacion sin RAG desde el mismo servicio.</p>
|
|
</div>
|
|
<button id="healthButton" class="secondary">Comprobar health</button>
|
|
</header>
|
|
|
|
<section class="grid">
|
|
<article class="panel">
|
|
<h2>Ingesta</h2>
|
|
<label>Tipo de fuente
|
|
<select id="ingestSourceType">
|
|
<option value="folder">folder</option>
|
|
<option value="file">file</option>
|
|
</select>
|
|
</label>
|
|
<label>Ruta de la fuente
|
|
<input id="ingestSourceRef" value="/home/pancho/Documentos/Empresa/Desarrollo/IA/docs" />
|
|
</label>
|
|
<label>Modo
|
|
<select id="ingestMode">
|
|
<option value="mechanical">mechanical</option>
|
|
<option value="interactive">interactive</option>
|
|
</select>
|
|
</label>
|
|
<label>Tags (coma separada)
|
|
<input id="ingestTags" value="workspace,global-docs" />
|
|
</label>
|
|
<button id="ingestButton">Lanzar ingesta</button>
|
|
</article>
|
|
|
|
<article class="panel panel-wide">
|
|
<h2>Consulta</h2>
|
|
<label>Pregunta
|
|
<textarea id="queryInput" rows="4">que tenemos pendiente por hacer en este workspace</textarea>
|
|
</label>
|
|
|
|
<div class="row">
|
|
<label>Modo
|
|
<select id="queryMode">
|
|
<option value="documental">documental</option>
|
|
<option value="codigo">codigo</option>
|
|
<option value="auto">auto</option>
|
|
</select>
|
|
</label>
|
|
<label>Intent
|
|
<select id="queryIntent">
|
|
<option value="specific">specific</option>
|
|
<option value="bootstrap">bootstrap</option>
|
|
</select>
|
|
</label>
|
|
<label>Operacion
|
|
<select id="queryOperation">
|
|
<option value="retrieve">retrieve</option>
|
|
<option value="answer">answer</option>
|
|
</select>
|
|
</label>
|
|
<label>Modelo answer
|
|
<input id="answerModel" value="openai/gpt-4.1-mini" />
|
|
</label>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<label>Scope disponible
|
|
<select id="scopePresetSelect">
|
|
<option value="">Cargando scopes...</option>
|
|
</select>
|
|
</label>
|
|
<label>Scope por sourceRef
|
|
<input id="scopeSourceRef" value="/home/pancho/Documentos/Empresa/Desarrollo/IA/docs" />
|
|
</label>
|
|
<label>Tags (coma separada)
|
|
<input id="scopeTags" value="" />
|
|
</label>
|
|
</div>
|
|
|
|
<label class="checkbox">
|
|
<input type="checkbox" id="compareWithoutRag" />
|
|
Comparar tambien con respuesta sin RAG
|
|
</label>
|
|
|
|
<div class="actions">
|
|
<button id="queryButton">Ejecutar consulta</button>
|
|
<button id="presetDocs" class="secondary">Preset docs</button>
|
|
<button id="presetRagDocs" class="secondary">Preset RAG docs</button>
|
|
<button id="presetCode" class="secondary">Preset codigo</button>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="grid results-grid">
|
|
<article class="panel">
|
|
<h2>Resultado principal</h2>
|
|
<pre id="mainResult">Sin ejecutar aun.</pre>
|
|
</article>
|
|
<article class="panel">
|
|
<h2>Comparacion sin RAG</h2>
|
|
<pre id="compareResult">Desactivada.</pre>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="panel">
|
|
<h2>Estado / health</h2>
|
|
<pre id="healthResult">Sin comprobar.</pre>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/playground/app.js" type="module"></script>
|
|
</body>
|
|
</html>
|