Table Of Contents — A2UI Atomic Catalog

Renders an active list directory of navigation links targeting main content sections.

Surfaces

webapps-script-web

Degraded on

Surface	Note
meet-stage	Sticky placement logic loses layout sync relative to video stages.
googlechat	Multi-level structure drops, collapsing to plain flat text.
email	Scroll monitoring active section highlighting fails completely.

Fields

Field	Type
headings	array. Structured items detailing section names and anchor tags.	required

Example payload

{
  "type": "table_of_contents",
  "headings": [
    {
      "level": 2,
      "text": "Introduction"
    },
    {
      "level": 2,
      "text": "Methods"
    },
    {
      "level": 2,
      "text": "Results"
    }
  ]
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:table_of_contents",
  "displayName": "Table Of Contents",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/table_of_contents",
  "capabilities": [
    "web",
    "apps-script-web"
  ],
  "description": "Renders an active list directory of navigation links targeting main content sections.",
  "representativeQueries": [
    "show a navigate article sections using structured heading directory links",
    "renders an active list directory of navigation links targeting main content sections.",
    "render a table of contents"
  ]
}

Deploy your own renderer

The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.

git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy

Full deploy guide →