@adia-ai/a2ui-corpus 0.6.22 → 0.6.24

package/chunks/dashboard-team-list.json

@@ -8,5 +8,326 @@
   "attrs": {},
   "html": "<card-ui>\n              <header>\n                <h3>Team Members</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"Alex Chen\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Alex Chen</text-ui>\n                          <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Engineering Lead</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Sarah Miller</text-ui>\n                          <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Product Designer</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"James Park\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>James Park</text-ui>\n                          <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Backend Engineer</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Maria Lopez</text-ui>\n                          <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Data Analyst</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "data",
+    "description": "Team members list card — avatars + names + roles with invite action.",
+    "keywords": [
+      "dashboard",
+      "team",
+      "members",
+      "list",
+      "avatars",
+      "roles",
+      "invite",
+      "manage"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Team Members"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Your active collaborators"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "text": "Alex Chen"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Alex Chen"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "Online",
+      "variant": "success"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-3",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Engineering Lead"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-2",
+        "text-4"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar",
+        "column"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "text": "Sarah Miller"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Sarah Miller"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "Online",
+      "variant": "success"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-5",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Product Designer"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-4",
+        "text-6"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-2",
+        "column-2"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "text": "James Park"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "strong": true,
+      "textContent": "James Park"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "text": "Away",
+      "variant": "warning"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-7",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Backend Engineer"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-6",
+        "text-8"
+      ]
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-3",
+        "column-3"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-5"
+      ]
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar",
+      "text": "Maria Lopez"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Maria Lopez"
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge",
+      "text": "Offline",
+      "variant": "muted"
+    },
+    {
+      "id": "row-8",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-9",
+        "badge-4"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Data Analyst"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-8",
+        "text-10"
+      ]
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-4",
+        "column-4"
+      ]
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "children": [
+        "row-7"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
 }

package/chunks/dashboard-traffic-channels.json

@@ -6,10 +6,143 @@
   "slots": [],
   "nested": [],
   "attrs": {
-    "columns": "3",
+    "columns": "1 3@md",
     "gap": "4"
   },
-  "html": "<grid-ui columns=\"3\" gap=\"4\">\n            <card-ui span=\"2\">\n              <header>\n                <h3>Traffic</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n                <div slot=\"action\">\n                  <segmented-ui value=\"30d\">\n                    <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n                    <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n                    <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n                  </segmented-ui>\n                </div>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Acquisition channels</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
+  "html": "<grid-ui columns=\"1 3@md\" gap=\"4\">\n            <card-ui span=\"2\">\n              <header>\n                <h3>Traffic</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n                <span slot=\"action\" size=\"sm\">\n                  <segmented-ui value=\"30d\" size=\"sm\">\n                    <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n                    <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n                    <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n                  </segmented-ui>\n                </span>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Acquisition channels</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Traffic + channels acquisition grid — line chart (2/3) + donut (1/3) responsive split layout.",
+    "keywords": [
+      "traffic",
+      "channels",
+      "acquisition",
+      "analytics",
+      "chart",
+      "layout",
+      "grid",
+      "responsive",
+      "breakpoint"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Traffic"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Sessions per day"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "size": "sm"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "analytics-traffic",
+      "component": "Chart",
+      "type": "line",
+      "smooth": 0.4,
+      "x": "day",
+      "y": "sessions"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "analytics-traffic"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Acquisition channels"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Where sessions come from"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "analytics-channels",
+      "component": "Chart",
+      "type": "donut",
+      "x": "channel",
+      "y": "sessions"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "analytics-channels"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2"
+      ]
+    }
+  ]
 }

package/chunks/dashboard-transactions-table.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Recent Transactions</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n                <span slot=\"action\">\n                  <menu-ui id=\"tx-state-menu\">\n                    <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n                    <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n                    <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n                    <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n                    <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n                  </menu-ui>\n                </span>\n              </header>\n              <section bleed data-tx-surface>\n                <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
+  "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Recent Transactions</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n                <span slot=\"action\" size=\"sm\">\n                  <menu-ui id=\"tx-state-menu\">\n                    <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n                    <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n                    <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n                    <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n                    <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n                  </menu-ui>\n                </span>\n              </header>\n              <section bleed data-tx-surface>\n                <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "data",
@@ -23,7 +23,7 @@
       "status-badge"
     ]
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",
@@ -40,7 +40,8 @@
     {
       "id": "text-3",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "size": "sm"
     },
     {
       "id": "header",

package/chunks/date-time-picker-form.json

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

package/chunks/destructive-confirm-modal.json

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

package/chunks/divider-text-label.json

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