@adia-ai/a2ui-corpus 0.0.6 → 0.0.7

package/CHANGELOG.md

@@ -9,6 +9,31 @@ gap registry. Consumed by `@adia-ai/a2ui-retrieval` and
 
 ## [Unreleased]
 
+## [0.0.7] - 2026-04-28
+
+### Added
+
+- **Two new `page`-kind chunks**: `reg-step-shell` (registration
+  multi-step wizard wrapper) and `onb-step-shell` (onboarding tour
+  wrapper). Both expose four named slots — `page-story`, `page-header`,
+  `page-content`, `page-footer` — that the chunk synthesizer binds
+  block-kind chunks into. Five existing reusable blocks per family
+  (`*-story-pane`, `*-step-header`, `*-step-footer`, `*-step-progress`,
+  per-step content block) recorded as the shells' `nested` chunks.
+
+  Page-kind catalog is now 3 (was 1): `dashboard-admin-page`,
+  `reg-step-shell`, `onb-step-shell`.
+
+  Source pages: `site/pages/examples/registration/personal/index.html`
+  + `site/pages/examples/onboarding/welcome/index.html` — one canonical
+  instance each. The other 18 reg + 9 onb step pages share the same
+  template; replicating shell tags would produce duplicate instances
+  without changing the unique-name catalog.
+
+  Unlock: `compose_from_chunks(intent)` can now synthesize multi-step
+  wizard pages and onboarding-tour pages on top of the existing
+  admin-dashboard shape — 3× expansion of the page-kind catalog.
+
 ## [0.0.6] - 2026-04-28
 
 **Retires the legacy exemplar extract → ingest path.** The chunk corpus

package/chunks/_index.json

@@ -1,11 +1,11 @@
 {
   "schema": "genui-chunk-index@1",
-  "captured_at": "2026-04-28T16:48:01.089Z",
-  "total_instances": 851,
-  "unique_names": 701,
+  "captured_at": "2026-04-28T22:40:45.443Z",
+  "total_instances": 853,
+  "unique_names": 703,
   "by_kind": {
     "block": 843,
-    "page": 1,
+    "page": 3,
     "panel": 7
   },
   "chunks": [
@@ -7270,6 +7270,28 @@
       "slots": [],
       "nested": []
     },
+    {
+      "name": "onb-step-shell",
+      "kind": "page",
+      "primary": "main",
+      "instances": 1,
+      "pages": [
+        "/site/examples/onboarding/welcome"
+      ],
+      "slots": [
+        "page-story",
+        "page-header",
+        "page-content",
+        "page-footer"
+      ],
+      "nested": [
+        "onb-story-pane",
+        "onb-step-header",
+        "onb-hero-welcome",
+        "onb-step-footer",
+        "onb-step-progress"
+      ]
+    },
     {
       "name": "onb-hero-welcome",
       "kind": "block",
@@ -7593,6 +7615,28 @@
       "slots": [],
       "nested": []
     },
+    {
+      "name": "reg-step-shell",
+      "kind": "page",
+      "primary": "main",
+      "instances": 1,
+      "pages": [
+        "/site/examples/registration/personal"
+      ],
+      "slots": [
+        "page-story",
+        "page-header",
+        "page-content",
+        "page-footer"
+      ],
+      "nested": [
+        "reg-story-pane",
+        "reg-step-header",
+        "reg-extended-profile",
+        "reg-step-footer",
+        "reg-step-progress"
+      ]
+    },
     {
       "name": "reg-extended-profile",
       "kind": "block",

package/chunks/onb-step-shell.json

@@ -0,0 +1,42 @@
+{
+  "name": "onb-step-shell",
+  "kind": "page",
+  "primary": "main",
+  "page": "/site/examples/onboarding/welcome",
+  "slots": [
+    {
+      "name": "page-story",
+      "tagName": "aside",
+      "html": "<a data-onb-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n    <div data-onb-story-content>\n      <h2>Welcome aboard, Kim.</h2>\n      <p>\n        You're three minutes away from your first usable workspace.\n        We'll walk through the essentials — pick how you'll use it,\n        connect a data source, see your first dashboard come to life.\n        Skip anything you'd rather come back to later.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Onboarding</text-ui>\n    </div>"
+    },
+    {
+      "name": "page-header",
+      "tagName": "header",
+      "html": "<h1>Let's get you set up</h1>\n      <text-ui color=\"subtle\">A quick guided tour. Everything is changeable in settings later.</text-ui>"
+    },
+    {
+      "name": "page-content",
+      "tagName": "div",
+      "html": "<ul data-onb-outcomes>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Pick how you'll use it</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Tailors the home screen + which integrations we suggest first.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Connect your first data source</strong>\n            <text-ui color=\"subtle\" size=\"sm\">One integration unlocks dashboards, alerts, and search across your stack.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>See your first dashboard</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Generated from real data, ready to share or edit.</text-ui>\n          </div>\n        </li>\n      </ul>"
+    },
+    {
+      "name": "page-footer",
+      "tagName": "footer",
+      "html": "<div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <button-ui text=\"Get started\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>"
+    }
+  ],
+  "nested": [
+    "onb-story-pane",
+    "onb-step-header",
+    "onb-hero-welcome",
+    "onb-step-footer",
+    "onb-step-progress"
+  ],
+  "attrs": {
+    "data-onb": "",
+    "prose": ""
+  },
+  "html": "<main data-onb prose data-chunk=\"onb-step-shell\" data-chunk-kind=\"page\">\n\n  <aside data-onb-story data-chunk=\"onb-story-pane\" data-chunk-slot=\"page-story\">\n    <a data-onb-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n    <div data-onb-story-content>\n      <h2>Welcome aboard, Kim.</h2>\n      <p>\n        You're three minutes away from your first usable workspace.\n        We'll walk through the essentials — pick how you'll use it,\n        connect a data source, see your first dashboard come to life.\n        Skip anything you'd rather come back to later.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Onboarding</text-ui>\n    </div>\n  </aside>\n\n  <form data-onb-input action=\"/site/examples/onboarding/mode\" method=\"get\">\n\n    <header data-onb-heading data-chunk=\"onb-step-header\" data-chunk-slot=\"page-header\">\n      <h1>Let's get you set up</h1>\n      <text-ui color=\"subtle\">A quick guided tour. Everything is changeable in settings later.</text-ui>\n    </header>\n\n    <div data-onb-form data-chunk=\"onb-hero-welcome\" data-chunk-slot=\"page-content\">\n      <ul data-onb-outcomes>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Pick how you'll use it</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Tailors the home screen + which integrations we suggest first.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Connect your first data source</strong>\n            <text-ui color=\"subtle\" size=\"sm\">One integration unlocks dashboards, alerts, and search across your stack.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>See your first dashboard</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Generated from real data, ready to share or edit.</text-ui>\n          </div>\n        </li>\n      </ul>\n    </div>\n\n    <footer data-chunk=\"onb-step-footer\" data-chunk-slot=\"page-footer\">\n      <div data-onb-progress data-chunk=\"onb-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10</text-ui>\n        <div data-onb-progress-track>\n          <span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-onb-actions>\n        <button-ui text=\"Get started\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>\n\n  </form>\n\n</main>",
+  "source": "site/pages/examples/onboarding/welcome/index.html",
+  "captured_at": "2026-04-28T22:40:45.443Z"
+}

package/chunks/reg-step-shell.json

@@ -0,0 +1,42 @@
+{
+  "name": "reg-step-shell",
+  "kind": "page",
+  "primary": "main",
+  "page": "/site/examples/registration/personal",
+  "slots": [
+    {
+      "name": "page-story",
+      "tagName": "aside",
+      "html": "<a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Be findable.</h2>\n      <p>\n        These details show up in directory search, mentions, and\n        the timezone-aware \"@available now\" indicator on your\n        profile. None of this is required — you can fill it in\n        whenever, or never.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">User setup · Step 7 of 8 · Personal profile</text-ui>\n    </div>"
+    },
+    {
+      "name": "page-header",
+      "tagName": "header",
+      "html": "<h1>Round out your profile</h1>\n      <text-ui color=\"subtle\">Optional — these help teammates find you in directory search and route messages to the right person.</text-ui>"
+    },
+    {
+      "name": "page-content",
+      "tagName": "section",
+      "html": "<field-ui inline label=\"Title\">\n        <input-ui name=\"title\" placeholder=\"e.g. Senior Designer\" autocomplete=\"organization-title\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Department\">\n        <select-ui name=\"department\" value=\"design\">\n          <option value=\"\">Pick one…</option>\n          <option value=\"engineering\">Engineering</option>\n          <option value=\"product\">Product</option>\n          <option value=\"design\" selected>Design</option>\n          <option value=\"sales\">Sales</option>\n          <option value=\"marketing\">Marketing</option>\n          <option value=\"cs\">Customer Success</option>\n          <option value=\"ops\">Operations</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Manager\">\n        <select-ui name=\"manager\" value=\"\">\n          <option value=\"\" selected>No manager</option>\n          <option value=\"jane\">Jane Doe (Founder)</option>\n          <option value=\"maya\">Maya Patel (VP Engineering)</option>\n          <option value=\"riley\">Riley Park (Head of Design)</option>\n          <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Pronouns\">\n        <input-ui name=\"pronouns\" placeholder=\"e.g. she/her, they/them\" autocomplete=\"off\"></input-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <field-ui inline label=\"Location\">\n        <input-ui name=\"location\" placeholder=\"San Francisco, CA\" autocomplete=\"address-level2\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Time zone\" hint=\"Detected from your browser. Override if you're traveling or working remotely.\">\n        <select-ui name=\"timezone\" value=\"america/los_angeles\">\n          <option value=\"america/los_angeles\" selected>Pacific (San Francisco) · UTC−8</option>\n          <option value=\"america/denver\">Mountain (Denver) · UTC−7</option>\n          <option value=\"america/chicago\">Central (Chicago) · UTC−6</option>\n          <option value=\"america/new_york\">Eastern (New York) · UTC−5</option>\n          <option value=\"europe/london\">London · UTC+0</option>\n          <option value=\"europe/berlin\">Berlin · UTC+1</option>\n          <option value=\"asia/tokyo\">Tokyo · UTC+9</option>\n          <option value=\"australia/sydney\">Sydney · UTC+11</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Working hours\">\n        <segmented-ui name=\"hours\" value=\"9to5\">\n          <segment-ui text=\"9 to 5\" value=\"9to5\"></segment-ui>\n          <segment-ui text=\"Flexible\" value=\"flex\"></segment-ui>\n          <segment-ui text=\"Custom\" value=\"custom\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <col-ui gap=\"2\">\n        <text-ui strong>Where else can teammates reach you?</text-ui>\n        <text-ui color=\"subtle\" size=\"sm\">Optional — link your handles so DMs and mentions can route to the right surface.</text-ui>\n      </col-ui>\n\n      <field-ui inline label=\"Slack handle\">\n        <input-ui name=\"slack\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"GitHub handle\">\n        <input-ui name=\"github\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <div data-reg-defer-row>\n        <check-ui name=\"defer\" label=\"I'll do this later from my profile\"></check-ui>\n        <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n          Your profile will use the basics from sign-up (name + email) until you complete this step.\n        </text-ui>\n      </div>"
+    },
+    {
+      "name": "page-footer",
+      "tagName": "footer",
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 8 · User setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>\n      <div data-reg-actions>\n        <a data-reg-back href=\"/site/examples/registration/org-review\">Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>"
+    }
+  ],
+  "nested": [
+    "reg-story-pane",
+    "reg-step-header",
+    "reg-extended-profile",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg": "",
+    "prose": ""
+  },
+  "html": "<main data-reg prose data-chunk=\"reg-step-shell\" data-chunk-kind=\"page\">\n\n  <aside data-reg-story data-chunk=\"reg-story-pane\" data-chunk-slot=\"page-story\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Be findable.</h2>\n      <p>\n        These details show up in directory search, mentions, and\n        the timezone-aware \"@available now\" indicator on your\n        profile. None of this is required — you can fill it in\n        whenever, or never.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">User setup · Step 7 of 8 · Personal profile</text-ui>\n    </div>\n  </aside>\n\n  <form data-reg-input action=\"/site/examples/registration/done\" method=\"get\">\n\n    <header data-reg-heading data-chunk=\"reg-step-header\" data-chunk-slot=\"page-header\">\n      <h1>Round out your profile</h1>\n      <text-ui color=\"subtle\">Optional — these help teammates find you in directory search and route messages to the right person.</text-ui>\n    </header>\n\n    <section data-reg-form data-chunk=\"reg-extended-profile\" data-chunk-slot=\"page-content\">\n      <field-ui inline label=\"Title\">\n        <input-ui name=\"title\" placeholder=\"e.g. Senior Designer\" autocomplete=\"organization-title\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Department\">\n        <select-ui name=\"department\" value=\"design\">\n          <option value=\"\">Pick one…</option>\n          <option value=\"engineering\">Engineering</option>\n          <option value=\"product\">Product</option>\n          <option value=\"design\" selected>Design</option>\n          <option value=\"sales\">Sales</option>\n          <option value=\"marketing\">Marketing</option>\n          <option value=\"cs\">Customer Success</option>\n          <option value=\"ops\">Operations</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Manager\">\n        <select-ui name=\"manager\" value=\"\">\n          <option value=\"\" selected>No manager</option>\n          <option value=\"jane\">Jane Doe (Founder)</option>\n          <option value=\"maya\">Maya Patel (VP Engineering)</option>\n          <option value=\"riley\">Riley Park (Head of Design)</option>\n          <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Pronouns\">\n        <input-ui name=\"pronouns\" placeholder=\"e.g. she/her, they/them\" autocomplete=\"off\"></input-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <field-ui inline label=\"Location\">\n        <input-ui name=\"location\" placeholder=\"San Francisco, CA\" autocomplete=\"address-level2\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Time zone\" hint=\"Detected from your browser. Override if you're traveling or working remotely.\">\n        <select-ui name=\"timezone\" value=\"america/los_angeles\">\n          <option value=\"america/los_angeles\" selected>Pacific (San Francisco) · UTC−8</option>\n          <option value=\"america/denver\">Mountain (Denver) · UTC−7</option>\n          <option value=\"america/chicago\">Central (Chicago) · UTC−6</option>\n          <option value=\"america/new_york\">Eastern (New York) · UTC−5</option>\n          <option value=\"europe/london\">London · UTC+0</option>\n          <option value=\"europe/berlin\">Berlin · UTC+1</option>\n          <option value=\"asia/tokyo\">Tokyo · UTC+9</option>\n          <option value=\"australia/sydney\">Sydney · UTC+11</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Working hours\">\n        <segmented-ui name=\"hours\" value=\"9to5\">\n          <segment-ui text=\"9 to 5\" value=\"9to5\"></segment-ui>\n          <segment-ui text=\"Flexible\" value=\"flex\"></segment-ui>\n          <segment-ui text=\"Custom\" value=\"custom\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <col-ui gap=\"2\">\n        <text-ui strong>Where else can teammates reach you?</text-ui>\n        <text-ui color=\"subtle\" size=\"sm\">Optional — link your handles so DMs and mentions can route to the right surface.</text-ui>\n      </col-ui>\n\n      <field-ui inline label=\"Slack handle\">\n        <input-ui name=\"slack\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"GitHub handle\">\n        <input-ui name=\"github\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <div data-reg-defer-row>\n        <check-ui name=\"defer\" label=\"I'll do this later from my profile\"></check-ui>\n        <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n          Your profile will use the basics from sign-up (name + email) until you complete this step.\n        </text-ui>\n      </div>\n    </section>\n\n    <footer data-chunk=\"reg-step-footer\" data-chunk-slot=\"page-footer\">\n      <div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 8 · User setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>\n      <div data-reg-actions>\n        <a data-reg-back href=\"/site/examples/registration/org-review\">Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>\n\n  </form>\n\n</main>",
+  "source": "site/pages/examples/registration/personal/index.html",
+  "captured_at": "2026-04-28T22:40:45.443Z"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/a2ui-corpus",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "description": "AdiaUI A2UI training corpus — patterns, fragments, compositions, exemplars, eval fixtures, feedback, gap registry. Consumed by the compose engine's retrieval layer + the MCP pipeline.",
   "exports": {