@adia-ai/a2ui-corpus 0.5.3 → 0.5.5

package/chunks/dashboard-page-header.json

@@ -31,7 +31,7 @@
       "layout": "header"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T13:37:17.836Z",
   "template": [
     {
       "id": "text",
@@ -42,11 +42,16 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "icon": "download",
+      "text": "Export",
+      "variant": "outline"
     },
     {
       "id": "button-2",
-      "component": "Button"
+      "component": "Button",
+      "text": "+ New",
+      "variant": "primary"
     },
     {
       "id": "column",
@@ -94,35 +99,50 @@
     },
     {
       "id": "tab",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Overview",
+      "value": "overview"
     },
     {
       "id": "tab-2",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Audience",
+      "value": "audience"
     },
     {
       "id": "tab-3",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Acquisition",
+      "value": "acquisition"
     },
     {
       "id": "tab-4",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Behavior",
+      "value": "behavior"
     },
     {
       "id": "tab-5",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Conversion",
+      "value": "conversion"
     },
     {
       "id": "tab-6",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Reports",
+      "value": "reports"
     },
     {
       "id": "tab-7",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Notifications",
+      "value": "notifications"
     },
     {
       "id": "tabs-2",
       "component": "Tabs",
+      "value": "overview",
       "children": [
         "tab",
         "tab-2",
@@ -136,6 +156,7 @@
     {
       "id": "tabs",
       "component": "Tabs",
+      "value": "overview",
       "children": [
         "tabs-2"
       ]

package/chunks/dashboard-pages-table.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Top pages</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n              </header>\n              <section bleed>\n                <table-ui id=\"analytics-pages\" sortable striped 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-14T13:37:17.836Z"
 }

package/chunks/dashboard-quick-actions.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n              <header><h3>Quick Actions</h3></header>\n              <section>\n                <action-list-ui>\n                  <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n                  <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n                  <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n                  <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n                  <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n                  <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n                </action-list-ui>\n              </section>\n            </card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T13:37:17.836Z"
 }

package/chunks/dashboard-reports-panel.json

@@ -33,7 +33,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T13:37:17.836Z",
   "template": [
     {
       "id": "text",
@@ -63,11 +63,15 @@
     },
     {
       "id": "dash-reports-table",
-      "component": "Table"
+      "component": "Table",
+      "raw": true,
+      "sortable": true,
+      "striped": true
     },
     {
       "id": "section",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column"
       ]

package/chunks/dashboard-reports-table.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <span slot=\"heading\">\n                  <h3>Reports</h3>\n                </span>\n                <span slot=\"description\">\n                  <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n                    <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n                    <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n                    <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n                    <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n                  </segmented-ui>\n                  <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n                </span>\n              </header>\n              <section bleed>\n                <table-ui id=\"dash-reports-table\" sortable striped 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-14T13:37:17.836Z"
 }

package/chunks/dashboard-spark-cards.json

@@ -27,7 +27,7 @@
       "indicators"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T13:37:17.836Z",
   "template": [
     {
       "id": "text",
@@ -38,6 +38,7 @@
     {
       "id": "text-2",
       "component": "Text",
+      "variant": "title",
       "textContent": "84,232"
     },
     {
@@ -50,11 +51,15 @@
     },
     {
       "id": "dash-spark-views",
-      "component": "Chart"
+      "component": "Chart",
+      "type": "sparkline",
+      "x": "d",
+      "y": "v"
     },
     {
       "id": "section",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column"
       ]
@@ -83,6 +88,7 @@
     {
       "id": "text-4",
       "component": "Text",
+      "variant": "title",
       "textContent": "24.3%"
     },
     {
@@ -95,11 +101,16 @@
     },
     {
       "id": "dash-spark-bounce",
-      "component": "Chart"
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "warning",
+      "x": "d",
+      "y": "v"
     },
     {
       "id": "section-2",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column-2"
       ]
@@ -128,6 +139,7 @@
     {
       "id": "text-6",
       "component": "Text",
+      "variant": "title",
       "textContent": "4m 32s"
     },
     {
@@ -140,11 +152,16 @@
     },
     {
       "id": "dash-spark-duration",
-      "component": "Chart"
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "success",
+      "x": "d",
+      "y": "v"
     },
     {
       "id": "section-3",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column-3"
       ]
@@ -173,6 +190,7 @@
     {
       "id": "text-8",
       "component": "Text",
+      "variant": "title",
       "textContent": "3.2%"
     },
     {
@@ -185,11 +203,16 @@
     },
     {
       "id": "dash-spark-conv",
-      "component": "Chart"
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "info",
+      "x": "d",
+      "y": "v"
     },
     {
       "id": "section-4",
       "component": "Section",
+      "bleed": true,
       "children": [
         "column-4"
       ]
@@ -212,6 +235,7 @@
     {
       "id": "root",
       "component": "Grid",
+      "columns": "4",
       "gap": "4",
       "children": [
         "card",

package/chunks/dashboard-storage-card.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n              <header>\n                <h3>Storage</h3>\n                <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n              </header>\n              <section>\n                <col-ui gap=\"2\">\n                  <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n                  <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n                  <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n                  <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n                </col-ui>\n              </section>\n              <footer>\n                <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n              </footer>\n            </card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T13:37:17.836Z"
 }

package/chunks/dashboard-tabs.json

@@ -24,39 +24,54 @@
       "sections"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T13:37:17.836Z",
   "template": [
     {
       "id": "tab",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Overview",
+      "value": "overview"
     },
     {
       "id": "tab-2",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Audience",
+      "value": "audience"
     },
     {
       "id": "tab-3",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Acquisition",
+      "value": "acquisition"
     },
     {
       "id": "tab-4",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Behavior",
+      "value": "behavior"
     },
     {
       "id": "tab-5",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Conversion",
+      "value": "conversion"
     },
     {
       "id": "tab-6",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Reports",
+      "value": "reports"
     },
     {
       "id": "tab-7",
-      "component": "Tab"
+      "component": "Tab",
+      "text": "Notifications",
+      "value": "notifications"
     },
     {
       "id": "root",
       "component": "Tabs",
+      "value": "overview",
       "children": [
         "tab",
         "tab-2",

package/chunks/dashboard-team-actions-storage.json

@@ -38,7 +38,7 @@
       "layout": "row"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T13:37:17.836Z",
   "template": [
     {
       "id": "text",
@@ -61,21 +61,28 @@
     },
     {
       "id": "avatar",
-      "component": "Avatar"
+      "component": "Avatar",
+      "text": "Alex Chen"
     },
     {
       "id": "text-3",
       "component": "Text",
+      "strong": true,
       "textContent": "Alex Chen"
     },
     {
       "id": "badge",
-      "component": "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"
@@ -90,6 +97,7 @@
       "id": "column",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-2",
         "text-4"
@@ -98,7 +106,9 @@
     {
       "id": "row",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar",
         "column"
@@ -113,21 +123,28 @@
     },
     {
       "id": "avatar-2",
-      "component": "Avatar"
+      "component": "Avatar",
+      "text": "Sarah Miller"
     },
     {
       "id": "text-5",
       "component": "Text",
+      "strong": true,
       "textContent": "Sarah Miller"
     },
     {
       "id": "badge-2",
-      "component": "Badge"
+      "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"
@@ -142,6 +159,7 @@
       "id": "column-2",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-4",
         "text-6"
@@ -150,7 +168,9 @@
     {
       "id": "row-3",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-2",
         "column-2"
@@ -165,21 +185,28 @@
     },
     {
       "id": "avatar-3",
-      "component": "Avatar"
+      "component": "Avatar",
+      "text": "James Park"
     },
     {
       "id": "text-7",
       "component": "Text",
+      "strong": true,
       "textContent": "James Park"
     },
     {
       "id": "badge-3",
-      "component": "Badge"
+      "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"
@@ -194,6 +221,7 @@
       "id": "column-3",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-6",
         "text-8"
@@ -202,7 +230,9 @@
     {
       "id": "row-5",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-3",
         "column-3"
@@ -217,21 +247,28 @@
     },
     {
       "id": "avatar-4",
-      "component": "Avatar"
+      "component": "Avatar",
+      "text": "Maria Lopez"
     },
     {
       "id": "text-9",
       "component": "Text",
+      "strong": true,
       "textContent": "Maria Lopez"
     },
     {
       "id": "badge-4",
-      "component": "Badge"
+      "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"
@@ -246,6 +283,7 @@
       "id": "column-4",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-8",
         "text-10"
@@ -254,7 +292,9 @@
     {
       "id": "row-7",
       "component": "Row",
+      "align": "center",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-4",
         "column-4"
@@ -270,6 +310,7 @@
     {
       "id": "list",
       "component": "List",
+      "divider": true,
       "children": [
         "list-item",
         "list-item-2",
@@ -335,27 +376,45 @@
     },
     {
       "id": "action-item",
-      "component": "ActionItem"
+      "component": "ActionItem",
+      "icon": "plus",
+      "text": "New Project",
+      "value": "new"
     },
     {
       "id": "action-item-2",
-      "component": "ActionItem"
+      "component": "ActionItem",
+      "icon": "users",
+      "text": "Invite Team",
+      "value": "invite"
     },
     {
       "id": "action-item-3",
-      "component": "ActionItem"
+      "component": "ActionItem",
+      "icon": "download",
+      "text": "Export Data",
+      "value": "export"
     },
     {
       "id": "action-item-4",
-      "component": "ActionItem"
+      "component": "ActionItem",
+      "icon": "chart-bar",
+      "text": "View Reports",
+      "value": "reports"
     },
     {
       "id": "action-item-5",
-      "component": "ActionItem"
+      "component": "ActionItem",
+      "icon": "gear",
+      "text": "Settings",
+      "value": "settings"
     },
     {
       "id": "action-item-6",
-      "component": "ActionItem"
+      "component": "ActionItem",
+      "icon": "question",
+      "text": "Help Center",
+      "value": "help"
     },
     {
       "id": "action-list",
@@ -467,7 +526,10 @@
     },
     {
       "id": "button",
-      "component": "Button"
+      "component": "Button",
+      "stretch": true,
+      "text": "Upgrade Plan",
+      "variant": "primary"
     },
     {
       "id": "footer",
@@ -509,6 +571,7 @@
     {
       "id": "root",
       "component": "Grid",
+      "columns": "3",
       "gap": "4",
       "children": [
         "card",

package/chunks/dashboard-team-list.json

@@ -8,5 +8,5 @@
   "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-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T13:37:17.836Z"
 }

package/chunks/dashboard-traffic-channels.json

@@ -11,5 +11,5 @@
   },
   "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>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T01:42:11.604Z"
+  "captured_at": "2026-05-14T13:37:17.836Z"
 }

package/chunks/dashboard-transactions-table.json

@@ -23,7 +23,7 @@
       "status-badge"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T13:37:17.836Z",
   "template": [
     {
       "id": "text",
@@ -52,11 +52,16 @@
     },
     {
       "id": "dash-transactions",
-      "component": "Table"
+      "component": "Table",
+      "paginate": 5,
+      "raw": true,
+      "sortable": true,
+      "striped": true
     },
     {
       "id": "section",
       "component": "Section",
+      "bleed": true,
       "data-tx-surface": "",
       "children": [
         "column"