@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/card-grid-images.json

@@ -0,0 +1,459 @@
+{
+  "name": "card-grid-images",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/catalog/ui-patterns/app/card-grid-images/card-grid-images.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 2@sm 3@md",
+    "gap": "4"
+  },
+  "html": "<grid-ui columns=\"1 2@sm 3@md\" gap=\"4\">\n    <card-ui>\n      <section bleed>\n        <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"accent\" hide-values\n          data='[{\"t\":1,\"v\":60},{\"t\":2,\"v\":80},{\"t\":3,\"v\":45},{\"t\":4,\"v\":90},{\"t\":5,\"v\":70},{\"t\":6,\"v\":85},{\"t\":7,\"v\":55}]'\n          style=\"height:160px\"></chart-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Mountain at Dawn</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Golden light breaking over alpine peaks in early morning.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"info\" hide-values\n          data='[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":80},{\"t\":4,\"v\":55},{\"t\":5,\"v\":90},{\"t\":6,\"v\":75},{\"t\":7,\"v\":60}]'\n          style=\"height:160px\"></chart-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Coastal Town</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Vibrant harbour-side architecture reflected in still waters.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"success\" hide-values\n          data='[{\"t\":1,\"v\":70},{\"t\":2,\"v\":50},{\"t\":3,\"v\":85},{\"t\":4,\"v\":65},{\"t\":5,\"v\":45},{\"t\":6,\"v\":80},{\"t\":7,\"v\":90}]'\n          style=\"height:160px\"></chart-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Forest Path</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">A quiet trail winding through fiery autumn foliage.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"warning\" hide-values\n          data='[{\"t\":1,\"v\":85},{\"t\":2,\"v\":60},{\"t\":3,\"v\":75},{\"t\":4,\"v\":40},{\"t\":5,\"v\":95},{\"t\":6,\"v\":65},{\"t\":7,\"v\":50}]'\n          style=\"height:160px\"></chart-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Modern Architecture</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Bold lines and repeating geometry in contemporary design.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"muted\" hide-values\n          data='[{\"t\":1,\"v\":30},{\"t\":2,\"v\":55},{\"t\":3,\"v\":40},{\"t\":4,\"v\":70},{\"t\":5,\"v\":50},{\"t\":6,\"v\":35},{\"t\":7,\"v\":65}]'\n          style=\"height:160px\"></chart-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">City at Night</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">A bird's-eye tapestry of light and shadow over the urban grid.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"danger\" hide-values\n          data='[{\"t\":1,\"v\":75},{\"t\":2,\"v\":90},{\"t\":3,\"v\":60},{\"t\":4,\"v\":80},{\"t\":5,\"v\":45},{\"t\":6,\"v\":70},{\"t\":7,\"v\":85}]'\n          style=\"height:160px\"></chart-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Desert Dunes</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Sweeping curves of sand sculpted by wind at golden hour.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n</grid-ui>",
+  "source": "catalog/ui-patterns/app/card-grid-images/card-grid-images.contents.html",
+  "metadata": {
+    "domain": "content",
+    "description": "Image gallery grid with lightbox overlay — responsive 3-column grid of image cards with cover photo, title, and description.",
+    "keywords": [
+      "image",
+      "gallery",
+      "grid",
+      "lightbox",
+      "overlay",
+      "card-grid",
+      "image-ui",
+      "media",
+      "photo",
+      "gallery-grid",
+      "thumbnail",
+      "responsive",
+      "3-column",
+      "media-gallery"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "chart",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "accent",
+      "data": "[{\"t\":1,\"v\":60},{\"t\":2,\"v\":80},{\"t\":3,\"v\":45},{\"t\":4,\"v\":90},{\"t\":5,\"v\":70},{\"t\":6,\"v\":85},{\"t\":7,\"v\":55}]",
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Mountain at Dawn"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Golden light breaking over alpine peaks in early morning."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "chart-2",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "info",
+      "data": "[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":80},{\"t\":4,\"v\":55},{\"t\":5,\"v\":90},{\"t\":6,\"v\":75},{\"t\":7,\"v\":60}]",
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Coastal Town"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Vibrant harbour-side architecture reflected in still waters."
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "section-4",
+        "section-5"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-6"
+      ]
+    },
+    {
+      "id": "chart-3",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "success",
+      "data": "[{\"t\":1,\"v\":70},{\"t\":2,\"v\":50},{\"t\":3,\"v\":85},{\"t\":4,\"v\":65},{\"t\":5,\"v\":45},{\"t\":6,\"v\":80},{\"t\":7,\"v\":90}]",
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section-7",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart-3"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Forest Path"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "A quiet trail winding through fiery autumn foliage."
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "section-8",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "section-7",
+        "section-8"
+      ]
+    },
+    {
+      "id": "section-9",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-9"
+      ]
+    },
+    {
+      "id": "chart-4",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "warning",
+      "data": "[{\"t\":1,\"v\":85},{\"t\":2,\"v\":60},{\"t\":3,\"v\":75},{\"t\":4,\"v\":40},{\"t\":5,\"v\":95},{\"t\":6,\"v\":65},{\"t\":7,\"v\":50}]",
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section-10",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart-4"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Modern Architecture"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Bold lines and repeating geometry in contemporary design."
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-7",
+        "text-8"
+      ]
+    },
+    {
+      "id": "section-11",
+      "component": "Section",
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "section-10",
+        "section-11"
+      ]
+    },
+    {
+      "id": "section-12",
+      "component": "Section",
+      "children": [
+        "column-8"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-12"
+      ]
+    },
+    {
+      "id": "chart-5",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "muted",
+      "data": "[{\"t\":1,\"v\":30},{\"t\":2,\"v\":55},{\"t\":3,\"v\":40},{\"t\":4,\"v\":70},{\"t\":5,\"v\":50},{\"t\":6,\"v\":35},{\"t\":7,\"v\":65}]",
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section-13",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart-5"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "City at Night"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "A bird's-eye tapestry of light and shadow over the urban grid."
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "section-14",
+      "component": "Section",
+      "children": [
+        "column-9"
+      ]
+    },
+    {
+      "id": "column-10",
+      "component": "Column",
+      "children": [
+        "section-13",
+        "section-14"
+      ]
+    },
+    {
+      "id": "section-15",
+      "component": "Section",
+      "children": [
+        "column-10"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "section-15"
+      ]
+    },
+    {
+      "id": "chart-6",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "danger",
+      "data": "[{\"t\":1,\"v\":75},{\"t\":2,\"v\":90},{\"t\":3,\"v\":60},{\"t\":4,\"v\":80},{\"t\":5,\"v\":45},{\"t\":6,\"v\":70},{\"t\":7,\"v\":85}]",
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section-16",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart-6"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Desert Dunes"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Sweeping curves of sand sculpted by wind at golden hour."
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "section-17",
+      "component": "Section",
+      "children": [
+        "column-11"
+      ]
+    },
+    {
+      "id": "column-12",
+      "component": "Column",
+      "children": [
+        "section-16",
+        "section-17"
+      ]
+    },
+    {
+      "id": "section-18",
+      "component": "Section",
+      "children": [
+        "column-12"
+      ]
+    },
+    {
+      "id": "card-6",
+      "component": "Card",
+      "children": [
+        "section-18"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 2@sm 3@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4",
+        "card-5",
+        "card-6"
+      ]
+    }
+  ]
+}

package/chunks/card-header-with-description.json

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

package/chunks/{agent-activity-feed.json → changelog-activity-feed.json}

@@ -1,29 +1,40 @@
 {
-  "name": "agent-activity-feed",
+  "name": "changelog-activity-feed",
   "kind": "block",
   "primary": "card-ui",
   "page": "/catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <h3>Agent Activity</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Live reasoning trace</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <agent-trace-ui></agent-trace-ui>\n      <agent-reasoning-ui></agent-reasoning-ui>\n      <agent-artifact-ui></agent-artifact-ui>\n    </col-ui>\n  </section>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <h3>Agent Activity</h3>\n    <p slot=\"description\">Live reasoning trace</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <agent-trace-ui></agent-trace-ui>\n      <agent-reasoning-ui></agent-reasoning-ui>\n      <agent-artifact-ui></agent-artifact-ui>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
   "metadata": {
     "domain": "agent",
-    "description": "Real-time agent activity feed with timestamped action stream + status pills + relative-time markers.",
+    "description": "Real-time agent activity feed with timestamped action stream, status pills, and relative-time markers — functions as a changelog feed showing a versioned history of agent actions, updates, and events.",
     "keywords": [
-      "agent",
-      "activity",
+      "changelog",
       "feed",
+      "activity",
+      "timeline",
+      "version",
+      "release",
+      "update",
+      "history",
+      "what's",
+      "new",
+      "feed-ui",
+      "list",
+      "activity-feed",
+      "entry",
+      "log",
+      "agent",
       "stream",
       "actions",
-      "log",
-      "timeline",
-      "status",
-      "events"
+      "events",
+      "status"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -34,7 +45,7 @@
     {
       "id": "text-2",
       "component": "Text",
-      "color": "subtle",
+      "variant": "body",
       "textContent": "Live reasoning trace"
     },
     {

package/chunks/chart-with-filter-pills.json

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

package/chunks/chat-page-shell.json

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

package/chunks/chat-streaming-surface.json

@@ -8,7 +8,7 @@
   "attrs": {
     "raw": ""
   },
-  "html": "<card-ui\n  raw>\n  <section>\n    <chat-thread-ui streaming>\n      <div role=\"user\">What's the status?</div>\n      <div role=\"assistant\">Processing your request...</div>\n    </chat-thread-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" align=\"center\">\n      <chat-input-ui placeholder=\"Ask follow-up...\" grow></chat-input-ui>\n      <button-ui icon=\"paper-plane-right\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui\n  raw>\n  <section>\n    <chat-thread-ui streaming>\n      <div role=\"user\">What's the status?</div>\n      <div role=\"assistant\">Processing your request...</div>\n    </chat-thread-ui>\n  </section>\n  <footer>\n    <chat-input-ui placeholder=\"Ask follow-up...\"></chat-input-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
   "metadata": {
     "domain": "agent",
@@ -26,7 +26,7 @@
       "input"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -60,28 +60,11 @@
       "component": "ChatInput",
       "placeholder": "Ask follow-up..."
     },
-    {
-      "id": "button",
-      "component": "Button",
-      "icon": "paper-plane-right",
-      "size": "sm",
-      "variant": "primary"
-    },
-    {
-      "id": "row",
-      "component": "Row",
-      "align": "center",
-      "gap": "2",
-      "children": [
-        "chat-input",
-        "button"
-      ]
-    },
     {
       "id": "footer",
       "component": "Footer",
       "children": [
-        "row"
+        "chat-input"
       ]
     },
     {