@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/{dashboard-notifications-feed.json → notification-badges-feed.json}

@@ -1,32 +1,48 @@
 {
-  "name": "dashboard-notifications-feed",
+  "name": "notification-badges-feed",
   "kind": "block",
   "primary": "grid-ui",
   "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "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\" 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>",
+  "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <row-ui gap=\"3\" align=\"center\">\n                  <col-ui gap=\"0\" grow>\n                    <h3>Notifications</h3>\n                    <p slot=\"description\">System and team activity</p>\n                  </col-ui>\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              </header>\n              <section bleed>\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",
   "metadata": {
     "domain": "data",
-    "description": "Notifications feed card — recent activity timeline with unread badge and mark-all-read.",
+    "description": "Notification center feed card — recent alerts and activity with unread badge-ui indicators per item, segmented filter (all/unread/mentions), and mark-all-read action.",
     "keywords": [
-      "dashboard",
+      "notification",
+      "center",
       "notifications",
       "feed",
       "activity",
       "timeline",
       "unread",
-      "badge"
+      "badge",
+      "badge-ui",
+      "notification",
+      "badge",
+      "alert",
+      "indicator",
+      "mark",
+      "read",
+      "segmented",
+      "filter",
+      "mentions",
+      "dashboard",
+      "badges",
+      "notification-badges",
+      "center",
+      "unread"
     ]
   },
-  "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"
     },
     {
@@ -36,18 +52,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"
       ]
     },
     {
@@ -57,42 +121,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"
       ]
     },
     {
@@ -102,14 +166,14 @@
       "variant": "accent"
     },
     {
-      "id": "row",
+      "id": "row-2",
       "component": "Row",
       "align": "start",
       "gap": "2",
       "grow": true,
       "children": [
         "avatar",
-        "column",
+        "column-2",
         "badge"
       ]
     },
@@ -117,7 +181,7 @@
       "id": "list-item",
       "component": "ListItem",
       "children": [
-        "row"
+        "row-2"
       ]
     },
     {
@@ -127,42 +191,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"
       ]
     },
     {
@@ -172,14 +236,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"
       ]
     },
@@ -187,7 +251,7 @@
       "id": "list-item-2",
       "component": "ListItem",
       "children": [
-        "row-3"
+        "row-4"
       ]
     },
     {
@@ -197,42 +261,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"
       ]
     },
     {
@@ -242,14 +306,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"
       ]
     },
@@ -257,7 +321,7 @@
       "id": "list-item-3",
       "component": "ListItem",
       "children": [
-        "row-5"
+        "row-6"
       ]
     },
     {
@@ -267,60 +331,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"
       ]
     },
     {
@@ -330,60 +394,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"
       ]
     },
     {
@@ -401,12 +465,13 @@
     {
       "id": "section",
       "component": "Section",
+      "bleed": true,
       "children": [
-        "column-6"
+        "column-7"
       ]
     },
     {
-      "id": "column-6",
+      "id": "column-7",
       "component": "Column",
       "children": [
         "list"

package/chunks/{settings-notifications.json → notification-preferences-panel.json}

@@ -1,30 +1,38 @@
 {
-  "name": "settings-notifications",
+  "name": "notification-preferences-panel",
   "kind": "block",
   "primary": "card-ui",
   "page": "/catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <h3>Notifications</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Choose what you want to be notified about</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <section>\n        <text-ui weight=\"semibold\">Email</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Weekly digest</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>New mentions</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Product updates</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n      <divider-ui></divider-ui>\n      <section>\n        <text-ui weight=\"semibold\">Push</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Direct messages</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Team alerts</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </col-ui>\n  </section>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <h3>Notifications</h3>\n    <p slot=\"description\">Choose what you want to be notified about</p>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <section>\n        <text-ui weight=\"semibold\">Email</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Weekly digest</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>New mentions</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Product updates</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n      <divider-ui></divider-ui>\n      <section>\n        <text-ui weight=\"semibold\">Push</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Direct messages</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Team alerts</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html",
   "metadata": {
     "domain": "settings",
-    "description": "Notifications settings section with channel toggles (email/push/sms) + activity checkboxes + frequency.",
+    "description": "Notification preferences panel with per-channel enable/disable toggles for email and push — weekly digest, mentions, product updates, direct messages, and team alerts.",
     "keywords": [
+      "notification",
+      "preferences",
+      "notification-preferences",
+      "panel",
       "settings",
-      "notifications",
-      "channels",
-      "toggles",
+      "per-channel",
       "email",
       "push",
       "sms",
-      "alerts",
+      "channel",
+      "switch-ui",
+      "toggle",
+      "enable",
+      "disable",
+      "alert",
+      "notification-settings",
       "frequency",
-      "preferences"
+      "digest"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -35,7 +43,7 @@
     {
       "id": "text-2",
       "component": "Text",
-      "color": "subtle",
+      "variant": "body",
       "textContent": "Choose what you want to be notified about"
     },
     {