{
  "name": "map-with-location-list",
  "kind": "block",
  "primary": "grid-ui",
  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "columns": "1 5@md",
    "gap": "4"
  },
  "html": "<grid-ui\n        columns=\"1 5@md\"\n        gap=\"4\">\n        <image-ui span=\"3\" src=\"https://picsum.photos/seed/map-q4/640/480\" alt=\"Map of field-visit locations\" radius=\"md\" style=\"aspect-ratio: 4/3\"></image-ui>\n        <card-ui span=\"2\">\n          <header>\n            <h3>Field visits · Q4</h3>\n          </header>\n          <section>\n            <list-ui divider>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>San Francisco</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Acme Corp · Globex · 3 more</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>New York</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Stark Industries · 2 more</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>London</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Umbrella Corp</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>Berlin</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Wayne Enterprises</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n            </list-ui>\n          </section>\n        </card-ui>\n      </grid-ui>",
  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Map with location list — a wide map image paired with a side card listing the plotted places, each row a map-pin icon, a place name, and the entities at that location. The standard 'map + legend list' layout for geographic results.",
    "keywords": [
      "map",
      "location",
      "list",
      "places",
      "geographic",
      "pins",
      "markers",
      "field",
      "visits",
      "cities",
      "region",
      "side",
      "panel",
      "legend",
      "map",
      "pin",
      "icon",
      "address",
      "site",
      "list",
      "locations",
      "plotted",
      "map",
      "plus",
      "list",
      "geo",
      "map",
      "view",
      "directory"
    ]
  },
  "captured_at": "2026-06-10T16:56:21.616Z",
  "template": [
    {
      "id": "image",
      "component": "Image",
      "alt": "Map of field-visit locations",
      "radius": "md",
      "src": "https://picsum.photos/seed/map-q4/640/480"
    },
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Field visits · Q4"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text"
      ]
    },
    {
      "id": "map-pin",
      "component": "Icon",
      "name": "map-pin"
    },
    {
      "id": "text-2",
      "component": "Text",
      "strong": true,
      "textContent": "San Francisco"
    },
    {
      "id": "text-3",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Acme Corp · Globex · 3 more"
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "0",
      "children": [
        "text-2",
        "text-3"
      ]
    },
    {
      "id": "row",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "map-pin",
        "column"
      ]
    },
    {
      "id": "list-item",
      "component": "ListItem",
      "children": [
        "row"
      ]
    },
    {
      "id": "icon",
      "component": "Icon",
      "name": "map-pin"
    },
    {
      "id": "text-4",
      "component": "Text",
      "strong": true,
      "textContent": "New York"
    },
    {
      "id": "text-5",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Stark Industries · 2 more"
    },
    {
      "id": "column-2",
      "component": "Column",
      "gap": "0",
      "children": [
        "text-4",
        "text-5"
      ]
    },
    {
      "id": "row-2",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon",
        "column-2"
      ]
    },
    {
      "id": "list-item-2",
      "component": "ListItem",
      "children": [
        "row-2"
      ]
    },
    {
      "id": "icon-2",
      "component": "Icon",
      "name": "map-pin"
    },
    {
      "id": "text-6",
      "component": "Text",
      "strong": true,
      "textContent": "London"
    },
    {
      "id": "text-7",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Umbrella Corp"
    },
    {
      "id": "column-3",
      "component": "Column",
      "gap": "0",
      "children": [
        "text-6",
        "text-7"
      ]
    },
    {
      "id": "row-3",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-2",
        "column-3"
      ]
    },
    {
      "id": "list-item-3",
      "component": "ListItem",
      "children": [
        "row-3"
      ]
    },
    {
      "id": "icon-3",
      "component": "Icon",
      "name": "map-pin"
    },
    {
      "id": "text-8",
      "component": "Text",
      "strong": true,
      "textContent": "Berlin"
    },
    {
      "id": "text-9",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Wayne Enterprises"
    },
    {
      "id": "column-4",
      "component": "Column",
      "gap": "0",
      "children": [
        "text-8",
        "text-9"
      ]
    },
    {
      "id": "row-4",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-3",
        "column-4"
      ]
    },
    {
      "id": "list-item-4",
      "component": "ListItem",
      "children": [
        "row-4"
      ]
    },
    {
      "id": "list",
      "component": "List",
      "divider": true,
      "children": [
        "list-item",
        "list-item-2",
        "list-item-3",
        "list-item-4"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column-5"
      ]
    },
    {
      "id": "column-5",
      "component": "Column",
      "children": [
        "list"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "header",
        "section"
      ]
    },
    {
      "id": "root",
      "component": "Grid",
      "columns": "1 5@md",
      "gap": "4",
      "children": [
        "image",
        "card"
      ]
    }
  ]
}