{
  "name": "settings-notification-activity-checkboxes",
  "kind": "block",
  "primary": "div",
  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-section": ""
  },
  "html": "<div data-section>\n    <aside>\n      <h3>Activity</h3>\n      <p>What types of events trigger notifications.</p>\n    </aside>\n    <div data-col>\n      <check-ui label=\"New team member joins\" checked></check-ui>\n      <check-ui label=\"API key rotated\" checked></check-ui>\n      <check-ui label=\"Usage threshold reached\" checked></check-ui>\n      <check-ui label=\"Billing changes\"></check-ui>\n      <check-ui label=\"Deployment completed\"></check-ui>\n    </div>\n  </div>",
  "source": "apps/saas/app/settings-page/settings-page.contents.html",
  "metadata": {
    "domain": "settings",
    "description": "Notification activity triggers — a column of check-ui checkboxes selecting which event types (member joins, key rotated, threshold reached, billing, deploys) fire notifications. The event-filter half of a notifications settings section.",
    "keywords": [
      "settings",
      "notifications",
      "activity",
      "events",
      "check-ui",
      "checkbox",
      "triggers",
      "member-joins",
      "api-key-rotated",
      "usage-threshold",
      "billing",
      "deployment",
      "opt-in",
      "event-types",
      "notification-settings",
      "workspace",
      "preferences"
    ]
  },
  "captured_at": "2026-06-10T13:16:11.236Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Activity"
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "textContent": "What types of events trigger notifications."
    },
    {
      "id": "sidebar",
      "component": "Sidebar",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "check-box",
      "component": "CheckBox",
      "checked": true,
      "label": "New team member joins"
    },
    {
      "id": "check-box-2",
      "component": "CheckBox",
      "checked": true,
      "label": "API key rotated"
    },
    {
      "id": "check-box-3",
      "component": "CheckBox",
      "checked": true,
      "label": "Usage threshold reached"
    },
    {
      "id": "check-box-4",
      "component": "CheckBox",
      "label": "Billing changes"
    },
    {
      "id": "check-box-5",
      "component": "CheckBox",
      "label": "Deployment completed"
    },
    {
      "id": "column",
      "component": "Column",
      "data-col": "",
      "children": [
        "check-box",
        "check-box-2",
        "check-box-3",
        "check-box-4",
        "check-box-5"
      ]
    },
    {
      "id": "root",
      "component": "Column",
      "data-section": "",
      "children": [
        "sidebar",
        "column"
      ]
    }
  ]
}