@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/dashboard-conversion-panel.json

@@ -36,7 +36,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -47,7 +47,7 @@
     {
       "id": "text-2",
       "component": "Text",
-      "color": "subtle",
+      "variant": "body",
       "textContent": "Visit → Sign up → Activate → Convert"
     },
     {
@@ -97,16 +97,25 @@
       ]
     },
     {
-      "id": "column-3",
-      "component": "Column"
+      "id": "progress-row",
+      "component": "ProgressRow",
+      "label": "Signed up",
+      "meta": "11,942 · 42%",
+      "value": 42
     },
     {
-      "id": "column-4",
-      "component": "Column"
+      "id": "progress-row-2",
+      "component": "ProgressRow",
+      "label": "Activated",
+      "meta": "7,961 · 28%",
+      "value": 28
     },
     {
-      "id": "column-5",
-      "component": "Column"
+      "id": "progress-row-3",
+      "component": "ProgressRow",
+      "label": "Converted to paid",
+      "meta": "2,274 · 8.0%",
+      "value": 8
     },
     {
       "id": "column",
@@ -114,9 +123,9 @@
       "gap": "3",
       "children": [
         "row",
-        "column-3",
-        "column-4",
-        "column-5"
+        "progress-row",
+        "progress-row-2",
+        "progress-row-3"
       ]
     },
     {
@@ -178,11 +187,11 @@
       "component": "Section",
       "bleed": true,
       "children": [
-        "column-6"
+        "column-3"
       ]
     },
     {
-      "id": "column-6",
+      "id": "column-3",
       "component": "Column",
       "children": [
         "analytics-cohort"

package/chunks/dashboard-country-list.json

@@ -21,7 +21,7 @@
       "pageviews"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-filter-bar.json

@@ -23,7 +23,7 @@
       "toolbar-icons"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-funnel.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Conversion funnel</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n              </header>\n              <section>\n                <col-ui gap=\"3\">\n                  <row-ui align=\"center\" gap=\"3\">\n                    <col-ui gap=\"0\" grow>\n                      <text-ui strong>Visited landing page</text-ui>\n                      <text-ui color=\"subtle\">28,432 visitors</text-ui>\n                    </col-ui>\n                    <text-ui strong>100%</text-ui>\n                  </row-ui>\n                  <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n                  <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n                  <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n                </col-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
+  "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Conversion funnel</h3>\n                <p slot=\"description\">Visit → Sign up → Activate → Convert</p>\n              </header>\n              <section>\n                <col-ui gap=\"3\">\n                  <row-ui align=\"center\" gap=\"3\">\n                    <col-ui gap=\"0\" grow>\n                      <text-ui strong>Visited landing page</text-ui>\n                      <text-ui color=\"subtle\">28,432 visitors</text-ui>\n                    </col-ui>\n                    <text-ui strong>100%</text-ui>\n                  </row-ui>\n                  <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n                  <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n                  <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n                </col-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "data",
@@ -23,7 +23,7 @@
       "customer-journey"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -34,7 +34,7 @@
     {
       "id": "text-2",
       "component": "Text",
-      "color": "subtle",
+      "variant": "body",
       "textContent": "Visit → Sign up → Activate → Convert"
     },
     {
@@ -84,16 +84,25 @@
       ]
     },
     {
-      "id": "column-3",
-      "component": "Column"
+      "id": "progress-row",
+      "component": "ProgressRow",
+      "label": "Signed up",
+      "meta": "11,942 · 42%",
+      "value": 42
     },
     {
-      "id": "column-4",
-      "component": "Column"
+      "id": "progress-row-2",
+      "component": "ProgressRow",
+      "label": "Activated",
+      "meta": "7,961 · 28%",
+      "value": 28
     },
     {
-      "id": "column-5",
-      "component": "Column"
+      "id": "progress-row-3",
+      "component": "ProgressRow",
+      "label": "Converted to paid",
+      "meta": "2,274 · 8.0%",
+      "value": 8
     },
     {
       "id": "column",
@@ -101,9 +110,9 @@
       "gap": "3",
       "children": [
         "row",
-        "column-3",
-        "column-4",
-        "column-5"
+        "progress-row",
+        "progress-row-2",
+        "progress-row-3"
       ]
     },
     {

package/chunks/dashboard-notifications-panel.json

@@ -5,14 +5,14 @@
   "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "slots": [],
   "nested": [
-    "dashboard-notifications-feed"
+    "notification-badges-feed"
   ],
   "attrs": {
     "data-tab-panel": "notifications",
     "gap": "4",
     "hidden": ""
   },
-  "html": "<col-ui data-tab-panel=\"notifications\" gap=\"4\" hidden>\n          <grid-ui><!-- nested: dashboard-notifications-feed --></grid-ui>\n        </col-ui>",
+  "html": "<col-ui data-tab-panel=\"notifications\" gap=\"4\" hidden>\n          <grid-ui><!-- nested: notification-badges-feed --></grid-ui>\n        </col-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "dashboard",
@@ -33,12 +33,12 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
-      "variant": "body",
+      "variant": "heading",
       "textContent": "Notifications"
     },
     {
@@ -48,18 +48,66 @@
       "textContent": "System and team activity"
     },
     {
-      "id": "text-3",
-      "component": "Text",
-      "variant": "body",
-      "size": "sm"
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "segment",
+      "component": "Segment",
+      "text": "All",
+      "value": "all"
+    },
+    {
+      "id": "segment-2",
+      "component": "Segment",
+      "text": "Unread",
+      "value": "unread"
+    },
+    {
+      "id": "segment-3",
+      "component": "Segment",
+      "text": "Mentions",
+      "value": "mentions"
+    },
+    {
+      "id": "segmented-control",
+      "component": "SegmentedControl",
+      "value": "all",
+      "children": [
+        "segment",
+        "segment-2",
+        "segment-3"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Mark all read",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "column",
+        "segmented-control",
+        "button"
+      ]
     },
     {
       "id": "header",
       "component": "Header",
       "children": [
-        "text",
-        "text-2",
-        "text-3"
+        "row"
       ]
     },
     {
@@ -69,42 +117,42 @@
       "size": "sm"
     },
     {
-      "id": "text-4",
+      "id": "text-3",
       "component": "Text",
       "weight": "semibold",
       "textContent": "Deployment completed"
     },
     {
-      "id": "text-5",
+      "id": "text-4",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "2m ago"
     },
     {
-      "id": "row-2",
+      "id": "row-3",
       "component": "Row",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-4",
-        "text-5"
+        "text-3",
+        "text-4"
       ]
     },
     {
-      "id": "text-6",
+      "id": "text-5",
       "component": "Text",
       "color": "subtle",
       "textContent": "Production deploy v2.14.0 succeeded. 12 files changed."
     },
     {
-      "id": "column",
+      "id": "column-2",
       "component": "Column",
       "gap": "0",
       "grow": true,
       "children": [
-        "row-2",
-        "text-6"
+        "row-3",
+        "text-5"
       ]
     },
     {
@@ -114,14 +162,14 @@
       "variant": "accent"
     },
     {
-      "id": "row",
+      "id": "row-2",
       "component": "Row",
       "align": "start",
       "gap": "2",
       "grow": true,
       "children": [
         "avatar",
-        "column",
+        "column-2",
         "badge"
       ]
     },
@@ -129,7 +177,7 @@
       "id": "list-item",
       "component": "ListItem",
       "children": [
-        "row"
+        "row-2"
       ]
     },
     {
@@ -139,42 +187,42 @@
       "text": "Alex Chen"
     },
     {
-      "id": "text-7",
+      "id": "text-6",
       "component": "Text",
       "weight": "semibold",
       "textContent": "Alex Chen mentioned you"
     },
     {
-      "id": "text-8",
+      "id": "text-7",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "18m ago"
     },
     {
-      "id": "row-4",
+      "id": "row-5",
       "component": "Row",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-7",
-        "text-8"
+        "text-6",
+        "text-7"
       ]
     },
     {
-      "id": "text-9",
+      "id": "text-8",
       "component": "Text",
       "color": "subtle",
       "textContent": "\"@you can you take a look at the Safari issue?\""
     },
     {
-      "id": "column-2",
+      "id": "column-3",
       "component": "Column",
       "gap": "0",
       "grow": true,
       "children": [
-        "row-4",
-        "text-9"
+        "row-5",
+        "text-8"
       ]
     },
     {
@@ -184,14 +232,14 @@
       "variant": "warning"
     },
     {
-      "id": "row-3",
+      "id": "row-4",
       "component": "Row",
       "align": "start",
       "gap": "2",
       "grow": true,
       "children": [
         "avatar-2",
-        "column-2",
+        "column-3",
         "badge-2"
       ]
     },
@@ -199,7 +247,7 @@
       "id": "list-item-2",
       "component": "ListItem",
       "children": [
-        "row-3"
+        "row-4"
       ]
     },
     {
@@ -209,42 +257,42 @@
       "size": "sm"
     },
     {
-      "id": "text-10",
+      "id": "text-9",
       "component": "Text",
       "weight": "semibold",
       "textContent": "Usage threshold reached"
     },
     {
-      "id": "text-11",
+      "id": "text-10",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "2h ago"
     },
     {
-      "id": "row-6",
+      "id": "row-7",
       "component": "Row",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-10",
-        "text-11"
+        "text-9",
+        "text-10"
       ]
     },
     {
-      "id": "text-12",
+      "id": "text-11",
       "component": "Text",
       "color": "subtle",
       "textContent": "API calls at 85% of monthly quota. Consider upgrading your plan."
     },
     {
-      "id": "column-3",
+      "id": "column-4",
       "component": "Column",
       "gap": "0",
       "grow": true,
       "children": [
-        "row-6",
-        "text-12"
+        "row-7",
+        "text-11"
       ]
     },
     {
@@ -254,14 +302,14 @@
       "variant": "warning"
     },
     {
-      "id": "row-5",
+      "id": "row-6",
       "component": "Row",
       "align": "start",
       "gap": "2",
       "grow": true,
       "children": [
         "avatar-3",
-        "column-3",
+        "column-4",
         "badge-3"
       ]
     },
@@ -269,7 +317,7 @@
       "id": "list-item-3",
       "component": "ListItem",
       "children": [
-        "row-5"
+        "row-6"
       ]
     },
     {
@@ -279,60 +327,60 @@
       "text": "Sarah Miller"
     },
     {
-      "id": "text-13",
+      "id": "text-12",
       "component": "Text",
       "weight": "semibold",
       "textContent": "Sarah Miller invited you"
     },
     {
-      "id": "text-14",
+      "id": "text-13",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "Yesterday"
     },
     {
-      "id": "row-8",
+      "id": "row-9",
       "component": "Row",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-13",
-        "text-14"
+        "text-12",
+        "text-13"
       ]
     },
     {
-      "id": "text-15",
+      "id": "text-14",
       "component": "Text",
       "color": "subtle",
       "textContent": "You were added to the \"Brand refresh\" workspace."
     },
     {
-      "id": "column-4",
+      "id": "column-5",
       "component": "Column",
       "gap": "0",
       "grow": true,
       "children": [
-        "row-8",
-        "text-15"
+        "row-9",
+        "text-14"
       ]
     },
     {
-      "id": "row-7",
+      "id": "row-8",
       "component": "Row",
       "align": "start",
       "gap": "2",
       "grow": true,
       "children": [
         "avatar-4",
-        "column-4"
+        "column-5"
       ]
     },
     {
       "id": "list-item-4",
       "component": "ListItem",
       "children": [
-        "row-7"
+        "row-8"
       ]
     },
     {
@@ -342,60 +390,60 @@
       "size": "sm"
     },
     {
-      "id": "text-16",
+      "id": "text-15",
       "component": "Text",
       "weight": "semibold",
       "textContent": "API key rotated"
     },
     {
-      "id": "text-17",
+      "id": "text-16",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "2 days ago"
     },
     {
-      "id": "row-10",
+      "id": "row-11",
       "component": "Row",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-16",
-        "text-17"
+        "text-15",
+        "text-16"
       ]
     },
     {
-      "id": "text-18",
+      "id": "text-17",
       "component": "Text",
       "color": "subtle",
       "textContent": "Your production API key was rotated. Old key is revoked."
     },
     {
-      "id": "column-5",
+      "id": "column-6",
       "component": "Column",
       "gap": "0",
       "grow": true,
       "children": [
-        "row-10",
-        "text-18"
+        "row-11",
+        "text-17"
       ]
     },
     {
-      "id": "row-9",
+      "id": "row-10",
       "component": "Row",
       "align": "start",
       "gap": "2",
       "grow": true,
       "children": [
         "avatar-5",
-        "column-5"
+        "column-6"
       ]
     },
     {
       "id": "list-item-5",
       "component": "ListItem",
       "children": [
-        "row-9"
+        "row-10"
       ]
     },
     {
@@ -413,12 +461,13 @@
     {
       "id": "section",
       "component": "Section",
+      "bleed": true,
       "children": [
-        "column-6"
+        "column-7"
       ]
     },
     {
-      "id": "column-6",
+      "id": "column-7",
       "component": "Column",
       "children": [
         "list"