{
"name": "gallery-page-shell",
"kind": "page",
"primary": "article",
"page": "/catalog/page-shells/app/gallery-page/gallery-page.contents.html",
"slots": [
{
"name": "header",
"tagName": "header",
"html": "Media Gallery\n \n \n \n "
},
{
"name": "filter-bar",
"tagName": "section",
"html": "\n \n \n \n \n \n \n \n \n \n \n \n "
},
{
"name": "grid",
"tagName": "section",
"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 \n "
},
{
"name": "lightbox",
"tagName": "dialog-ui",
"html": ""
}
],
"nested": [],
"attrs": {},
"html": "\n \n Media Gallery\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \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/gallery-page/gallery-page.contents.html",
"metadata": {
"domain": "layout",
"description": "Image gallery page with header (title + view toggle) and responsive image grid surface.",
"keywords": [
"gallery",
"images",
"grid",
"masonry",
"photos",
"thumbnails",
"browse",
"view-toggle"
]
},
"captured_at": "2026-06-07T19:28:13.657Z",
"template": [
{
"id": "text",
"component": "Text",
"size": "lg",
"strong": true,
"textContent": "Media Gallery"
},
{
"id": "button",
"component": "Button",
"icon": "upload",
"size": "sm",
"text": "Upload",
"variant": "outline"
},
{
"id": "button-2",
"component": "Button",
"icon": "folder",
"size": "sm",
"variant": "ghost"
},
{
"id": "row",
"component": "Row",
"gap": "2",
"children": [
"button",
"button-2"
]
},
{
"id": "header",
"component": "Header",
"data-chunk-slot": "header",
"children": [
"text",
"row"
]
},
{
"id": "input",
"component": "Input",
"placeholder": "Search media…"
},
{
"id": "choice-picker",
"component": "ChoicePicker",
"size": "sm",
"options": [
{
"value": "All types",
"label": "All types"
},
{
"value": "Images",
"label": "Images"
},
{
"value": "Videos",
"label": "Videos"
},
{
"value": "Documents",
"label": "Documents"
}
]
},
{
"id": "choice-picker-2",
"component": "ChoicePicker",
"size": "sm",
"options": [
{
"value": "Any time",
"label": "Any time"
},
{
"value": "Today",
"label": "Today"
},
{
"value": "This week",
"label": "This week"
},
{
"value": "This month",
"label": "This month"
}
]
},
{
"id": "section",
"component": "Section",
"data-chunk-slot": "filter-bar",
"children": [
"input",
"choice-picker",
"choice-picker-2"
]
},
{
"id": "text-2",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 1"
},
{
"id": "section-3",
"component": "Section",
"children": [
"column"
]
},
{
"id": "column",
"component": "Column",
"children": [
"text-2"
]
},
{
"id": "card",
"component": "Card",
"padding": "0",
"children": [
"section-3"
]
},
{
"id": "text-3",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 2"
},
{
"id": "section-4",
"component": "Section",
"children": [
"column-2"
]
},
{
"id": "column-2",
"component": "Column",
"children": [
"text-3"
]
},
{
"id": "card-2",
"component": "Card",
"padding": "0",
"children": [
"section-4"
]
},
{
"id": "text-4",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 3"
},
{
"id": "section-5",
"component": "Section",
"children": [
"column-3"
]
},
{
"id": "column-3",
"component": "Column",
"children": [
"text-4"
]
},
{
"id": "card-3",
"component": "Card",
"padding": "0",
"children": [
"section-5"
]
},
{
"id": "text-5",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 4"
},
{
"id": "section-6",
"component": "Section",
"children": [
"column-4"
]
},
{
"id": "column-4",
"component": "Column",
"children": [
"text-5"
]
},
{
"id": "card-4",
"component": "Card",
"padding": "0",
"children": [
"section-6"
]
},
{
"id": "text-6",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 5"
},
{
"id": "section-7",
"component": "Section",
"children": [
"column-5"
]
},
{
"id": "column-5",
"component": "Column",
"children": [
"text-6"
]
},
{
"id": "card-5",
"component": "Card",
"padding": "0",
"children": [
"section-7"
]
},
{
"id": "text-7",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 6"
},
{
"id": "section-8",
"component": "Section",
"children": [
"column-6"
]
},
{
"id": "column-6",
"component": "Column",
"children": [
"text-7"
]
},
{
"id": "card-6",
"component": "Card",
"padding": "0",
"children": [
"section-8"
]
},
{
"id": "text-8",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 7"
},
{
"id": "section-9",
"component": "Section",
"children": [
"column-7"
]
},
{
"id": "column-7",
"component": "Column",
"children": [
"text-8"
]
},
{
"id": "card-7",
"component": "Card",
"padding": "0",
"children": [
"section-9"
]
},
{
"id": "text-9",
"component": "Text",
"color": "subtle",
"size": "sm",
"textContent": "Image 8"
},
{
"id": "section-10",
"component": "Section",
"children": [
"column-8"
]
},
{
"id": "column-8",
"component": "Column",
"children": [
"text-9"
]
},
{
"id": "card-8",
"component": "Card",
"padding": "0",
"children": [
"section-10"
]
},
{
"id": "grid",
"component": "Grid",
"columns": "2 4@md",
"gap": "3",
"children": [
"card",
"card-2",
"card-3",
"card-4",
"card-5",
"card-6",
"card-7",
"card-8"
]
},
{
"id": "section-2",
"component": "Section",
"data-chunk-slot": "grid",
"children": [
"grid"
]
},
{
"id": "image",
"component": "Image",
"alt": "Preview",
"src": "/placeholder.png"
},
{
"id": "lightbox",
"component": "Column",
"data-chunk-slot": "lightbox",
"children": [
"image"
]
},
{
"id": "column-9",
"component": "Column",
"children": [
"section",
"section-2",
"lightbox"
]
},
{
"id": "section-11",
"component": "Section",
"children": [
"column-9"
]
},
{
"id": "root",
"component": "Card",
"children": [
"header",
"section-11"
]
}
]
}