@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

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,25 +33,66 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
-      "variant": "body",
+      "variant": "heading",
       "textContent": "Notifications"
     },
     {
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "System and team activity"
     },
     {
-      "id": "text-3",
-      "component": "Text",
-      "variant": "body",
-      "size": "sm"
+      "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",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "segmented-control",
+        "button"
+      ]
     },
     {
       "id": "header",
@@ -59,23 +100,24 @@
       "children": [
         "text",
         "text-2",
-        "text-3"
+        "row"
       ]
     },
     {
       "id": "avatar",
       "component": "Avatar",
+      "slot": "icon",
       "icon": "check-circle",
       "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",
@@ -84,318 +126,240 @@
     {
       "id": "row-2",
       "component": "Row",
+      "slot": "text",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-4",
-        "text-5"
+        "text-3",
+        "text-4"
       ]
     },
     {
-      "id": "text-6",
+      "id": "text-5",
       "component": "Text",
+      "slot": "description",
       "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",
+      "slot": "action",
       "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"
+        "avatar",
+        "row-2",
+        "text-5",
+        "badge"
       ]
     },
     {
       "id": "avatar-2",
       "component": "Avatar",
+      "slot": "icon",
       "size": "sm",
       "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-3",
       "component": "Row",
+      "slot": "text",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-7",
-        "text-8"
+        "text-6",
+        "text-7"
       ]
     },
     {
-      "id": "text-9",
+      "id": "text-8",
       "component": "Text",
+      "slot": "description",
       "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",
+      "slot": "action",
       "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"
+        "avatar-2",
+        "row-3",
+        "text-8",
+        "badge-2"
       ]
     },
     {
       "id": "avatar-3",
       "component": "Avatar",
+      "slot": "icon",
       "icon": "warning",
       "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-4",
       "component": "Row",
+      "slot": "text",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-10",
-        "text-11"
+        "text-9",
+        "text-10"
       ]
     },
     {
-      "id": "text-12",
+      "id": "text-11",
       "component": "Text",
+      "slot": "description",
       "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",
+      "slot": "action",
       "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"
+        "avatar-3",
+        "row-4",
+        "text-11",
+        "badge-3"
       ]
     },
     {
       "id": "avatar-4",
       "component": "Avatar",
+      "slot": "icon",
       "size": "sm",
       "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-5",
       "component": "Row",
+      "slot": "text",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-13",
-        "text-14"
+        "text-12",
+        "text-13"
       ]
     },
     {
-      "id": "text-15",
+      "id": "text-14",
       "component": "Text",
+      "slot": "description",
       "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"
+        "avatar-4",
+        "row-5",
+        "text-14"
       ]
     },
     {
       "id": "avatar-5",
       "component": "Avatar",
+      "slot": "icon",
       "icon": "key",
       "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-6",
       "component": "Row",
+      "slot": "text",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-16",
-        "text-17"
+        "text-15",
+        "text-16"
       ]
     },
     {
-      "id": "text-18",
+      "id": "text-17",
       "component": "Text",
+      "slot": "description",
       "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"
+        "avatar-5",
+        "row-6",
+        "text-17"
       ]
     },
     {
@@ -414,11 +378,11 @@
       "id": "section",
       "component": "Section",
       "children": [
-        "column-6"
+        "column"
       ]
     },
     {
-      "id": "column-6",
+      "id": "column",
       "component": "Column",
       "children": [
         "list"