{
  "name": "onb-settings-review",
  "kind": "block",
  "primary": "div",
  "page": "/apps/user-flow/app/onboarding/review/review.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-onb-form": ""
  },
  "html": "<div data-onb-form>\n          <div data-onb-summary>\n            <div data-onb-summary-row>\n              <span data-summary-label>Role</span>\n              <div>\n                <span data-summary-value>Developer</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Home pinned to release dashboards.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-role').open = true\"></button-ui>\n            </div>\n\n            <div data-onb-summary-row>\n              <span data-summary-label>Source</span>\n              <div>\n                <span data-summary-value>GitHub</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Authorized as kim@acme.com · 23 repos visible.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-source').open = true\"></button-ui>\n            </div>\n\n            <div data-onb-summary-row>\n              <span data-summary-label>Data start</span>\n              <div>\n                <span data-summary-value>Sample data</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Switch to live source any time from settings.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-data-start').open = true\"></button-ui>\n            </div>\n\n            <div data-onb-summary-row>\n              <span data-summary-label>First dashboard</span>\n              <div>\n                <span data-summary-value>Weekly revenue · 6-month trend</span>\n                <text-ui color=\"subtle\" size=\"sm\" style=\"display: block\">Generated and pinned to your home.</text-ui>\n              </div>\n              <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" onclick=\"document.getElementById('drawer-first-dashboard').open = true\"></button-ui>\n            </div>\n          </div>\n\n          <alert-ui variant=\"success\" icon=\"check-circle\">\n            <span slot=\"content\"\n              ><strong>Looking good.</strong> Next we'll set notification preferences, then offer two optional companion installs (mobile app + browser\n              extension). Nothing else is required.</span\n            >\n          </alert-ui>\n        </div>",
  "source": "apps/user-flow/app/onboarding/review/review.contents.html",
  "metadata": {
    "domain": "onboarding",
    "description": "Settings review summary — review selected preferences before completing setup.",
    "keywords": [
      "onboarding",
      "review",
      "settings",
      "summary",
      "confirm",
      "finish"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "body",
      "textContent": "Role",
      "data-summary-label": ""
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "textContent": "Developer",
      "data-summary-value": ""
    },
    {
      "id": "text-3",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Home pinned to release dashboards."
    },
    {
      "id": "column-3",
      "component": "Column",
      "children": [
        "text-2",
        "text-3"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "size": "sm",
      "text": "Edit",
      "variant": "ghost"
    },
    {
      "id": "column-2",
      "component": "Column",
      "data-onb-summary-row": "",
      "children": [
        "text",
        "column-3",
        "button"
      ]
    },
    {
      "id": "text-4",
      "component": "Text",
      "variant": "body",
      "textContent": "Source",
      "data-summary-label": ""
    },
    {
      "id": "text-5",
      "component": "Text",
      "variant": "body",
      "textContent": "GitHub",
      "data-summary-value": ""
    },
    {
      "id": "text-6",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Authorized as kim@acme.com · 23 repos visible."
    },
    {
      "id": "column-5",
      "component": "Column",
      "children": [
        "text-5",
        "text-6"
      ]
    },
    {
      "id": "button-2",
      "component": "Button",
      "size": "sm",
      "text": "Edit",
      "variant": "ghost"
    },
    {
      "id": "column-4",
      "component": "Column",
      "data-onb-summary-row": "",
      "children": [
        "text-4",
        "column-5",
        "button-2"
      ]
    },
    {
      "id": "text-7",
      "component": "Text",
      "variant": "body",
      "textContent": "Data start",
      "data-summary-label": ""
    },
    {
      "id": "text-8",
      "component": "Text",
      "variant": "body",
      "textContent": "Sample data",
      "data-summary-value": ""
    },
    {
      "id": "text-9",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Switch to live source any time from settings."
    },
    {
      "id": "column-7",
      "component": "Column",
      "children": [
        "text-8",
        "text-9"
      ]
    },
    {
      "id": "button-3",
      "component": "Button",
      "size": "sm",
      "text": "Edit",
      "variant": "ghost"
    },
    {
      "id": "column-6",
      "component": "Column",
      "data-onb-summary-row": "",
      "children": [
        "text-7",
        "column-7",
        "button-3"
      ]
    },
    {
      "id": "text-10",
      "component": "Text",
      "variant": "body",
      "textContent": "First dashboard",
      "data-summary-label": ""
    },
    {
      "id": "text-11",
      "component": "Text",
      "variant": "body",
      "textContent": "Weekly revenue · 6-month trend",
      "data-summary-value": ""
    },
    {
      "id": "text-12",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Generated and pinned to your home."
    },
    {
      "id": "column-9",
      "component": "Column",
      "children": [
        "text-11",
        "text-12"
      ]
    },
    {
      "id": "button-4",
      "component": "Button",
      "size": "sm",
      "text": "Edit",
      "variant": "ghost"
    },
    {
      "id": "column-8",
      "component": "Column",
      "data-onb-summary-row": "",
      "children": [
        "text-10",
        "column-9",
        "button-4"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "data-onb-summary": "",
      "children": [
        "column-2",
        "column-4",
        "column-6",
        "column-8"
      ]
    },
    {
      "id": "text-14",
      "component": "Text",
      "variant": "body",
      "textContent": "Looking good."
    },
    {
      "id": "text-13",
      "component": "Text",
      "variant": "body",
      "slot": "content",
      "textContent": "Next we'll set notification preferences, then offer two optional companion installs (mobile app + browser extension). Nothing else is required.",
      "children": [
        "text-14"
      ]
    },
    {
      "id": "alert",
      "component": "Alert",
      "icon": "check-circle",
      "variant": "success",
      "children": [
        "text-13"
      ]
    },
    {
      "id": "root",
      "component": "Column",
      "data-onb-form": "",
      "children": [
        "column",
        "alert"
      ]
    }
  ]
}