Component

Citation

A claim that depends on a source carries the source with it.

A chip with the document name. The URL is the link, not the label.

May is the busiest fair month, so rooms go first. SourceCity fair calendarFictional reference note.

Do

Attach the source to the claim it supports.
Name the document, not the URL.
Keep it inline with the sentence.

Don't

Dump a bibliography under every message.
Cite a source the agent did not use.
Style it like a primary action.

Props

Prop	Type	Description
title	string	The document name.
href	string	Optional link. The chip text stays the title.
detail	string	A short note beside the chip, not inside it.

A2UI message

v0.9.1 envelope. catalogId is latch://catalog/v1. The preview under the message is rendered by the adapter, not hand-built.

JSON

[
  {
    "version": "v0.9.1",
    "createSurface": {
      "surfaceId": "source",
      "catalogId": "latch://catalog/v1"
    }
  },
  {
    "version": "v0.9.1",
    "updateComponents": {
      "surfaceId": "source",
      "components": [
        {
          "id": "root",
          "component": "Column",
          "children": [
            "claim",
            "source"
          ]
        },
        {
          "id": "claim",
          "component": "Text",
          "text": "May is the busiest fair month, so rooms go first.",
          "variant": "body"
        },
        {
          "id": "source",
          "component": "Citation",
          "title": "City fair calendar",
          "href": "#city-fair-calendar",
          "detail": "Fictional reference note."
        }
      ]
    }
  }
]

May is the busiest fair month, so rooms go first.

SourceCity fair calendarFictional reference note.