Visualizzare i riferimenti
I riferimenti sono le fonti che l’assistente cita con una risposta. Arrivano su ogni risultato come result.payload.references: un array su cui iteri nel template della risposta, visualizzando una scheda (il template highlighted) per ogni fonte.
Cosa contiene un riferimento
| Campo | Cos’è |
|---|---|
id | L’ID univoco del riferimento. |
title | Il suo titolo. |
url | Un link alla fonte. |
dataset | Il dataset/la fonte da cui proviene. |
summary | Un riepilogo generato dall’IA (quando disponibile). |
body | Il testo completo (può essere vuoto). |
status, owner, parent, foundTime, key | Metadati sull’elemento. |
type | Il tipo di contenuto: determina quale scheda lo visualizza (vedi l’argomento successivo). |
metaOgImageURL | Un’immagine di anteprima, quando la fonte ne ha una. |
pages | Gli indici delle pagine di un documento multipagina, usati per aprire l’anteprima. |
reaction | La reazione del visitatore alla risposta, se presente. |
Iterare e visualizzare
{% 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 %}
{{ }} stampa un valore; {% %} è logica. Il filtro ellipsis accorcia i testi lunghi: uno dei tanti filtri integrati.