Table Of Contents

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

Surfaces
webgoogle-apps-script-webmcp-apps
Degraded on
SurfaceNote
google-meet-stageSticky placement logic loses layout sync relative to video stages.
google-chatMulti-level structure drops, collapsing to plain flat text.
emailScroll monitoring active section highlighting fails completely.
Live preview
📋 Table of Contents
    Fields
    FieldType
    headingsarray. 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",
        "google-apps-script-web",
        "mcp-apps"
      ],
      "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"
      ]
    }
    ← Full ARD catalog
    Deploy your own Google Apps Script renderer

    The renderer is an open-source Google Apps Script web app. 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 a2ui/apps-script-surface/gas-wired-renderer
    clasp push && clasp deploy
    Full deploy guide →