{
"name": "agent-canvas-shell",
"kind": "page",
"primary": "article",
"page": "/catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
"slots": [
{
"name": "toolbar",
"tagName": "header",
"html": "\n \n \n \n \n \n \n \n \n \n "
},
{
"name": "canvas",
"tagName": "section",
"html": "Canvas surface"
},
{
"name": "inspector",
"tagName": "section",
"html": "\n Inspector\n \n Label\n \n \n \n Type\n \n \n \n \n \n \n "
},
{
"name": "chat",
"tagName": "section",
"html": "\n \n Agent messages will appear here.\n \n "
}
],
"nested": [],
"attrs": {},
"html": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n\n \n",
"source": "catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
"metadata": {
"domain": "agent",
"description": "Agent canvas shell — workspace for visual agent composition with pane layout.",
"keywords": [
"agent",
"canvas",
"shell",
"workspace",
"visual",
"pane",
"layout",
"inspector"
]
},
"captured_at": "2026-06-07T19:28:13.657Z",
"template": [
{
"id": "button",
"component": "Button",
"icon": "hand",
"size": "sm",
"variant": "ghost"
},
{
"id": "button-2",
"component": "Button",
"icon": "cursor",
"size": "sm",
"variant": "ghost"
},
{
"id": "column",
"component": "Column"
},
{
"id": "button-3",
"component": "Button",
"icon": "plus",
"size": "sm",
"variant": "ghost"
},
{
"id": "button-4",
"component": "Button",
"icon": "trash",
"size": "sm",
"variant": "ghost"
},
{
"id": "row",
"component": "Row",
"align": "center",
"gap": "2",
"children": [
"button",
"button-2",
"column",
"button-3",
"button-4"
]
},
{
"id": "button-5",
"component": "Button",
"icon": "play",
"size": "sm",
"text": "Run",
"variant": "primary"
},
{
"id": "button-6",
"component": "Button",
"icon": "download",
"size": "sm",
"text": "Export",
"variant": "outline"
},
{
"id": "row-2",
"component": "Row",
"gap": "2",
"children": [
"button-5",
"button-6"
]
},
{
"id": "header",
"component": "Header",
"data-chunk-slot": "toolbar",
"children": [
"row",
"row-2"
]
},
{
"id": "text",
"component": "Text",
"color": "subtle",
"textContent": "Canvas surface"
},
{
"id": "section-2",
"component": "Section",
"data-chunk-slot": "canvas",
"children": [
"text"
]
},
{
"id": "section",
"component": "Section",
"children": [
"header",
"section-2"
]
},
{
"id": "text-2",
"component": "Text",
"size": "lg",
"strong": true,
"textContent": "Inspector"
},
{
"id": "text-3",
"component": "Text",
"textContent": "Label",
"variant": "body"
},
{
"id": "input",
"component": "Input",
"value": "Untitled node"
},
{
"id": "stack-2",
"component": "Stack",
"children": [
"text-3",
"input"
]
},
{
"id": "text-4",
"component": "Text",
"textContent": "Type",
"variant": "body"
},
{
"id": "choice-picker",
"component": "ChoicePicker",
"options": [
{
"value": "LLM",
"label": "LLM"
},
{
"value": "Tool",
"label": "Tool"
},
{
"value": "Condition",
"label": "Condition"
}
]
},
{
"id": "stack-3",
"component": "Stack",
"children": [
"text-4",
"choice-picker"
]
},
{
"id": "stack",
"component": "Stack",
"children": [
"text-2",
"stack-2",
"stack-3"
]
},
{
"id": "section-3",
"component": "Section",
"data-chunk-slot": "inspector",
"children": [
"stack"
]
},
{
"id": "text-5",
"component": "Text",
"size": "sm",
"strong": true,
"textContent": "Agent"
},
{
"id": "header-2",
"component": "Header",
"children": [
"text-5"
]
},
{
"id": "text-6",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Agent messages will appear here."
},
{
"id": "section-5",
"component": "Section",
"children": [
"text-6"
]
},
{
"id": "input-2",
"component": "Input",
"placeholder": "Ask the agent…"
},
{
"id": "footer",
"component": "Footer",
"children": [
"input-2"
]
},
{
"id": "section-4",
"component": "Section",
"data-chunk-slot": "chat",
"children": [
"header-2",
"section-5",
"footer"
]
},
{
"id": "sidebar",
"component": "Sidebar",
"children": [
"section-3",
"section-4"
]
},
{
"id": "column-4",
"component": "Column",
"children": [
"section",
"sidebar"
]
},
{
"id": "section-6",
"component": "Section",
"children": [
"column-4"
]
},
{
"id": "root",
"component": "Card",
"children": [
"section-6"
]
}
]
}