Answer Sources | Zyeon UI

Preview in your theme

variant='row', 8 sources, maxVisible=3 — the strip under an answer. Cards carry the citation number from the data (source 7 is dead, source 8 has no favicon), the excerpt is one hover or one Tab away, and the five hidden sources sit behind an explicit '+5 more' tile rather than being silently cut. Narrow the window and the strip scrolls instead of squeezing a card.

Sources· 8

eur-lex.europa.eu1Regulation (EU) 2024/1689 — obligations for providers of general-purpose AI modelsJul 12, 2024
digital-strategy.ec.europa.eu2GPAI Code of Practice: what signatories committed to in the second review roundMar 18, 2026
reuters.com3EU softens AI Act reporting rules for smaller model providers, drafts showApr 21, 2026

The numbering is the whole point: hover, focus or click an inline [n] in this fake answer and the matching card highlights and scrolls into view. Source 6 is behind the '+5 more' tile at maxVisible=3, so the strip expands itself first — a scroll to a card that isn't rendered would be a silent no-op.

The 2026 review round cut the systemic-risk notification window from 90 days to 30. and drafts would let providers below the threshold file once a year instead of per release. Teams report a median of 92 engineer-hours per release, almost all of it dataset archaeology. which is exactly the bottleneck compliance leads describe: nobody can say what an old checkpoint was trained on.

Sources· 8

variant='list', maxVisible=3 — the side-panel shape. Excerpts render inline (clamped to two lines, full text in the preview) and the header toggle opens all 8. Same data, same numbers as the strip above.

Sources· 8

onSelect intercepts a plain left click — the app opens the source in its own reader instead of a new tab, and the callback is echoed below. Modified clicks (⌘/Ctrl/Shift/Alt, middle) are left to the browser, so 'open in a new tab' never stops working.

Sources· 4

onSelect hasn't fired — click a source (⌘/Ctrl-click still opens the real URL in a tab)

A deep-research run: 18 sources, defaultExpanded, so every one of the 18 is fully visible in a wrapping grid instead of a strip you have to drag. The tail is seeded (faker.seed) and its numbers continue from 9 — n is authored upstream, never recomputed from the array index.

Sources· 18

The layout stressers: a 175-character title, a 57-character five-level host, a favicon URL that 404s (the tile falls back to a monogram — never a broken-image glyph), a dead source whose 136-character URL wraps inside the preview panel instead of widening it, and a source with no date at all. The long title wraps (wrap-anywhere + min-w-0) rather than pushing the card wider — at 320px too.

Sources· 4

status='ready' with 2 sources — under the cap, so no expand control is rendered at all. Shown as a list here so both cards fit this column at their natural width instead of being squeezed.

Sources· 2

status='loading' — the retrieval sidecar hasn't answered yet. The skeletons mirror the real two-level structure, so the answer above doesn't jump when they resolve; they stop pulsing under prefers-reduced-motion.

Sources

status='empty' — a real answer with no grounding: the model answered from its parameters. Not an error, and not an excuse to render nothing at all.

Sources

This answer wasn't grounded in any source.

status='error' — the sources failed to load while the answer itself rendered fine. It says so, and offers a retry.

Sources

Couldn't load the sources

The retrieval service timed out after 5s. request-id: 9c41-2f0a

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro