{
  "name": "dashboard-page-header",
  "kind": "block",
  "primary": "header",
  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "slots": [],
  "nested": [
    "dashboard-tabs"
  ],
  "attrs": {},
  "html": "<header>\n      <div>\n        <h1>Dashboard</h1>\n        <div data-actions>\n          <button-ui text=\"Export\" icon=\"download\" variant=\"outline\"></button-ui>\n          <button-ui text=\"+ New\" variant=\"primary\"></button-ui>\n        </div>\n      </div>\n      <p>Welcome back. Here's what's happening.</p>\n      <tabs-ui value=\"overview\"><!-- nested: dashboard-tabs --></tabs-ui>\n    </header>",
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "metadata": {
    "domain": "dashboard",
    "description": "Dashboard page header band with title, date-range picker, and tab navigation.",
    "keywords": [
      "dashboard",
      "header",
      "title",
      "date",
      "range",
      "tabs",
      "navigation"
    ],
    "related": [
      "dashboard-admin-page",
      "dashboard-overview-panel"
    ],
    "tags": {
      "complexity": "simple",
      "layout": "header"
    }
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "display",
      "textContent": "Dashboard"
    },
    {
      "id": "button",
      "component": "Button",
      "icon": "download",
      "text": "Export",
      "variant": "outline"
    },
    {
      "id": "button-2",
      "component": "Button",
      "text": "+ New",
      "variant": "primary"
    },
    {
      "id": "column",
      "component": "Column",
      "data-actions": "",
      "children": [
        "button",
        "button-2"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "children": [
        "text",
        "column"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column-2"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "section"
      ]
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "textContent": "Welcome back. Here's what's happening."
    },
    {
      "id": "tab",
      "component": "Tab",
      "text": "Overview",
      "value": "overview"
    },
    {
      "id": "tab-2",
      "component": "Tab",
      "text": "Audience",
      "value": "audience"
    },
    {
      "id": "tab-3",
      "component": "Tab",
      "text": "Acquisition",
      "value": "acquisition"
    },
    {
      "id": "tab-4",
      "component": "Tab",
      "text": "Behavior",
      "value": "behavior"
    },
    {
      "id": "tab-5",
      "component": "Tab",
      "text": "Conversion",
      "value": "conversion"
    },
    {
      "id": "tab-6",
      "component": "Tab",
      "text": "Reports",
      "value": "reports"
    },
    {
      "id": "tab-7",
      "component": "Tab",
      "text": "Notifications",
      "value": "notifications"
    },
    {
      "id": "tabs-2",
      "component": "Tabs",
      "value": "overview",
      "children": [
        "tab",
        "tab-2",
        "tab-3",
        "tab-4",
        "tab-5",
        "tab-6",
        "tab-7"
      ]
    },
    {
      "id": "tabs",
      "component": "Tabs",
      "value": "overview",
      "children": [
        "tabs-2"
      ]
    },
    {
      "id": "root",
      "component": "Header",
      "children": [
        "card",
        "text-2",
        "tabs"
      ]
    }
  ]
}