{
"name": "doc-editor-shell",
"kind": "page",
"primary": "article",
"page": "/catalog/page-shells/app/doc-editor/doc-editor.contents.html",
"slots": [
{
"name": "toolbar",
"tagName": "header",
"html": "\n \n \n \n \n \n \n \n \n \n "
},
{
"name": "editor",
"tagName": "section",
"html": "\n \n \n "
},
{
"name": "preview",
"tagName": "aside",
"html": "\n Preview\n \n \n Rendered preview will appear here.\n \n \n "
},
{
"name": "metadata",
"tagName": "aside",
"html": "\n Metadata\n \n Status\n \n \n \n \n \n \n \n Tags\n \n \n \n Author\n \n \n Alex Chen\n \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 \n \n\n \n",
"source": "catalog/page-shells/app/doc-editor/doc-editor.contents.html",
"metadata": {
"domain": "layout",
"description": "Document editor shell — full-height split-pane editor with code pane and preview.",
"keywords": [
"editor",
"shell",
"document",
"split",
"pane",
"code",
"preview",
"full",
"height"
]
},
"captured_at": "2026-06-07T19:28:13.657Z",
"template": [
{
"id": "button",
"component": "Button",
"icon": "bold",
"size": "sm",
"variant": "ghost"
},
{
"id": "button-2",
"component": "Button",
"icon": "italic",
"size": "sm",
"variant": "ghost"
},
{
"id": "column",
"component": "Column"
},
{
"id": "button-3",
"component": "Button",
"icon": "list",
"size": "sm",
"variant": "ghost"
},
{
"id": "button-4",
"component": "Button",
"icon": "code",
"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": "share",
"size": "sm",
"text": "Share",
"variant": "outline"
},
{
"id": "button-6",
"component": "Button",
"icon": "globe",
"size": "sm",
"text": "Publish",
"variant": "primary"
},
{
"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": "input",
"component": "Input",
"placeholder": "Document title"
},
{
"id": "text-area",
"component": "TextArea",
"placeholder": "Start writing…"
},
{
"id": "stack",
"component": "Stack",
"children": [
"input",
"text-area"
]
},
{
"id": "section-3",
"component": "Section",
"data-chunk-slot": "editor",
"children": [
"stack"
]
},
{
"id": "text",
"component": "Text",
"size": "sm",
"strong": true,
"textContent": "Preview"
},
{
"id": "text-2",
"component": "Text",
"color": "subtle",
"textContent": "Rendered preview will appear here."
},
{
"id": "section-4",
"component": "Section",
"children": [
"column-2"
]
},
{
"id": "column-2",
"component": "Column",
"children": [
"text-2"
]
},
{
"id": "card",
"component": "Card",
"padding": "md",
"children": [
"section-4"
]
},
{
"id": "stack-2",
"component": "Stack",
"children": [
"text",
"card"
]
},
{
"id": "sidebar",
"component": "Sidebar",
"data-chunk-slot": "preview",
"children": [
"stack-2"
]
},
{
"id": "section-2",
"component": "Section",
"children": [
"section-3",
"sidebar"
]
},
{
"id": "section",
"component": "Section",
"children": [
"header",
"section-2"
]
},
{
"id": "text-3",
"component": "Text",
"size": "sm",
"strong": true,
"textContent": "Metadata"
},
{
"id": "text-4",
"component": "Text",
"textContent": "Status",
"variant": "body"
},
{
"id": "choice-picker",
"component": "ChoicePicker",
"options": [
{
"value": "Draft",
"label": "Draft"
},
{
"value": "Review",
"label": "Review"
},
{
"value": "Published",
"label": "Published"
}
]
},
{
"id": "stack-4",
"component": "Stack",
"children": [
"text-4",
"choice-picker"
]
},
{
"id": "text-5",
"component": "Text",
"textContent": "Tags",
"variant": "body"
},
{
"id": "input-2",
"component": "Input",
"placeholder": "Add tags…"
},
{
"id": "stack-5",
"component": "Stack",
"children": [
"text-5",
"input-2"
]
},
{
"id": "text-6",
"component": "Text",
"textContent": "Author",
"variant": "body"
},
{
"id": "avatar",
"component": "Avatar",
"size": "sm",
"src": "/avatar.png"
},
{
"id": "text-7",
"component": "Text",
"size": "sm",
"textContent": "Alex Chen"
},
{
"id": "row-3",
"component": "Row",
"align": "center",
"gap": "2",
"children": [
"avatar",
"text-7"
]
},
{
"id": "stack-6",
"component": "Stack",
"children": [
"text-6",
"row-3"
]
},
{
"id": "stack-3",
"component": "Stack",
"children": [
"text-3",
"stack-4",
"stack-5",
"stack-6"
]
},
{
"id": "sidebar-2",
"component": "Sidebar",
"data-chunk-slot": "metadata",
"children": [
"stack-3"
]
},
{
"id": "column-6",
"component": "Column",
"children": [
"section",
"sidebar-2"
]
},
{
"id": "section-5",
"component": "Section",
"children": [
"column-6"
]
},
{
"id": "root",
"component": "Card",
"children": [
"section-5"
]
}
]
}