{
  "name": "agent-tool-call-accordion",
  "kind": "block",
  "primary": "accordion-ui",
  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<accordion-ui>\n        <accordion-item-ui>\n          <span slot=\"trigger\">\n            <row-ui gap=\"2\" align=\"center\">\n              <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n              <text-ui strong>get_revenue</text-ui>\n              <text-ui color=\"subtle\">returned 4 rows · 340ms</text-ui>\n              <badge-ui text=\"DONE\" variant=\"success\"></badge-ui>\n            </row-ui>\n          </span>\n          <code-ui\n            language=\"json\"\n            text='{\n  \"from\":  \"2025-01-01\",\n  \"to\":    \"2025-12-31\",\n  \"group\": \"quarter\"\n}'\n          ></code-ui>\n        </accordion-item-ui>\n      </accordion-ui>",
  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "metadata": {
    "domain": "agent",
    "description": "Agent tool-call accordion — collapsible row whose trigger shows the tool name, a success check icon, a return summary (rows + latency), and a DONE status badge; expanding reveals the call's JSON arguments in a code block. The accordion-shaped variant of an agent tool-call result.",
    "keywords": [
      "agent",
      "tool",
      "call",
      "accordion",
      "function",
      "invocation",
      "collapsible",
      "trigger",
      "status",
      "badge",
      "done",
      "check",
      "icon",
      "json",
      "arguments",
      "code",
      "block",
      "latency",
      "rows",
      "returned",
      "get_revenue",
      "assistant",
      "trace",
      "expandable"
    ]
  },
  "captured_at": "2026-06-10T16:56:21.616Z",
  "template": [
    {
      "id": "check-circle",
      "component": "Icon",
      "name": "check-circle"
    },
    {
      "id": "text-2",
      "component": "Text",
      "strong": true,
      "textContent": "get_revenue"
    },
    {
      "id": "text-3",
      "component": "Text",
      "color": "subtle",
      "textContent": "returned 4 rows · 340ms"
    },
    {
      "id": "badge",
      "component": "Badge",
      "text": "DONE",
      "variant": "success"
    },
    {
      "id": "row",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "check-circle",
        "text-2",
        "text-3",
        "badge"
      ]
    },
    {
      "id": "text",
      "component": "Text",
      "variant": "body",
      "slot": "trigger",
      "children": [
        "row"
      ]
    },
    {
      "id": "code",
      "component": "Code",
      "language": "json",
      "text": "{\n  \"from\":  \"2025-01-01\",\n  \"to\":    \"2025-12-31\",\n  \"group\": \"quarter\"\n}"
    },
    {
      "id": "accordion-item",
      "component": "AccordionItem",
      "children": [
        "text",
        "code"
      ]
    },
    {
      "id": "root",
      "component": "Accordion",
      "children": [
        "accordion-item"
      ]
    }
  ]
}