Renderizar referencias
Las referencias son las fuentes que el asistente cita con una respuesta. Llegan en cada resultado como result.payload.references: un array que recorres en la plantilla de respuesta, renderizando una tarjeta (la plantilla highlighted) por fuente.
Qué contiene una referencia
| Campo | Qué es |
|---|---|
id | El ID único de la referencia. |
title | Su título. |
url | Un enlace a la fuente. |
dataset | El dataset o la fuente de la que procede. |
summary | Un resumen generado por IA (cuando está disponible). |
body | El texto completo (puede estar vacío). |
status, owner, parent, foundTime, key | Metadatos sobre el elemento. |
type | El tipo de contenido: decide qué tarjeta lo renderiza (consulta el siguiente tema). |
metaOgImageURL | Una imagen de vista previa, cuando la fuente la tiene. |
pages | Índices de página de un documento de varias páginas, usados para abrir la vista previa. |
reaction | La reacción del visitante a la respuesta, si la hay. |
Recorrer y mostrar
{% for reference in result.payload.references %}
<article class="skdwn-ref">
<h4>{{ reference.title }}</h4>
{% if reference.metaOgImageURL %}
<img src="{{ reference.metaOgImageURL }}" alt="{{ reference.title }}"/>
{% endif %}
{% if reference.summary %}
<p>{{ reference.summary | ellipsis: 160 }}</p>
{% endif %}
<a href="{{ reference.url }}" target="_blank">Open</a>
</article>
{% endfor %}{{ }} imprime un valor; {% %} es lógica. El filtro ellipsis recorta el texto largo: uno de los muchos filtros integrados.