Generatieve UI met Lyra Gen
Modelantwoorden die worden weergegeven als echte, gevalideerde Lyra-besturingselementen.
Lyra Gen zet het gestructureerde antwoord van een model om in toegankelijke Lyra-componenten via een beoordeelde catalogus. Gegenereerde inhoud kan alleen catalogusrollen noemen, nooit willekeurige tags, scripts of acties; je applicatie houdt het modelverzoek, de gegevens, de acties en de opslag in handen.
Voorbeeld
Kies een beoordeelde subset van de catalogus en valideer daarna een gegenereerde weergave voordat je die rendert.
import '@aceshooting/lyra-ui/theme.css';
import { initialCatalog, subsetCatalog } from '@aceshooting/lyra-gen/catalog.js';
import { validateView } from '@aceshooting/lyra-gen/runtime.js';
import { LyraGenViewElement } from '@aceshooting/lyra-gen/gen-view.js';
const selected = subsetCatalog(initialCatalog, ['stack', 'heading', 'text']);
if (!selected.ok) throw new Error('The requested catalog is unavailable.');
const catalog = selected.value;
const result = validateView({
version: '1', catalog: { id: catalog.id, version: catalog.version },
surfaceId: 'answer-1', revision: 0,
root: { id: 'summary', type: 'stack', children: [
{ id: 'title', type: 'heading', text: 'Quarterly summary' },
{ id: 'detail', type: 'text', text: 'Revenue increased this quarter.' },
] },
}, catalog);
if (!result.ok) throw new Error('The generated view was rejected.');
const view = new LyraGenViewElement();
view.catalog = catalog;
view.document = result.value;
document.body.append(view);