@adia-ai/a2ui-corpus 0.6.22 → 0.6.24

package/chunks/popover-with-content.json

@@ -25,7 +25,7 @@
       "dropdown"
     ]
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/progress-tracker-milestones.json

@@ -24,7 +24,7 @@
       "tasks"
     ]
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/real-time-metrics-dashboard.json

@@ -25,7 +25,7 @@
       "progress"
     ]
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",
@@ -265,7 +265,8 @@
     {
       "id": "chart",
       "component": "Chart",
-      "type": "line"
+      "type": "line",
+      "data": "[{\"t\":0,\"v\":1100},{\"t\":10,\"v\":1180},{\"t\":20,\"v\":1240},{\"t\":30,\"v\":1284},{\"t\":40,\"v\":1310},{\"t\":50,\"v\":1295},{\"t\":60,\"v\":1284}]"
     },
     {
       "id": "section-5",

package/chunks/reg-address-form.json

@@ -27,7 +27,7 @@
       "location"
     ]
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/reg-billing-card.json

@@ -26,7 +26,7 @@
       "purchase"
     ]
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "card",

package/chunks/reg-brand-scrape.json

@@ -10,5 +10,328 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Company URL\">\n            <input-ui name=\"url\" type=\"url\" placeholder=\"https://acme.com\" value=\"https://acme.com\" autocomplete=\"url\"></input-ui>\n          </field-ui>\n\n          <div data-reg-found-status>\n            <icon-ui name=\"check-circle\"></icon-ui>\n            <text-ui> <strong>Found 4 things</strong> on acme.com — review each below, then continue. </text-ui>\n            <button-ui text=\"Re-scan\" variant=\"ghost\" size=\"sm\" type=\"button\" style=\"margin-inline-start: auto\"></button-ui>\n          </div>\n\n          <col-ui gap=\"2\">\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"image-square\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Logo</text-ui>\n                    <badge-ui text=\"Found\" variant=\"success\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    Pulled <code>acme-logo-dark.svg</code> at 240×80 from the site header. Light variant inferred via auto-invert.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"logo\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"palette\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Brand colors</text-ui>\n                    <badge-ui text=\"Found\" variant=\"success\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    Primary <code>#1B5BFA</code>, accent <code>#FFC857</code>, surface <code>#0E1116</code>. Sampled from your hero, CTAs, and footer.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"colors\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"quotes\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Tagline</text-ui>\n                    <badge-ui text=\"AI generated\" variant=\"warning\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    \"Acme is the fastest way to ship infrastructure for modern teams.\" — distilled from your homepage hero + about copy.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"tagline\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"link\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Social &amp; presence</text-ui>\n                    <badge-ui text=\"Found\" variant=\"success\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    LinkedIn · Twitter · GitHub · YouTube — 4 official handles found. Slack and Discord links not detected.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" icon=\"pencil-simple\" type=\"button\" data-edit=\"social\"></button-ui>\n              </header>\n            </card-ui>\n\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"text-aa\"></avatar-ui></span>\n                <span slot=\"heading\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <text-ui strong>Typography</text-ui>\n                    <badge-ui text=\"Couldn't infer\" variant=\"muted\"></badge-ui>\n                  </row-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">\n                    Site uses a custom hosted font. Pick a library family or upload your brand font from admin → workspace → branding.\n                  </text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Set up\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\" type=\"button\" data-edit=\"typography\"></button-ui>\n              </header>\n            </card-ui>\n          </col-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → branding\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint> Workspace will use a generic logo and accent palette until you complete branding. </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/brand-scrape/brand-scrape.contents.html",
-  "captured_at": "2026-05-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "forms",
+    "description": "Brand import step — company URL field to auto-import logo and brand colors.",
+    "keywords": [
+      "registration",
+      "brand",
+      "scrape",
+      "import",
+      "url",
+      "logo",
+      "colors",
+      "setup"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "url",
+      "component": "Input",
+      "type": "url",
+      "autocomplete": "url",
+      "name": "url",
+      "placeholder": "https://acme.com",
+      "value": "https://acme.com"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "Company URL",
+      "children": [
+        "url"
+      ]
+    },
+    {
+      "id": "check-circle",
+      "component": "Icon",
+      "name": "check-circle"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Found 4 things on acme.com — review each below, then continue."
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "button",
+      "size": "sm",
+      "text": "Re-scan",
+      "variant": "ghost"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-reg-found-status": "",
+      "children": [
+        "check-circle",
+        "text",
+        "button"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Logo"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Pulled acme-logo-dark.svg at 240×80 from the site header. Light variant inferred via auto-invert."
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "type": "button",
+      "icon": "pencil-simple",
+      "text": "Edit",
+      "variant": "ghost",
+      "data-edit": "logo"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-4",
+        "button-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Brand colors"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Primary #1B5BFA , accent #FFC857 , surface #0E1116 . Sampled from your hero, CTAs, and footer."
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "type": "button",
+      "icon": "pencil-simple",
+      "text": "Edit",
+      "variant": "ghost",
+      "data-edit": "colors"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-5",
+        "text-6",
+        "text-7",
+        "button-3"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Tagline"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "\"Acme is the fastest way to ship infrastructure for modern teams.\" — distilled from your homepage hero + about copy."
+    },
+    {
+      "id": "button-4",
+      "component": "Button",
+      "type": "button",
+      "icon": "pencil-simple",
+      "text": "Edit",
+      "variant": "ghost",
+      "data-edit": "tagline"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-8",
+        "text-9",
+        "text-10",
+        "button-4"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Social &amp; presence"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "LinkedIn · Twitter · GitHub · YouTube — 4 official handles found. Slack and Discord links not detected."
+    },
+    {
+      "id": "button-5",
+      "component": "Button",
+      "type": "button",
+      "icon": "pencil-simple",
+      "text": "Edit",
+      "variant": "ghost",
+      "data-edit": "social"
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "text-11",
+        "text-12",
+        "text-13",
+        "button-5"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "header-4"
+      ]
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Typography"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Site uses a custom hosted font. Pick a library family or upload your brand font from admin → workspace → branding."
+    },
+    {
+      "id": "button-6",
+      "component": "Button",
+      "type": "button",
+      "icon": "arrow-right",
+      "text": "Set up",
+      "variant": "ghost",
+      "data-edit": "typography"
+    },
+    {
+      "id": "header-5",
+      "component": "Header",
+      "children": [
+        "text-14",
+        "text-15",
+        "text-16",
+        "button-6"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "header-5"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4",
+        "card-5"
+      ]
+    },
+    {
+      "id": "defer",
+      "component": "CheckBox",
+      "label": "I'll do this later from admin → workspace → branding",
+      "name": "defer"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Workspace will use a generic logo and accent palette until you complete branding.",
+      "data-reg-defer-hint": ""
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "data-reg-defer-row": "",
+      "children": [
+        "defer",
+        "text-17"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "field",
+        "column",
+        "column-2",
+        "column-3"
+      ]
+    }
+  ]
 }

package/chunks/reg-departments-toggle.json

@@ -8,7 +8,251 @@
   "attrs": {
     "data-reg-form": ""
   },
-  "html": "<section data-reg-form>\n          <alert-ui variant=\"info\" icon=\"sparkle\">\n            <span slot=\"content\"> Based on your team size (51–200) and use case (building a product), we pre-checked seven likely departments. </span>\n          </alert-ui>\n\n          <grid-ui columns=\"2\" gap=\"2\">\n            <check-ui name=\"dept[engineering]\" checked label=\"Engineering\"></check-ui>\n            <check-ui name=\"dept[product]\" checked label=\"Product\"></check-ui>\n            <check-ui name=\"dept[design]\" checked label=\"Design\"></check-ui>\n            <check-ui name=\"dept[sales]\" checked label=\"Sales\"></check-ui>\n            <check-ui name=\"dept[marketing]\" checked label=\"Marketing\"></check-ui>\n            <check-ui name=\"dept[cs]\" checked label=\"Customer Success\"></check-ui>\n            <check-ui name=\"dept[ops]\" checked label=\"Operations\"></check-ui>\n            <check-ui name=\"dept[finance]\" label=\"Finance\"></check-ui>\n            <check-ui name=\"dept[hr]\" label=\"People / HR\"></check-ui>\n            <check-ui name=\"dept[legal]\" label=\"Legal\"></check-ui>\n            <check-ui name=\"dept[data]\" label=\"Data / Analytics\"></check-ui>\n            <check-ui name=\"dept[security]\" label=\"Security\"></check-ui>\n          </grid-ui>\n\n          <divider-ui></divider-ui>\n\n          <col-ui gap=\"2\">\n            <text-ui strong>Custom departments</text-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Add anything specific to your org — e.g. \"Research\", \"Studio\", \"Foundry\".</text-ui>\n          </col-ui>\n\n          <row-ui gap=\"2\" align=\"end\">\n            <field-ui inline label=\"Name\" grow>\n              <input-ui name=\"custom_dept\" placeholder=\"e.g. Research\"></input-ui>\n            </field-ui>\n            <button-ui text=\"Add\" icon=\"plus\" variant=\"outline\" type=\"button\"></button-ui>\n          </row-ui>\n\n          <row-ui gap=\"2\">\n            <tag-ui text=\"Research\"></tag-ui>\n            <tag-ui text=\"Studio\"></tag-ui>\n          </row-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → departments\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              Members will land in a single \"Everyone\" group until departments are configured. You can re-bucket from the directory later.\n            </text-ui>\n          </div>\n        </section>",
+  "html": "<section data-reg-form>\n          <alert-ui variant=\"info\" icon=\"sparkle\">\n            <span slot=\"content\"> Based on your team size (51–200) and use case (building a product), we pre-checked seven likely departments. </span>\n          </alert-ui>\n\n          <grid-ui columns=\"1 2@md\" gap=\"2\">\n            <check-ui name=\"dept[engineering]\" checked label=\"Engineering\"></check-ui>\n            <check-ui name=\"dept[product]\" checked label=\"Product\"></check-ui>\n            <check-ui name=\"dept[design]\" checked label=\"Design\"></check-ui>\n            <check-ui name=\"dept[sales]\" checked label=\"Sales\"></check-ui>\n            <check-ui name=\"dept[marketing]\" checked label=\"Marketing\"></check-ui>\n            <check-ui name=\"dept[cs]\" checked label=\"Customer Success\"></check-ui>\n            <check-ui name=\"dept[ops]\" checked label=\"Operations\"></check-ui>\n            <check-ui name=\"dept[finance]\" label=\"Finance\"></check-ui>\n            <check-ui name=\"dept[hr]\" label=\"People / HR\"></check-ui>\n            <check-ui name=\"dept[legal]\" label=\"Legal\"></check-ui>\n            <check-ui name=\"dept[data]\" label=\"Data / Analytics\"></check-ui>\n            <check-ui name=\"dept[security]\" label=\"Security\"></check-ui>\n          </grid-ui>\n\n          <divider-ui></divider-ui>\n\n          <col-ui gap=\"2\">\n            <text-ui strong>Custom departments</text-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Add anything specific to your org — e.g. \"Research\", \"Studio\", \"Foundry\".</text-ui>\n          </col-ui>\n\n          <row-ui gap=\"2\" align=\"end\">\n            <field-ui inline label=\"Name\" grow>\n              <input-ui name=\"custom_dept\" placeholder=\"e.g. Research\"></input-ui>\n            </field-ui>\n            <button-ui text=\"Add\" icon=\"plus\" variant=\"outline\" type=\"button\"></button-ui>\n          </row-ui>\n\n          <row-ui gap=\"2\">\n            <tag-ui text=\"Research\"></tag-ui>\n            <tag-ui text=\"Studio\"></tag-ui>\n          </row-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → departments\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              Members will land in a single \"Everyone\" group until departments are configured. You can re-bucket from the directory later.\n            </text-ui>\n          </div>\n        </section>",
   "source": "apps/user-flow/app/registration/departments/departments.contents.html",
-  "captured_at": "2026-05-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "forms",
+    "description": "Department toggle grid — select applicable departments during company setup.",
+    "keywords": [
+      "registration",
+      "departments",
+      "toggle",
+      "select",
+      "teams",
+      "org",
+      "chart"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Based on your team size (51–200) and use case (building a product), we pre-checked seven likely departments."
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "sparkle",
+      "variant": "info",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "dept-engineering",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Engineering",
+      "name": "dept[engineering]"
+    },
+    {
+      "id": "dept-product",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Product",
+      "name": "dept[product]"
+    },
+    {
+      "id": "dept-design",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Design",
+      "name": "dept[design]"
+    },
+    {
+      "id": "dept-sales",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Sales",
+      "name": "dept[sales]"
+    },
+    {
+      "id": "dept-marketing",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Marketing",
+      "name": "dept[marketing]"
+    },
+    {
+      "id": "dept-cs",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Customer Success",
+      "name": "dept[cs]"
+    },
+    {
+      "id": "dept-ops",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Operations",
+      "name": "dept[ops]"
+    },
+    {
+      "id": "dept-finance",
+      "component": "CheckBox",
+      "label": "Finance",
+      "name": "dept[finance]"
+    },
+    {
+      "id": "dept-hr",
+      "component": "CheckBox",
+      "label": "People / HR",
+      "name": "dept[hr]"
+    },
+    {
+      "id": "dept-legal",
+      "component": "CheckBox",
+      "label": "Legal",
+      "name": "dept[legal]"
+    },
+    {
+      "id": "dept-data",
+      "component": "CheckBox",
+      "label": "Data / Analytics",
+      "name": "dept[data]"
+    },
+    {
+      "id": "dept-security",
+      "component": "CheckBox",
+      "label": "Security",
+      "name": "dept[security]"
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 2@md",
+      "gap": "2",
+      "children": [
+        "dept-engineering",
+        "dept-product",
+        "dept-design",
+        "dept-sales",
+        "dept-marketing",
+        "dept-cs",
+        "dept-ops",
+        "dept-finance",
+        "dept-hr",
+        "dept-legal",
+        "dept-data",
+        "dept-security"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Custom departments"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Add anything specific to your org — e.g. \"Research\", \"Studio\", \"Foundry\"."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "custom-dept",
+      "component": "Input",
+      "name": "custom_dept",
+      "placeholder": "e.g. Research"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "Name",
+      "children": [
+        "custom-dept"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "button",
+      "icon": "plus",
+      "text": "Add",
+      "variant": "outline"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "end",
+      "gap": "2",
+      "children": [
+        "field",
+        "button"
+      ]
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "text": "Research"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "text": "Studio"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "tag",
+        "tag-2"
+      ]
+    },
+    {
+      "id": "defer",
+      "component": "CheckBox",
+      "label": "I'll do this later from admin → workspace → departments",
+      "name": "defer"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Members will land in a single \"Everyone\" group until departments are configured. You can re-bucket from the directory later.",
+      "data-reg-defer-hint": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-reg-defer-row": "",
+      "children": [
+        "defer",
+        "text-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "alert",
+        "grid",
+        "divider",
+        "column",
+        "row",
+        "row-2",
+        "column-2"
+      ]
+    }
+  ]
 }