@adia-ai/a2ui-corpus 0.5.3 → 0.5.4

package/chunks/dashboard-audience-kpis.json

@@ -11,5 +11,5 @@
   },
   "html": "<grid-ui columns=\"4\" gap=\"4\">\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section\n            ></card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/dashboard-audience-panel.json

@@ -37,7 +37,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -46,15 +46,22 @@
     },
     {
       "id": "tag",
-      "component": "Tag"
+      "component": "Tag",
+      "removable": true,
+      "text": "Country: United States"
     },
     {
       "id": "tag-2",
-      "component": "Tag"
+      "component": "Tag",
+      "removable": true,
+      "text": "Device: Desktop"
     },
     {
       "id": "button",
       "component": "Button",
+      "size": "sm",
+      "text": "+ Add filter",
+      "variant": "ghost",
       "data-filter-add": ""
     },
     {
@@ -66,12 +73,17 @@
     {
       "id": "button-2",
       "component": "Button",
+      "size": "sm",
+      "text": "Clear all",
+      "variant": "ghost",
       "data-filter-clear": ""
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "wrap": true,
       "data-filter-bar": "",
       "children": [
         "text",
@@ -119,7 +131,12 @@
     },
     {
       "id": "stat",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+8.2%",
+      "icon": "users",
+      "label": "Unique visitors",
+      "trend": "up",
+      "value": "28,432"
     },
     {
       "id": "section-2",
@@ -138,13 +155,19 @@
     {
       "id": "card-2",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section-2"
       ]
     },
     {
       "id": "stat-2",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+12.4%",
+      "icon": "browsers",
+      "label": "Sessions",
+      "trend": "up",
+      "value": "41,203"
     },
     {
       "id": "section-3",
@@ -163,13 +186,19 @@
     {
       "id": "card-3",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section-3"
       ]
     },
     {
       "id": "stat-3",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+18s",
+      "icon": "clock",
+      "label": "Avg. session",
+      "trend": "up",
+      "value": "4m 32s"
     },
     {
       "id": "section-4",
@@ -188,13 +217,19 @@
     {
       "id": "card-4",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section-4"
       ]
     },
     {
       "id": "stat-4",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "-2.1%",
+      "icon": "arrow-bend-up-right",
+      "label": "Bounce rate",
+      "trend": "up",
+      "value": "24.3%"
     },
     {
       "id": "section-5",
@@ -213,6 +248,7 @@
     {
       "id": "card-5",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section-5"
       ]
@@ -220,6 +256,7 @@
     {
       "id": "grid-4",
       "component": "Grid",
+      "columns": "4",
       "gap": "4",
       "children": [
         "card-2",
@@ -231,6 +268,7 @@
     {
       "id": "grid-3",
       "component": "Grid",
+      "columns": "4",
       "gap": "4",
       "children": [
         "grid-4"
@@ -278,7 +316,9 @@
     {
       "id": "row-2",
       "component": "Row",
+      "align": "center",
       "gap": "3",
+      "grow": true,
       "children": [
         "text-5",
         "text-6",
@@ -316,7 +356,9 @@
     {
       "id": "row-3",
       "component": "Row",
+      "align": "center",
       "gap": "3",
+      "grow": true,
       "children": [
         "text-9",
         "text-10",
@@ -354,7 +396,9 @@
     {
       "id": "row-4",
       "component": "Row",
+      "align": "center",
       "gap": "3",
+      "grow": true,
       "children": [
         "text-13",
         "text-14",
@@ -392,7 +436,9 @@
     {
       "id": "row-5",
       "component": "Row",
+      "align": "center",
       "gap": "3",
+      "grow": true,
       "children": [
         "text-17",
         "text-18",
@@ -430,7 +476,9 @@
     {
       "id": "row-6",
       "component": "Row",
+      "align": "center",
       "gap": "3",
+      "grow": true,
       "children": [
         "text-21",
         "text-22",
@@ -448,6 +496,7 @@
     {
       "id": "list",
       "component": "List",
+      "divider": true,
       "children": [
         "list-item",
         "list-item-2",

package/chunks/dashboard-behavior-panel.json

@@ -34,7 +34,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -57,11 +57,15 @@
     },
     {
       "id": "analytics-pages",
-      "component": "Table"
+      "component": "Table",
+      "raw": true,
+      "sortable": true,
+      "striped": true
     },
     {
       "id": "section",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column"
       ]

package/chunks/dashboard-chart-recent.json

@@ -35,7 +35,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -65,11 +65,18 @@
     },
     {
       "id": "dash-overview",
-      "component": "Chart"
+      "component": "Chart",
+      "type": "bar",
+      "x": "month",
+      "y": "revenue"
     },
     {
       "id": "stat",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+12% vs last month",
+      "label": "This Month",
+      "trend": "up",
+      "value": "$5,400"
     },
     {
       "id": "section-2",
@@ -94,7 +101,11 @@
     },
     {
       "id": "stat-2",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "On track for $65k target",
+      "label": "Yearly Total",
+      "trend": "neutral",
+      "value": "$59,100"
     },
     {
       "id": "section-3",
@@ -120,6 +131,7 @@
     {
       "id": "grid",
       "component": "Grid",
+      "columns": "2",
       "gap": "3",
       "children": [
         "card-2",
@@ -143,7 +155,10 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "stretch": true,
+      "text": "View Full Report",
+      "variant": "outline"
     },
     {
       "id": "footer",
@@ -182,7 +197,9 @@
     },
     {
       "id": "avatar",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Olivia Martin"
     },
     {
       "id": "text-5",
@@ -192,6 +209,7 @@
     {
       "id": "text-6",
       "component": "Text",
+      "strong": true,
       "textContent": "+$1,999.00"
     },
     {
@@ -211,6 +229,7 @@
       "id": "column-4",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-2",
         "text-7"
@@ -219,7 +238,9 @@
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar",
         "column-4"
@@ -234,7 +255,9 @@
     },
     {
       "id": "avatar-2",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Jackson Lee"
     },
     {
       "id": "text-8",
@@ -244,6 +267,7 @@
     {
       "id": "text-9",
       "component": "Text",
+      "strong": true,
       "textContent": "+$39.00"
     },
     {
@@ -263,6 +287,7 @@
       "id": "column-5",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-4",
         "text-10"
@@ -271,7 +296,9 @@
     {
       "id": "row-3",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-2",
         "column-5"
@@ -286,7 +313,9 @@
     },
     {
       "id": "avatar-3",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Isabella Nguyen"
     },
     {
       "id": "text-11",
@@ -296,6 +325,7 @@
     {
       "id": "text-12",
       "component": "Text",
+      "strong": true,
       "textContent": "+$299.00"
     },
     {
@@ -315,6 +345,7 @@
       "id": "column-6",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-6",
         "text-13"
@@ -323,7 +354,9 @@
     {
       "id": "row-5",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-3",
         "column-6"
@@ -338,7 +371,9 @@
     },
     {
       "id": "avatar-4",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "text": "William Kim"
     },
     {
       "id": "text-14",
@@ -348,6 +383,7 @@
     {
       "id": "text-15",
       "component": "Text",
+      "strong": true,
       "textContent": "+$99.00"
     },
     {
@@ -367,6 +403,7 @@
       "id": "column-7",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-8",
         "text-16"
@@ -375,7 +412,9 @@
     {
       "id": "row-7",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-4",
         "column-7"
@@ -390,7 +429,9 @@
     },
     {
       "id": "avatar-5",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Sofia Davis"
     },
     {
       "id": "text-17",
@@ -400,6 +441,7 @@
     {
       "id": "text-18",
       "component": "Text",
+      "strong": true,
       "textContent": "+$39.00"
     },
     {
@@ -419,6 +461,7 @@
       "id": "column-8",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-10",
         "text-19"
@@ -427,7 +470,9 @@
     {
       "id": "row-9",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-5",
         "column-8"
@@ -443,6 +488,7 @@
     {
       "id": "list",
       "component": "List",
+      "divider": true,
       "children": [
         "list-item",
         "list-item-2",
@@ -476,6 +522,7 @@
     {
       "id": "root",
       "component": "Grid",
+      "columns": "5",
       "gap": "4",
       "children": [
         "card",

package/chunks/dashboard-cohort-retention.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Retention by signup week</h3>\n                <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n              </header>\n              <section bleed>\n                <table-ui id=\"analytics-cohort\" raw></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/dashboard-conversion-panel.json

@@ -35,7 +35,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -59,6 +59,7 @@
     {
       "id": "text-3",
       "component": "Text",
+      "strong": true,
       "textContent": "Visited landing page"
     },
     {
@@ -70,6 +71,7 @@
       "id": "column-2",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "text-3",
         "text-4"
@@ -78,11 +80,13 @@
     {
       "id": "text-5",
       "component": "Text",
+      "strong": true,
       "textContent": "100%"
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "3",
       "children": [
         "column-2",
@@ -162,11 +166,13 @@
     },
     {
       "id": "analytics-cohort",
-      "component": "Table"
+      "component": "Table",
+      "raw": true
     },
     {
       "id": "section-2",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column-6"
       ]

package/chunks/dashboard-country-list.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Top countries</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇺🇸</text-ui>\n                      <text-ui weight=\"semibold\" grow>United States</text-ui>\n                      <text-ui>14,320</text-ui>\n                      <text-ui color=\"subtle\">50.4%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇩🇪</text-ui>\n                      <text-ui weight=\"semibold\" grow>Germany</text-ui>\n                      <text-ui>3,892</text-ui>\n                      <text-ui color=\"subtle\">13.7%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇬🇧</text-ui>\n                      <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n                      <text-ui>2,841</text-ui>\n                      <text-ui color=\"subtle\">10.0%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇯🇵</text-ui>\n                      <text-ui weight=\"semibold\" grow>Japan</text-ui>\n                      <text-ui>1,920</text-ui>\n                      <text-ui color=\"subtle\">6.8%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇨🇦</text-ui>\n                      <text-ui weight=\"semibold\" grow>Canada</text-ui>\n                      <text-ui>1,450</text-ui>\n                      <text-ui color=\"subtle\">5.1%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T03:55:24.388Z"
 }

package/chunks/dashboard-filter-bar.json

@@ -23,7 +23,7 @@
       "toolbar-icons"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -32,15 +32,22 @@
     },
     {
       "id": "tag",
-      "component": "Tag"
+      "component": "Tag",
+      "removable": true,
+      "text": "Country: United States"
     },
     {
       "id": "tag-2",
-      "component": "Tag"
+      "component": "Tag",
+      "removable": true,
+      "text": "Device: Desktop"
     },
     {
       "id": "button",
       "component": "Button",
+      "size": "sm",
+      "text": "+ Add filter",
+      "variant": "ghost",
       "data-filter-add": ""
     },
     {
@@ -52,12 +59,17 @@
     {
       "id": "button-2",
       "component": "Button",
+      "size": "sm",
+      "text": "Clear all",
+      "variant": "ghost",
       "data-filter-clear": ""
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "wrap": true,
       "data-filter-bar": "",
       "children": [
         "text",

package/chunks/dashboard-funnel.json

@@ -23,7 +23,7 @@
       "customer-journey"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -47,6 +47,7 @@
     {
       "id": "text-3",
       "component": "Text",
+      "strong": true,
       "textContent": "Visited landing page"
     },
     {
@@ -58,6 +59,7 @@
       "id": "column-2",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "text-3",
         "text-4"
@@ -66,11 +68,13 @@
     {
       "id": "text-5",
       "component": "Text",
+      "strong": true,
       "textContent": "100%"
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "3",
       "children": [
         "column-2",