@adia-ai/a2ui-corpus 0.5.3 → 0.5.4

package/chunks/dashboard-kpi-grid.json

@@ -26,11 +26,16 @@
       "overview"
     ]
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "stat",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+20.1%",
+      "icon": "currency-dollar",
+      "label": "Total Revenue",
+      "trend": "up",
+      "value": "$45,231.89"
     },
     {
       "id": "section",
@@ -49,13 +54,19 @@
     {
       "id": "card",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section"
       ]
     },
     {
       "id": "stat-2",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+180.1%",
+      "icon": "users",
+      "label": "Subscriptions",
+      "trend": "up",
+      "value": "+2,350"
     },
     {
       "id": "section-2",
@@ -74,13 +85,19 @@
     {
       "id": "card-2",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section-2"
       ]
     },
     {
       "id": "stat-3",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+19%",
+      "icon": "credit-card",
+      "label": "Sales",
+      "trend": "up",
+      "value": "+12,234"
     },
     {
       "id": "section-3",
@@ -99,13 +116,19 @@
     {
       "id": "card-3",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section-3"
       ]
     },
     {
       "id": "stat-4",
-      "component": "Stat"
+      "component": "Stat",
+      "change": "+201",
+      "icon": "chart-bar",
+      "label": "Active Now",
+      "trend": "up",
+      "value": "+573"
     },
     {
       "id": "section-4",
@@ -124,6 +147,7 @@
     {
       "id": "card-4",
       "component": "Card",
+      "size": "sm",
       "children": [
         "section-4"
       ]
@@ -131,6 +155,7 @@
     {
       "id": "root",
       "component": "Grid",
+      "columns": "4",
       "gap": "4",
       "children": [
         "card",

package/chunks/dashboard-notifications-feed.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <span slot=\"heading\">\n                  <h3>Notifications</h3>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">System and team activity</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <segmented-ui value=\"all\">\n                      <segment-ui value=\"all\" text=\"All\"></segment-ui>\n                      <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n                      <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n                    </segmented-ui>\n                    <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n                  </row-ui>\n                </span>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n                      </col-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-notifications-panel.json

@@ -32,7 +32,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-14T01:42:11.604Z",
+  "captured_at": "2026-05-14T03:55:24.388Z",
   "template": [
     {
       "id": "text",
@@ -62,7 +62,9 @@
     },
     {
       "id": "avatar",
-      "component": "Avatar"
+      "component": "Avatar",
+      "icon": "check-circle",
+      "size": "sm"
     },
     {
       "id": "text-4",
@@ -77,6 +79,7 @@
     {
       "id": "row-2",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "text-4",
@@ -92,6 +95,7 @@
       "id": "column",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-2",
         "text-6"
@@ -99,12 +103,16 @@
     },
     {
       "id": "badge",
-      "component": "Badge"
+      "component": "Badge",
+      "text": "New",
+      "variant": "accent"
     },
     {
       "id": "row",
       "component": "Row",
+      "align": "start",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar",
         "column",
@@ -120,7 +128,9 @@
     },
     {
       "id": "avatar-2",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Alex Chen"
     },
     {
       "id": "text-7",
@@ -135,6 +145,7 @@
     {
       "id": "row-4",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "text-7",
@@ -150,6 +161,7 @@
       "id": "column-2",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-4",
         "text-9"
@@ -157,12 +169,16 @@
     },
     {
       "id": "badge-2",
-      "component": "Badge"
+      "component": "Badge",
+      "text": "Mention",
+      "variant": "warning"
     },
     {
       "id": "row-3",
       "component": "Row",
+      "align": "start",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-2",
         "column-2",
@@ -178,7 +194,9 @@
     },
     {
       "id": "avatar-3",
-      "component": "Avatar"
+      "component": "Avatar",
+      "icon": "warning",
+      "size": "sm"
     },
     {
       "id": "text-10",
@@ -193,6 +211,7 @@
     {
       "id": "row-6",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "text-10",
@@ -208,6 +227,7 @@
       "id": "column-3",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-6",
         "text-12"
@@ -215,12 +235,16 @@
     },
     {
       "id": "badge-3",
-      "component": "Badge"
+      "component": "Badge",
+      "text": "Warning",
+      "variant": "warning"
     },
     {
       "id": "row-5",
       "component": "Row",
+      "align": "start",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-3",
         "column-3",
@@ -236,7 +260,9 @@
     },
     {
       "id": "avatar-4",
-      "component": "Avatar"
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Sarah Miller"
     },
     {
       "id": "text-13",
@@ -251,6 +277,7 @@
     {
       "id": "row-8",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "text-13",
@@ -266,6 +293,7 @@
       "id": "column-4",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-8",
         "text-15"
@@ -274,7 +302,9 @@
     {
       "id": "row-7",
       "component": "Row",
+      "align": "start",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-4",
         "column-4"
@@ -289,7 +319,9 @@
     },
     {
       "id": "avatar-5",
-      "component": "Avatar"
+      "component": "Avatar",
+      "icon": "key",
+      "size": "sm"
     },
     {
       "id": "text-16",
@@ -304,6 +336,7 @@
     {
       "id": "row-10",
       "component": "Row",
+      "align": "center",
       "gap": "2",
       "children": [
         "text-16",
@@ -319,6 +352,7 @@
       "id": "column-5",
       "component": "Column",
       "gap": "0",
+      "grow": true,
       "children": [
         "row-10",
         "text-18"
@@ -327,7 +361,9 @@
     {
       "id": "row-9",
       "component": "Row",
+      "align": "start",
       "gap": "2",
+      "grow": true,
       "children": [
         "avatar-5",
         "column-5"
@@ -343,6 +379,7 @@
     {
       "id": "list",
       "component": "List",
+      "divider": true,
       "children": [
         "list-item",
         "list-item-2",