@adia-ai/a2ui-corpus 0.6.22 → 0.6.24

package/chunks/dashboard-notifications-feed.json

@@ -6,7 +6,426 @@
   "slots": [],
   "nested": [],
   "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>",
+  "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\" size=\"sm\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <segmented-ui value=\"all\" size=\"sm\">\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-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "data",
+    "description": "Notifications feed card — recent activity timeline with unread badge and mark-all-read.",
+    "keywords": [
+      "dashboard",
+      "notifications",
+      "feed",
+      "activity",
+      "timeline",
+      "unread",
+      "badge"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Notifications"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "System and team activity"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "size": "sm"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Deployment completed"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "2m ago"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Production deploy v2.14.0 succeeded. 12 files changed."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-2",
+        "text-6"
+      ]
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "New",
+      "variant": "accent"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "start",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar",
+        "column",
+        "badge"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Alex Chen"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Alex Chen mentioned you"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "18m ago"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-7",
+        "text-8"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "\"@you can you take a look at the Safari issue?\""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-4",
+        "text-9"
+      ]
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "Mention",
+      "variant": "warning"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "start",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-2",
+        "column-2",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "icon": "warning",
+      "size": "sm"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Usage threshold reached"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "2h ago"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-10",
+        "text-11"
+      ]
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "API calls at 85% of monthly quota. Consider upgrading your plan."
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-6",
+        "text-12"
+      ]
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "text": "Warning",
+      "variant": "warning"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "align": "start",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-3",
+        "column-3",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-5"
+      ]
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Sarah Miller"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Sarah Miller invited you"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Yesterday"
+    },
+    {
+      "id": "row-8",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-13",
+        "text-14"
+      ]
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "You were added to the \"Brand refresh\" workspace."
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-8",
+        "text-15"
+      ]
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "align": "start",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-4",
+        "column-4"
+      ]
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "children": [
+        "row-7"
+      ]
+    },
+    {
+      "id": "avatar-5",
+      "component": "Avatar",
+      "icon": "key",
+      "size": "sm"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "API key rotated"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "2 days ago"
+    },
+    {
+      "id": "row-10",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-16",
+        "text-17"
+      ]
+    },
+    {
+      "id": "text-18",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Your production API key was rotated. Old key is revoked."
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-10",
+        "text-18"
+      ]
+    },
+    {
+      "id": "row-9",
+      "component": "Row",
+      "align": "start",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-5",
+        "column-5"
+      ]
+    },
+    {
+      "id": "list-item-5",
+      "component": "ListItem",
+      "children": [
+        "row-9"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4",
+        "list-item-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "children": [
+        "card"
+      ]
+    }
+  ]
 }

package/chunks/dashboard-notifications-panel.json

@@ -33,7 +33,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",
@@ -50,7 +50,8 @@
     {
       "id": "text-3",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "size": "sm"
     },
     {
       "id": "header",

package/chunks/dashboard-overview-panel.json

@@ -19,7 +19,7 @@
     "data-tab-panel": "overview",
     "gap": "4"
   },
-  "html": "<col-ui data-tab-panel=\"overview\" gap=\"4\">\n          <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n          <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-kpi-grid --></grid-ui>\n\n          <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n          <grid-ui columns=\"5\" gap=\"4\"><!-- nested: dashboard-chart-recent --></grid-ui>\n\n          <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n          <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-spark-cards --></grid-ui>\n\n          <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n         Supports ?state=empty|loading|error URL params for state-coverage\n         demos; the default state renders the populated table. -->\n          <grid-ui><!-- nested: dashboard-transactions-table --></grid-ui>\n\n          <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n          <grid-ui columns=\"3\" gap=\"4\"><!-- nested: dashboard-team-actions-storage --></grid-ui>\n        </col-ui>",
+  "html": "<col-ui data-tab-panel=\"overview\" gap=\"4\">\n          <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n          <grid-ui columns=\"2 4@md\" gap=\"4\"><!-- nested: dashboard-kpi-grid --></grid-ui>\n\n          <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n          <grid-ui columns=\"1 5@md\" gap=\"4\"><!-- nested: dashboard-chart-recent --></grid-ui>\n\n          <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n          <grid-ui columns=\"2 4@md\" gap=\"4\"><!-- nested: dashboard-spark-cards --></grid-ui>\n\n          <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n         Supports ?state=empty|loading|error URL params for state-coverage\n         demos; the default state renders the populated table. -->\n          <grid-ui><!-- nested: dashboard-transactions-table --></grid-ui>\n\n          <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n          <grid-ui columns=\"1 3@md\" gap=\"4\"><!-- nested: dashboard-team-actions-storage --></grid-ui>\n        </col-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "dashboard",
@@ -47,7 +47,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "stat",
@@ -75,7 +75,6 @@
     {
       "id": "card",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section"
       ]
@@ -106,7 +105,6 @@
     {
       "id": "card-2",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section-2"
       ]
@@ -137,7 +135,6 @@
     {
       "id": "card-3",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section-3"
       ]
@@ -168,7 +165,6 @@
     {
       "id": "card-4",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section-4"
       ]
@@ -176,7 +172,7 @@
     {
       "id": "grid-2",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "4",
       "children": [
         "card",
@@ -188,7 +184,7 @@
     {
       "id": "grid",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "4",
       "children": [
         "grid-2"
@@ -691,7 +687,7 @@
     {
       "id": "grid-4",
       "component": "Grid",
-      "columns": "5",
+      "columns": "1 5@md",
       "gap": "4",
       "children": [
         "card-5",
@@ -701,7 +697,7 @@
     {
       "id": "grid-3",
       "component": "Grid",
-      "columns": "5",
+      "columns": "1 5@md",
       "gap": "4",
       "children": [
         "grid-4"
@@ -913,7 +909,7 @@
     {
       "id": "grid-7",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "4",
       "children": [
         "card-9",
@@ -925,7 +921,7 @@
     {
       "id": "grid-6",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "4",
       "children": [
         "grid-7"
@@ -946,7 +942,8 @@
     {
       "id": "text-30",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "size": "sm"
     },
     {
       "id": "header-8",
@@ -1540,7 +1537,7 @@
     {
       "id": "grid-11",
       "component": "Grid",
-      "columns": "3",
+      "columns": "1 3@md",
       "gap": "4",
       "children": [
         "card-14",
@@ -1551,7 +1548,7 @@
     {
       "id": "grid-10",
       "component": "Grid",
-      "columns": "3",
+      "columns": "1 3@md",
       "gap": "4",
       "children": [
         "grid-11"

package/chunks/dashboard-page-header.json

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

package/chunks/dashboard-pages-table.json

@@ -8,5 +8,79 @@
   "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-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "data",
+    "description": "Top pages table card — page title, views, bounce rate, avg time on page.",
+    "keywords": [
+      "dashboard",
+      "pages",
+      "table",
+      "analytics",
+      "top",
+      "content",
+      "views",
+      "bounce",
+      "rate"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Top pages"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Most-visited routes"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "analytics-pages",
+      "component": "Table",
+      "raw": true,
+      "sortable": true,
+      "striped": true
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "analytics-pages"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "children": [
+        "card"
+      ]
+    }
+  ]
 }