{
  "name": "drawer-first-dashboard",
  "kind": "block",
  "primary": "drawer-ui",
  "page": "/apps/user-flow/app/onboarding/review/review.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "side": "right",
    "size": "md"
  },
  "html": "<drawer-ui id=\"drawer-first-dashboard\" side=\"right\" size=\"md\">\n      <header>\n        <span slot=\"icon\">\n          <avatar-ui icon=\"chart-line\"></avatar-ui>\n        </span>\n        <span slot=\"heading\">\n          <text-ui strong>First dashboard</text-ui>\n        </span>\n        <span slot=\"action\"></span>\n      </header>\n      <section>\n        <text-ui color=\"subtle\" size=\"sm\"\n          >Generated and pinned to your home. Tweak the prompt or pick a template — regenerating won't unpin the existing one.</text-ui\n        >\n      </section>\n      <section>\n        <col-ui gap=\"4\">\n          <field-ui label=\"Current dashboard\">\n            <input-ui value=\"Weekly revenue · 6-month trend\" readonly></input-ui>\n          </field-ui>\n          <field-ui label=\"Or pick a template\">\n            <select-ui value=\"\">\n              <option value=\"\">— Keep current —</option>\n              <option value=\"release-velocity\">Release velocity · 4-week rolling</option>\n              <option value=\"incident-mttr\">Incident MTTR · monthly</option>\n              <option value=\"pr-throughput\">PR throughput · per author</option>\n              <option value=\"deploy-frequency\">Deploy frequency · daily</option>\n              <option value=\"error-rate\">Error rate · last 30 days</option>\n            </select-ui>\n          </field-ui>\n          <divider-ui></divider-ui>\n          <field-ui label=\"Or describe a new one\" hint=\"Plain English. AdiaUI will pick chart types and time ranges.\">\n            <textarea-ui name=\"dashboard-prompt\" placeholder=\"e.g. Top 10 noisiest repos by failed CI runs, last 14 days.\" rows=\"3\"></textarea-ui>\n          </field-ui>\n        </col-ui>\n      </section>\n      <footer slot=\"footer\">\n        <grid-ui>\n          <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n          <button-ui text=\"Regenerate\" icon=\"sparkle\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n        </grid-ui>\n      </footer>\n    </drawer-ui>",
  "source": "apps/user-flow/app/onboarding/review/review.contents.html",
  "metadata": {
    "domain": "onboarding",
    "description": "First dashboard setup drawer — guided wizard to create initial dashboard.",
    "keywords": [
      "drawer",
      "first",
      "dashboard",
      "setup",
      "create",
      "wizard",
      "onboarding",
      "guide"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "avatar",
      "component": "Avatar",
      "icon": "chart-line"
    },
    {
      "id": "text",
      "component": "Text",
      "variant": "body",
      "slot": "icon",
      "children": [
        "avatar"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "strong": true,
      "textContent": "First dashboard"
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "slot": "heading",
      "children": [
        "text-3"
      ]
    },
    {
      "id": "text-4",
      "component": "Text",
      "variant": "body",
      "slot": "action"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "text-2",
        "text-4"
      ]
    },
    {
      "id": "text-5",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Generated and pinned to your home. Tweak the prompt or pick a template — regenerating won't unpin the existing one."
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "text-5"
      ]
    },
    {
      "id": "input",
      "component": "Input",
      "readonly": true,
      "value": "Weekly revenue · 6-month trend"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Current dashboard",
      "children": [
        "input"
      ]
    },
    {
      "id": "choice-picker",
      "component": "ChoicePicker",
      "options": [
        {
          "value": "",
          "label": "— Keep current —"
        },
        {
          "value": "release-velocity",
          "label": "Release velocity · 4-week rolling"
        },
        {
          "value": "incident-mttr",
          "label": "Incident MTTR · monthly"
        },
        {
          "value": "pr-throughput",
          "label": "PR throughput · per author"
        },
        {
          "value": "deploy-frequency",
          "label": "Deploy frequency · daily"
        },
        {
          "value": "error-rate",
          "label": "Error rate · last 30 days"
        }
      ]
    },
    {
      "id": "field-2",
      "component": "Field",
      "label": "Or pick a template",
      "children": [
        "choice-picker"
      ]
    },
    {
      "id": "divider",
      "component": "Divider"
    },
    {
      "id": "dashboard-prompt",
      "component": "TextArea",
      "name": "dashboard-prompt",
      "placeholder": "e.g. Top 10 noisiest repos by failed CI runs, last 14 days.",
      "rows": "3"
    },
    {
      "id": "field-3",
      "component": "Field",
      "hint": "Plain English. AdiaUI will pick chart types and time ranges.",
      "label": "Or describe a new one",
      "children": [
        "dashboard-prompt"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "4",
      "children": [
        "field",
        "field-2",
        "divider",
        "field-3"
      ]
    },
    {
      "id": "section-2",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "text": "Cancel",
      "variant": "ghost"
    },
    {
      "id": "button-2",
      "component": "Button",
      "icon": "sparkle",
      "text": "Regenerate",
      "variant": "primary"
    },
    {
      "id": "grid",
      "component": "Grid",
      "children": [
        "button",
        "button-2"
      ]
    },
    {
      "id": "footer",
      "component": "Footer",
      "slot": "footer",
      "children": [
        "grid"
      ]
    },
    {
      "id": "root",
      "component": "Drawer",
      "side": "right",
      "size": "md",
      "children": [
        "header",
        "section",
        "section-2",
        "footer"
      ]
    }
  ]
}