@adia-ai/a2ui-corpus 0.4.3 → 0.4.4

package/chunks/settings-integrations.json

@@ -1,6 +1,6 @@
 {
   "name": "settings-integrations",
-  "kind": "block",
+  "kind": "page",
   "primary": "div",
   "page": "/apps/saas/app/integrations/integrations.contents.html",
   "slots": [],
@@ -8,7 +8,158 @@
   "attrs": {
     "data-col": ""
   },
-  "html": "<div data-col>\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"slack-logo\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Slack</text-ui>\n            <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-slack').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Posts to #product-updates · connected by Alex Chen</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"github-logo\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>GitHub</text-ui>\n            <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-github').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">acme-corp organization · 14 repositories synced</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"envelope\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Email (SMTP)</text-ui>\n            <badge-ui text=\"Action needed\" variant=\"warning\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Reconnect\" variant=\"primary\" onclick=\"document.getElementById('drawer-smtp').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Credentials expired on April 12, 2026</text-ui>\n          </span>\n        </header>\n      </card-ui>\n    </div>",
+  "html": "<div data-col\n    >\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"slack-logo\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Slack</text-ui>\n            <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-slack').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Posts to #product-updates · connected by Alex Chen</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"github-logo\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>GitHub</text-ui>\n            <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-github').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">acme-corp organization · 14 repositories synced</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"envelope\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Email (SMTP)</text-ui>\n            <badge-ui text=\"Action needed\" variant=\"warning\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Reconnect\" variant=\"primary\" onclick=\"document.getElementById('drawer-smtp').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Credentials expired on April 12, 2026</text-ui>\n          </span>\n        </header>\n      </card-ui>\n    </div>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-11T18:22:09.722Z"
+  "metadata": {
+    "domain": "settings",
+    "description": "Settings page for connecting third-party integrations — grid of integration cards (Figma, GitHub, Slack, etc.) with per-integration drawer dialogs",
+    "keywords": [
+      "settings",
+      "integrations",
+      "apps",
+      "connections",
+      "oauth",
+      "third-party",
+      "marketplace"
+    ],
+    "related": [
+      "settings-members-invite",
+      "settings-billing-plan",
+      "settings-notifications"
+    ],
+    "tags": {
+      "complexity": "moderate",
+      "layout": "grid"
+    }
+  },
+  "captured_at": "2026-05-12T13:16:54.281Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Slack"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Posts to #product-updates · connected by Alex Chen"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "GitHub"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "acme-corp organization · 14 repositories synced"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-5",
+        "text-6",
+        "text-7",
+        "text-8"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Email (SMTP)"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Credentials expired on April 12, 2026"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-9",
+        "text-10",
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    }
+  ]
 }

package/chunks/settings-members-invite.json

@@ -4,11 +4,13 @@
   "primary": "div",
   "page": "/apps/saas/app/members/members.contents.html",
   "slots": [],
-  "nested": [],
+  "nested": [
+    "labeled-textarea"
+  ],
   "attrs": {
     "data-col": ""
   },
-  "html": "<div data-col>\n      <field-ui label=\"Email addresses\">\n        <textarea-ui placeholder=\"alex@acme.com, sarah@acme.com (comma or newline separated)\" rows=\"3\"></textarea-ui>\n      </field-ui>\n      <field-ui label=\"Default role\">\n        <select-ui value=\"member\">\n          <option value=\"admin\">Admin · can invite, remove, and billing</option>\n          <option value=\"member\">Member · can edit and invite</option>\n          <option value=\"viewer\">Viewer · read-only</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Send welcome email\" inline>\n        <switch-ui checked></switch-ui>\n      </field-ui>\n      <button-ui text=\"Send invites\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n    </div>",
+  "html": "<div data-col>\n      <field-ui label=\"Email addresses\"><!-- nested: labeled-textarea --></field-ui>\n      <field-ui label=\"Default role\">\n        <select-ui value=\"member\">\n          <option value=\"admin\">Admin · can invite, remove, and billing</option>\n          <option value=\"member\">Member · can edit and invite</option>\n          <option value=\"viewer\">Viewer · read-only</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Send welcome email\" inline>\n        <switch-ui checked></switch-ui>\n      </field-ui>\n      <button-ui text=\"Send invites\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n    </div>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

package/chunks/settings-notifications.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Notifications</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Choose what you want to be notified about</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <section>\n        <text-ui weight=\"semibold\">Email</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Weekly digest</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>New mentions</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Product updates</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n      <divider-ui></divider-ui>\n      <section>\n        <text-ui weight=\"semibold\">Push</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Direct messages</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Team alerts</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html",
-  "captured_at": "2026-05-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

package/chunks/settings-page-shell.json

@@ -24,5 +24,5 @@
   "attrs": {},
   "html": "<article>\n  <header data-chunk-slot=\"page-header\">\n    <h1>Settings</h1>\n    <text-ui color=\"subtle\">Manage your account preferences</text-ui>\n  </header>\n\n  <tabs-ui value=\"general\" data-chunk-slot=\"page-tabs\">\n    <tab-ui value=\"general\" text=\"General\"></tab-ui>\n    <tab-ui value=\"integrations\" text=\"Integrations\"></tab-ui>\n    <tab-ui value=\"billing\" text=\"Billing\"></tab-ui>\n  </tabs-ui>\n\n  <section data-chunk-slot=\"page-content\">\n    <card-ui>\n      <header><h3>General settings</h3></header>\n      <section>\n        <field-ui label=\"Display name\">\n          <input-ui value=\"Jane Doe\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Email\" hint=\"Used for notifications\">\n          <input-ui type=\"email\" value=\"jane@example.com\"></input-ui>\n        </field-ui>\n      </section>\n    </card-ui>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/settings-page/settings-page.contents.html",
-  "captured_at": "2026-05-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

package/chunks/settings-profile-security.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-col>\n      <row-ui gap=\"4\" align=\"center\">\n        <avatar-ui text=\"Kim Granlund\" size=\"xl\"></avatar-ui>\n        <col-ui gap=\"2\">\n          <field-ui label=\"Upload new avatar\">\n            <upload-ui accept=\"image/*\"></upload-ui>\n          </field-ui>\n          <text-ui color=\"subtle\" size=\"sm\">JPG, PNG or WebP. Max 2 MB. Square images render best.</text-ui>\n        </col-ui>\n      </row-ui>\n      <field-ui label=\"Full name\">\n        <input-ui value=\"Kim Granlund\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Display name\">\n        <input-ui value=\"kimba\" prefix=\"@\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Email\">\n        <input-ui value=\"kim@acme.com\" type=\"email\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Bio\">\n        <textarea-ui placeholder=\"Tell the team a bit about yourself\" rows=\"3\">Product engineer. Working on the gen-UI pipeline.</textarea-ui>\n      </field-ui>\n    </div>",
   "source": "apps/saas/app/profile-security/profile-security.contents.html",
-  "captured_at": "2026-05-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

package/chunks/text-card.json

@@ -0,0 +1,14 @@
+{
+  "name": "text-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "size": "sm"
+  },
+  "html": "<card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>",
+  "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
+  "captured_at": "2026-05-12T13:16:54.281Z"
+}

package/chunks/user-identity-row.json

@@ -0,0 +1,16 @@
+{
+  "name": "user-identity-row",
+  "kind": "block",
+  "primary": "row-ui",
+  "page": "/apps/saas/app/members/members.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2",
+    "align": "center",
+    "grow": ""
+  },
+  "html": "<row-ui gap=\"2\" align=\"center\" grow>\n              <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n              <col-ui gap=\"0\" grow>\n                <text-ui strong>Developer</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n              </col-ui>\n              <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            </row-ui>",
+  "source": "apps/saas/app/members/members.contents.html",
+  "captured_at": "2026-05-12T13:16:54.281Z"
+}

package/chunks/user-profile-card.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <avatar-ui text=\"Jane Doe\" size=\"lg\"></avatar-ui>\n      <col-ui gap=\"0\">\n        <text-ui weight=\"semibold\" size=\"lg\">Jane Doe</text-ui>\n        <text-ui color=\"subtle\">Product Designer</text-ui>\n      </col-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <field-ui label=\"Email\" inline>\n        <input-ui type=\"email\" value=\"jane@example.com\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Role\" inline>\n        <select-ui value=\"designer\">\n          <option value=\"designer\">Designer</option>\n          <option value=\"engineer\">Engineer</option>\n          <option value=\"manager\">Manager</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Bio\" inline>\n        <textarea-ui rows=\"2\">Building design systems at AdiaUI</textarea-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"end\">\n      <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/user-profile-card/user-profile-card.contents.html",
-  "captured_at": "2026-05-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

package/chunks/users-table-badge.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Users</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Team members and their roles</text-ui>\n  </header>\n  <section bleed>\n    <table-ui>\n      <thead>\n        <tr>\n          <th>User</th>\n          <th>Role</th>\n          <th>Status</th>\n          <th>Last active</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui><text-ui>Alex Chen</text-ui></row-ui></td>\n          <td><badge-ui text=\"Admin\" variant=\"accent\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Online\" variant=\"success\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui><text-ui>Sarah Miller</text-ui></row-ui></td>\n          <td><badge-ui text=\"Editor\" variant=\"info\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Away\" variant=\"warning\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">1h ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"James Park\" size=\"sm\"></avatar-ui><text-ui>James Park</text-ui></row-ui></td>\n          <td><badge-ui text=\"Viewer\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Offline\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">3h ago</text-ui></td>\n        </tr>\n      </tbody>\n    </table-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html",
-  "captured_at": "2026-05-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

package/compositions/agent/ai-streaming-response.json

@@ -1,16 +1,62 @@
 {
   "$schema": "../_schema.json",
   "name": "ai-streaming-response",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "agent",
-  "description": "AI response card with streaming text — shows the agent's answer as it generates.",
-  "tags": { "purpose": ["agent", "ai", "stream"], "complexity": "atomic", "layout": "stacked" },
-  "keywords": ["ai", "streaming", "response", "agent output", "stream", "llm"],
+  "description": "AI response card with streaming text \u2014 shows the agent's answer as it generates.",
+  "tags": {
+    "purpose": [
+      "agent",
+      "ai",
+      "stream"
+    ],
+    "complexity": "atomic",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "ai",
+    "streaming",
+    "response",
+    "agent output",
+    "stream",
+    "llm"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["sec"] },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["label", "stream"], "gap": "2" } },
-    { "id": "label", "component": "Text", "variant": "caption", "color": "muted", "textContent": "Assistant" },
-    { "id": "stream", "component": "Stream", "textContent": "Analyzing your request and generating a response…" }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "label",
+        "stream"
+      ]
+    },
+    {
+      "id": "label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Assistant"
+    },
+    {
+      "id": "stream",
+      "component": "Stream",
+      "textContent": "Analyzing your request and generating a response\u2026"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/agent/alert-banner.json

@@ -1,22 +1,58 @@
 {
   "$schema": "../_schema.json",
   "name": "alert-banner",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "agent",
-  "description": "Dismissible alert banner with message text and an action button — for cookie consent, warnings, notices.",
+  "description": "Dismissible alert banner with message text and an action button \u2014 for cookie consent, warnings, notices.",
   "tags": {
-    "purpose": ["notice", "warning", "consent"],
+    "purpose": [
+      "notice",
+      "warning",
+      "consent"
+    ],
     "complexity": "atomic",
     "layout": "row"
   },
-  "keywords": ["alert", "banner", "notice", "warning", "cookie consent", "dismiss"],
-
+  "keywords": [
+    "alert",
+    "banner",
+    "notice",
+    "warning",
+    "cookie consent",
+    "dismiss"
+  ],
   "template": [
-    { "id": "root", "component": "Alert", "variant": "info",
+    {
+      "id": "root",
+      "component": "Alert",
+      "variant": "info",
       "text": "We use cookies to improve your experience. Read our privacy policy.",
-      "children": ["actions"] },
-    { "id": "actions", "$fragment": "dual-cta-row",
-      "bindings": { "primaryLabel": "Accept", "secondaryLabel": "Dismiss" } }
-  ]
+      "children": [
+        "actions"
+      ]
+    },
+    {
+      "id": "actions",
+      "component": "Row",
+      "children": [
+        "actions--cta-primary",
+        "actions--cta-secondary"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "actions--cta-primary",
+      "component": "Button",
+      "variant": "primary",
+      "textContent": "Accept"
+    },
+    {
+      "id": "actions--cta-secondary",
+      "component": "Button",
+      "variant": "ghost",
+      "textContent": "Dismiss"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/agent/chat-interface.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "chat-interface",
-  "version": 2,
+  "version": 3,
   "kind": "composition",
   "domain": "agent",
   "description": "Chat interface with message bubbles (sent and received) using the Chat primitive plus a composer row with input and send button. Visually distinguishes user vs agent messages.",
@@ -43,10 +43,17 @@
     },
     {
       "id": "hdr",
-      "$fragment": "card-header-heading",
-      "bindings": {
-        "heading": "Chat"
-      }
+      "component": "Header",
+      "children": [
+        "hdr--h-text"
+      ]
+    },
+    {
+      "id": "hdr--h-text",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Chat"
     },
     {
       "id": "sec",
@@ -123,5 +130,6 @@
       "icon": "send",
       "text": "Send"
     }
-  ]
-}
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
+}

package/compositions/agent/command-palette.json

@@ -54,7 +54,7 @@
       "component": "Input",
       "name": "q",
       "placeholder": "Type a command or search\u2026",
-      "icon": "search"
+      "prefix": "search"
     },
     {
       "id": "sec",
@@ -110,4 +110,4 @@
       "shortcut": "\u2318Q"
     }
   ]
-}
+}

package/compositions/agent/empty-state.json

@@ -1,22 +1,81 @@
 {
   "$schema": "../_schema.json",
   "name": "empty-state",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "agent",
-  "description": "Empty state with illustration, explanation, and a primary action — shown when a list/view has no content or on error recovery.",
+  "description": "Empty state with illustration, explanation, and a primary action \u2014 shown when a list/view has no content or on error recovery.",
   "tags": {
-    "purpose": ["empty-state", "error", "onboarding"],
+    "purpose": [
+      "empty-state",
+      "error",
+      "onboarding"
+    ],
     "complexity": "atomic",
     "layout": "centered"
   },
-  "keywords": ["empty", "empty state", "no results", "no data", "no items", "illustration", "nothing", "get started", "onboarding placeholder"],
-
+  "keywords": [
+    "empty",
+    "empty state",
+    "no results",
+    "no data",
+    "no items",
+    "illustration",
+    "nothing",
+    "get started",
+    "onboarding placeholder"
+  ],
   "template": [
-    { "id": "root", "component": "EmptyState", "children": ["col"] },
-    { "id": "col",  "component": "Column", "children": ["tile", "btn"], "gap": "3", "align": "center" },
-    { "id": "tile", "$fragment": "icon-title-description",
-      "bindings": { "icon": "inbox", "title": "Nothing here yet", "description": "Items you create will appear on this page." } },
-    { "id": "btn", "component": "Button", "variant": "primary", "text": "Get started" }
-  ]
+    {
+      "id": "root",
+      "component": "EmptyState",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "children": [
+        "tile",
+        "btn"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "tile",
+      "component": "Column",
+      "children": [
+        "tile--ft-icon",
+        "tile--ft-title",
+        "tile--ft-desc"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "tile--ft-icon",
+      "component": "Icon",
+      "name": "inbox"
+    },
+    {
+      "id": "tile--ft-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Nothing here yet"
+    },
+    {
+      "id": "tile--ft-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Items you create will appear on this page."
+    },
+    {
+      "id": "btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Get started"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }