@adia-ai/a2ui-corpus 0.4.8 → 0.5.0

package/chunks/kanban-page-shell.json

@@ -22,7 +22,539 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article style=\"display:flex; flex-direction:column; height:100vh;\">\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    <row-ui gap=\"2\" align=\"center\">\n      <text-ui strong size=\"lg\">Sprint 42</text-ui>\n      <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n    </row-ui>\n    <row-ui gap=\"2\">\n      <input-ui placeholder=\"Search tasks…\" icon=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n      <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"board\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">To do</text-ui>\n          <badge-ui text=\"3\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Design review</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">API spec</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Write tests</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">In progress</text-ui>\n          <badge-ui text=\"2\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Implement auth</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">Done</text-ui>\n          <badge-ui text=\"5\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"subtle\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n    </row-ui>\n  </section>\n\n  <drawer-ui data-chunk-slot=\"detail-drawer\" id=\"task-detail\" style=\"display:none;\">\n    <stack-ui gap=\"3\" style=\"width:360px; padding:var(--a-space-4);\">\n      <text-ui strong size=\"lg\">Task detail</text-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Title</label-ui>\n        <input-ui value=\"Design review\"></input-ui>\n      </stack-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Description</label-ui>\n        <textarea-ui placeholder=\"Add details…\"></textarea-ui>\n      </stack-ui>\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    </stack-ui>\n  </drawer-ui>\n</article>",
+  "html": "<article\n  style=\"display:flex; flex-direction:column; height:100vh;\">\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    <row-ui gap=\"2\" align=\"center\">\n      <text-ui strong size=\"lg\">Sprint 42</text-ui>\n      <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n    </row-ui>\n    <row-ui gap=\"2\">\n      <input-ui placeholder=\"Search tasks…\" icon=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n      <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"board\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">To do</text-ui>\n          <badge-ui text=\"3\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Design review</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">API spec</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Write tests</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">In progress</text-ui>\n          <badge-ui text=\"2\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Implement auth</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">Done</text-ui>\n          <badge-ui text=\"5\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"subtle\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n    </row-ui>\n  </section>\n\n  <drawer-ui data-chunk-slot=\"detail-drawer\" id=\"task-detail\" style=\"display:none;\">\n    <stack-ui gap=\"3\" style=\"width:360px; padding:var(--a-space-4);\">\n      <text-ui strong size=\"lg\">Task detail</text-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Title</label-ui>\n        <input-ui value=\"Design review\"></input-ui>\n      </stack-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Description</label-ui>\n        <textarea-ui placeholder=\"Add details…\"></textarea-ui>\n      </stack-ui>\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    </stack-ui>\n  </drawer-ui>\n</article>",
   "source": "catalog/page-shells/app/kanban-page/kanban-page.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "layout",
+    "description": "Kanban board page with sticky header (title + filters + add-task) and a 3-column draggable board surface.",
+    "keywords": [
+      "kanban",
+      "page",
+      "board",
+      "columns",
+      "tasks",
+      "header",
+      "filters",
+      "drag-drop",
+      "project-management",
+      "workflow"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Sprint 42"
+    },
+    {
+      "id": "badge",
+      "component": "Badge"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text",
+        "badge"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "input",
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-chunk-slot": "header",
+      "children": [
+        "row",
+        "row-2"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "To do"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-2",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Design review"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Due tomorrow"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge"
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "badge-3",
+        "avatar"
+      ]
+    },
+    {
+      "id": "stack-2",
+      "component": "Stack",
+      "children": [
+        "text-3",
+        "text-4",
+        "row-5"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "stack-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "API spec"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Due Friday"
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge"
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "badge-4",
+        "avatar-2"
+      ]
+    },
+    {
+      "id": "stack-3",
+      "component": "Stack",
+      "children": [
+        "text-5",
+        "text-6",
+        "row-6"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "stack-3"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Write tests"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "No due date"
+    },
+    {
+      "id": "badge-5",
+      "component": "Badge"
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar"
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "badge-5",
+        "avatar-3"
+      ]
+    },
+    {
+      "id": "stack-4",
+      "component": "Stack",
+      "children": [
+        "text-7",
+        "text-8",
+        "row-7"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "stack-4"
+      ]
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "stack",
+      "component": "Stack",
+      "children": [
+        "row-4",
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "In progress"
+    },
+    {
+      "id": "badge-6",
+      "component": "Badge"
+    },
+    {
+      "id": "row-8",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-9",
+        "badge-6"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Implement auth"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "textContent": "2 days left"
+    },
+    {
+      "id": "badge-7",
+      "component": "Badge"
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar"
+    },
+    {
+      "id": "row-9",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "badge-7",
+        "avatar-4"
+      ]
+    },
+    {
+      "id": "stack-6",
+      "component": "Stack",
+      "children": [
+        "text-10",
+        "text-11",
+        "row-9"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "stack-6"
+      ]
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-5"
+      ]
+    },
+    {
+      "id": "stack-5",
+      "component": "Stack",
+      "children": [
+        "row-8",
+        "card-4"
+      ]
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "textContent": "Done"
+    },
+    {
+      "id": "badge-8",
+      "component": "Badge"
+    },
+    {
+      "id": "row-10",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-12",
+        "badge-8"
+      ]
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "textContent": "Setup repo"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "textContent": "Completed yesterday"
+    },
+    {
+      "id": "stack-8",
+      "component": "Stack",
+      "children": [
+        "text-13",
+        "text-14"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "stack-8"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "section-6"
+      ]
+    },
+    {
+      "id": "stack-7",
+      "component": "Stack",
+      "children": [
+        "row-10",
+        "card-5"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "stack",
+        "stack-5",
+        "stack-7"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-chunk-slot": "board",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "textContent": "Task detail"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "textContent": "Title",
+      "variant": "body"
+    },
+    {
+      "id": "input-2",
+      "component": "Input"
+    },
+    {
+      "id": "stack-10",
+      "component": "Stack",
+      "children": [
+        "text-16",
+        "input-2"
+      ]
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "textContent": "Description",
+      "variant": "body"
+    },
+    {
+      "id": "text-area",
+      "component": "TextArea",
+      "placeholder": "Add details…"
+    },
+    {
+      "id": "stack-11",
+      "component": "Stack",
+      "children": [
+        "text-17",
+        "text-area"
+      ]
+    },
+    {
+      "id": "button-3",
+      "component": "Button"
+    },
+    {
+      "id": "button-4",
+      "component": "Button"
+    },
+    {
+      "id": "row-11",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button-3",
+        "button-4"
+      ]
+    },
+    {
+      "id": "stack-9",
+      "component": "Stack",
+      "children": [
+        "text-15",
+        "stack-10",
+        "stack-11",
+        "row-11"
+      ]
+    },
+    {
+      "id": "task-detail",
+      "component": "Drawer",
+      "data-chunk-slot": "detail-drawer",
+      "children": [
+        "stack-9"
+      ]
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "section",
+        "task-detail"
+      ]
+    },
+    {
+      "id": "section-7",
+      "component": "Section",
+      "children": [
+        "column-8"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section-7"
+      ]
+    }
+  ]
 }

package/chunks/labeled-textarea.json

@@ -10,5 +10,35 @@
   },
   "html": "<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>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "forms",
+    "description": "Labeled textarea form input — single field-ui wrapping a multiline textarea-ui with placeholder.",
+    "keywords": [
+      "textarea",
+      "multiline",
+      "text",
+      "form",
+      "input",
+      "message",
+      "comment",
+      "notes",
+      "field-ui"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text-area",
+      "component": "TextArea",
+      "placeholder": "alex@acme.com, sarah@acme.com (comma or newline separated)",
+      "rows": "3"
+    },
+    {
+      "id": "root",
+      "component": "Field",
+      "children": [
+        "text-area"
+      ]
+    }
+  ]
 }