@adia-ai/a2ui-corpus 0.4.8 → 0.5.0

package/chunks/breadcrumb-nav.json

@@ -0,0 +1,82 @@
+{
+  "name": "breadcrumb-nav",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <row-ui gap=\"2\" align=\"center\">\n      <link-ui href=\"/\" text=\"Home\"></link-ui>\n      <icon-ui name=\"caret-right\" size=\"xs\" color=\"subtle\"></icon-ui>\n      <link-ui href=\"/components\" text=\"Components\"></link-ui>\n      <icon-ui name=\"caret-right\" size=\"xs\" color=\"subtle\"></icon-ui>\n      <link-ui href=\"/components/data\" text=\"Data\"></link-ui>\n      <icon-ui name=\"caret-right\" size=\"xs\" color=\"subtle\"></icon-ui>\n      <text-ui color=\"subtle\">Table</text-ui>\n    </row-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Breadcrumb trail with chevron separators showing path-to-current-page.",
+    "keywords": [
+      "breadcrumb",
+      "trail",
+      "nav",
+      "path",
+      "location",
+      "current-page",
+      "hierarchy",
+      "navigation",
+      "chevrons"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "/"
+    },
+    {
+      "id": "caret-right",
+      "component": "Icon"
+    },
+    {
+      "id": "link-2",
+      "component": "Link",
+      "href": "/components"
+    },
+    {
+      "id": "icon",
+      "component": "Icon"
+    },
+    {
+      "id": "link-3",
+      "component": "Link",
+      "href": "/components/data"
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Table"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "link",
+        "caret-right",
+        "link-2",
+        "icon",
+        "link-3",
+        "icon-2",
+        "text"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "row"
+      ]
+    }
+  ]
+}

package/chunks/card-header-with-description.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<header>\n                <h3>Overview</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n              </header>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/chat-page-shell.json

@@ -27,7 +27,312 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Engineering</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n        </card-ui>\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Design</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"subtle\" padding=\"sm\">\n            <text-ui>Hey team, the deploy is ready for review.</text-ui>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <text-ui>On it — checking the staging logs now.</text-ui>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
+  "html": "<article\n  style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Engineering</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n        </card-ui>\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Design</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"subtle\" padding=\"sm\">\n            <text-ui>Hey team, the deploy is ready for review.</text-ui>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <text-ui>On it — checking the staging logs now.</text-ui>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "agent",
+    "description": "Chat application page layout — sidebar (conversation list) + main chat thread + footer input.",
+    "keywords": [
+      "chat",
+      "page",
+      "conversation",
+      "thread",
+      "sidebar",
+      "messages",
+      "bubbles",
+      "agent",
+      "assistant",
+      "ai",
+      "chatbot"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Conversations"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Engineering"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "12 messages"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Design"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "5 messages"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "stack",
+      "component": "Stack",
+      "children": [
+        "card",
+        "card-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "stack"
+      ]
+    },
+    {
+      "id": "sidebar",
+      "component": "Sidebar",
+      "data-chunk-slot": "sidebar",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "#engineering"
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-chunk-slot": "header",
+      "children": [
+        "text-6",
+        "row"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Hey team, the deploy is ready for review."
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text-7"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-6"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar",
+        "card-3"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "On it — checking the staging logs now."
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "text-8"
+      ]
+    },
+    {
+      "id": "section-7",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-7"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "card-4",
+        "avatar-2"
+      ]
+    },
+    {
+      "id": "stack-2",
+      "component": "Stack",
+      "children": [
+        "row-2",
+        "row-3"
+      ]
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "data-chunk-slot": "messages",
+      "children": [
+        "stack-2"
+      ]
+    },
+    {
+      "id": "button-3",
+      "component": "Button"
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "button-4",
+      "component": "Button"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button-3",
+        "input",
+        "button-4"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "data-chunk-slot": "input",
+      "children": [
+        "row-4"
+      ]
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "header-2",
+        "section-5",
+        "footer"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "sidebar",
+        "section-4"
+      ]
+    },
+    {
+      "id": "section-8",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section-8"
+      ]
+    }
+  ]
 }

package/chunks/chat-streaming-surface.json

@@ -8,7 +8,84 @@
   "attrs": {
     "raw": ""
   },
-  "html": "<card-ui raw>\n  <section>\n    <chat-thread-ui streaming>\n      <div role=\"user\">What's the status?</div>\n      <div role=\"assistant\">Processing your request...</div>\n    </chat-thread-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" align=\"center\">\n      <chat-input-ui placeholder=\"Ask follow-up...\" grow></chat-input-ui>\n      <button-ui icon=\"paper-plane-right\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui\n  raw>\n  <section>\n    <chat-thread-ui streaming>\n      <div role=\"user\">What's the status?</div>\n      <div role=\"assistant\">Processing your request...</div>\n    </chat-thread-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" align=\"center\">\n      <chat-input-ui placeholder=\"Ask follow-up...\" grow></chat-input-ui>\n      <button-ui icon=\"paper-plane-right\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "agent",
+    "description": "Chat conversation surface with user + assistant message bubbles + typing indicator + input row.",
+    "keywords": [
+      "chat",
+      "streaming",
+      "messages",
+      "bubbles",
+      "conversation",
+      "assistant",
+      "user",
+      "typing",
+      "indicator",
+      "input"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "What's the status?"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Processing your request..."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "chat-input",
+      "component": "ChatInput"
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "chat-input",
+        "button"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section",
+        "footer"
+      ]
+    }
+  ]
 }

package/chunks/command-palette.json

@@ -8,5 +8,53 @@
   "attrs": {},
   "html": "<modal-ui>\n  <header>\n    <input-ui placeholder=\"Search commands...\" icon=\"magnifying-glass\" autofocus></input-ui>\n  </header>\n  <section>\n    <command-ui></command-ui>\n  </section>\n</modal-ui>",
   "source": "catalog/ui-patterns/app/command-palette/command-palette.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "navigation",
+    "description": "Command palette modal with search input + grouped filterable action list + keyboard shortcuts.",
+    "keywords": [
+      "command",
+      "palette",
+      "search",
+      "keyboard",
+      "shortcuts",
+      "actions",
+      "ctrl-k",
+      "cmdk",
+      "quick-access",
+      "launcher"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "command",
+      "component": "Command"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "command"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Modal",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
 }