@adia-ai/a2ui-corpus 0.6.22 → 0.6.24

package/chunks/dashboard-audience-kpis.json

@@ -6,10 +6,160 @@
   "slots": [],
   "nested": [],
   "attrs": {
-    "columns": "4",
+    "columns": "2 4@md",
     "gap": "4"
   },
-  "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>",
+  "html": "<grid-ui columns=\"2 4@md\" gap=\"4\">\n            <card-ui\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\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\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\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-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "dashboard",
+    "description": "4-column audience KPI grid — unique visitors, sessions, avg. session, bounce rate.",
+    "keywords": [
+      "audience",
+      "kpis",
+      "metrics",
+      "stats",
+      "grid",
+      "dashboard",
+      "cards",
+      "analytics",
+      "responsive",
+      "breakpoint"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "stat",
+      "component": "Stat",
+      "change": "+8.2%",
+      "icon": "users",
+      "label": "Unique visitors",
+      "trend": "up",
+      "value": "28,432"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "stat"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "stat-2",
+      "component": "Stat",
+      "change": "+12.4%",
+      "icon": "browsers",
+      "label": "Sessions",
+      "trend": "up",
+      "value": "41,203"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "stat-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "stat-3",
+      "component": "Stat",
+      "change": "+18s",
+      "icon": "clock",
+      "label": "Avg. session",
+      "trend": "up",
+      "value": "4m 32s"
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "stat-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "stat-4",
+      "component": "Stat",
+      "change": "-2.1%",
+      "icon": "arrow-bend-up-right",
+      "label": "Bounce rate",
+      "trend": "up",
+      "value": "24.3%"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "stat-4"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "2 4@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4"
+      ]
+    }
+  ]
 }

package/chunks/dashboard-audience-panel.json

@@ -14,7 +14,7 @@
     "gap": "4",
     "hidden": ""
   },
-  "html": "<col-ui data-tab-panel=\"audience\" gap=\"4\" hidden>\n          <!-- Filter bar (cross-tab across the four analytics panels) -->\n          <grid-ui><!-- nested: dashboard-filter-bar --></grid-ui>\n\n          <!-- KPI ROW -->\n          <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-audience-kpis --></grid-ui>\n\n          <!-- TOP COUNTRIES -->\n          <grid-ui><!-- nested: dashboard-country-list --></grid-ui>\n        </col-ui>",
+  "html": "<col-ui data-tab-panel=\"audience\" gap=\"4\" hidden>\n          <!-- Filter bar (cross-tab across the four analytics panels) -->\n          <grid-ui><!-- nested: dashboard-filter-bar --></grid-ui>\n\n          <!-- KPI ROW -->\n          <grid-ui columns=\"2 4@md\" gap=\"4\"><!-- nested: dashboard-audience-kpis --></grid-ui>\n\n          <!-- TOP COUNTRIES -->\n          <grid-ui><!-- nested: dashboard-country-list --></grid-ui>\n        </col-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "dashboard",
@@ -38,7 +38,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",
@@ -158,7 +158,6 @@
     {
       "id": "card-2",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section-2"
       ]
@@ -189,7 +188,6 @@
     {
       "id": "card-3",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section-3"
       ]
@@ -220,7 +218,6 @@
     {
       "id": "card-4",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section-4"
       ]
@@ -251,7 +248,6 @@
     {
       "id": "card-5",
       "component": "Card",
-      "size": "sm",
       "children": [
         "section-5"
       ]
@@ -259,7 +255,7 @@
     {
       "id": "grid-4",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "4",
       "children": [
         "card-2",
@@ -271,7 +267,7 @@
     {
       "id": "grid-3",
       "component": "Grid",
-      "columns": "4",
+      "columns": "2 4@md",
       "gap": "4",
       "children": [
         "grid-4"

package/chunks/dashboard-behavior-panel.json

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

package/chunks/dashboard-chart-recent.json

@@ -8,10 +8,10 @@
     "card-header-with-description"
   ],
   "attrs": {
-    "columns": "5",
+    "columns": "1 5@md",
     "gap": "4"
   },
-  "html": "<grid-ui columns=\"5\" gap=\"4\">\n            <card-ui span=\"3\">\n              <header><!-- nested: card-header-with-description --></header>\n              <section>\n                <col-ui>\n                  <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n                  <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n                    <card-ui>\n                      <section>\n                        <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n                      </section>\n                    </card-ui>\n                    <card-ui>\n                      <section>\n                        <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n                      </section>\n                    </card-ui>\n                  </grid-ui>\n                </col-ui>\n              </section>\n              <footer>\n                <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n              </footer>\n            </card-ui>\n            <card-ui span=\"2\">\n              <header>\n                <h3>Recent Sales</h3>\n                <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n                          <text-ui strong>+$1,999.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n                          <text-ui strong>+$39.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n                          <text-ui strong>+$299.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n                          <text-ui strong>+$99.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">will@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n                          <text-ui strong>+$39.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">sofia.davis@email.com</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 columns=\"1 5@md\" gap=\"4\">\n            <card-ui span=\"3\">\n              <header><!-- nested: card-header-with-description --></header>\n              <section>\n                <col-ui>\n                  <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n                  <grid-ui columns=\"2\" gap=\"3\">\n                    <card-ui>\n                      <section>\n                        <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n                      </section>\n                    </card-ui>\n                    <card-ui>\n                      <section>\n                        <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n                      </section>\n                    </card-ui>\n                  </grid-ui>\n                </col-ui>\n              </section>\n              <footer>\n                <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n              </footer>\n            </card-ui>\n            <card-ui span=\"2\">\n              <header>\n                <h3>Recent Sales</h3>\n                <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n                          <text-ui strong>+$1,999.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n                          <text-ui strong>+$39.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n                          <text-ui strong>+$299.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n                          <text-ui strong>+$99.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">will@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n                          <text-ui strong>+$39.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">sofia.davis@email.com</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",
   "metadata": {
     "domain": "dashboard",
@@ -24,7 +24,9 @@
       "timeseries",
       "metrics",
       "graph",
-      "trend"
+      "trend",
+      "responsive",
+      "breakpoint"
     ],
     "related": [
       "dashboard-spark-cards",
@@ -35,7 +37,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-21T19:10:53.888Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",
@@ -534,7 +536,7 @@
     {
       "id": "root",
       "component": "Grid",
-      "columns": "5",
+      "columns": "1 5@md",
       "gap": "4",
       "children": [
         "card",

package/chunks/dashboard-cohort-retention.json

@@ -8,5 +8,76 @@
   "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-21T19:10:53.888Z"
+  "metadata": {
+    "domain": "data",
+    "description": "Cohort retention table card — weekly retention heatmap grid showing user cohort activity.",
+    "keywords": [
+      "dashboard",
+      "cohort",
+      "retention",
+      "heatmap",
+      "table",
+      "analytics",
+      "users",
+      "weekly"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Retention by signup week"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "% of users still active in week N"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "analytics-cohort",
+      "component": "Table",
+      "raw": true
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "analytics-cohort"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "children": [
+        "card"
+      ]
+    }
+  ]
 }

package/chunks/dashboard-conversion-panel.json

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