@adia-ai/a2ui-corpus 0.7.27 → 0.8.0

package/chunks/_index.json

@@ -1,6 +1,6 @@
 {
   "schema": "genui-chunk-index@2",
-  "captured_at": "2026-07-12T22:26:26.946Z",
+  "captured_at": "2026-07-15T18:20:38.265Z",
   "total_instances": 543,
   "unique_names": 394,
   "by_kind": {

package/chunks/agent-canvas-shell.json

@@ -22,12 +22,12 @@
     {
       "name": "chat",
       "tagName": "section",
-      "html": "<header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n        <text-ui strong size=\"sm\">Agent</text-ui>\n      </header>\n      <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n        <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n      </section>\n      <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--a-border-subtle);\">\n        <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n      </footer>"
+      "html": "<header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant);\">\n        <text-ui strong size=\"sm\">Agent</text-ui>\n      </header>\n      <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n        <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n      </section>\n      <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--md-sys-color-neutral-outline-variant);\">\n        <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n      </footer>"
     }
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article style=\"display:flex; height:100vh;\">\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan\"></button-ui>\n        <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select\"></button-ui>\n        <separator-ui orientation=\"vertical\"></separator-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" tooltip=\"Add node\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\" tooltip=\"Delete\"></button-ui>\n      </row-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Export\" variant=\"outline\" size=\"sm\" icon=\"download\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"canvas\" style=\"flex:1; background:var(--a-bg-subtle); position:relative; overflow:hidden;\">\n      <text-ui color=\"subtle\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">Canvas surface</text-ui>\n    </section>\n  </section>\n\n  <aside style=\"width:280px; display:flex; flex-direction:column; border-left:1px solid var(--a-border-subtle);\">\n    <section data-chunk-slot=\"inspector\" style=\"flex:1; overflow:auto; padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <stack-ui gap=\"3\">\n        <text-ui strong size=\"lg\">Inspector</text-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Label</label-ui>\n          <input-ui value=\"Untitled node\"></input-ui>\n        </stack-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Type</label-ui>\n          <select-ui>\n            <option>LLM</option>\n            <option>Tool</option>\n            <option>Condition</option>\n          </select-ui>\n        </stack-ui>\n      </stack-ui>\n    </section>\n\n    <section data-chunk-slot=\"chat\" style=\"height:240px; display:flex; flex-direction:column;\">\n      <header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n        <text-ui strong size=\"sm\">Agent</text-ui>\n      </header>\n      <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n        <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n      </section>\n      <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--a-border-subtle);\">\n        <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n      </footer>\n    </section>\n  </aside>\n</article>",
+  "html": "<article style=\"display:flex; height:100vh;\">\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan\"></button-ui>\n        <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select\"></button-ui>\n        <separator-ui orientation=\"vertical\"></separator-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" tooltip=\"Add node\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\" tooltip=\"Delete\"></button-ui>\n      </row-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Export\" variant=\"outline\" size=\"sm\" icon=\"download\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"canvas\" style=\"flex:1; background:var(--a-bg-subtle); position:relative; overflow:hidden;\">\n      <text-ui color=\"subtle\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">Canvas surface</text-ui>\n    </section>\n  </section>\n\n  <aside style=\"width:280px; display:flex; flex-direction:column; border-left:1px solid var(--md-sys-color-neutral-outline-variant);\">\n    <section data-chunk-slot=\"inspector\" style=\"flex:1; overflow:auto; padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant);\">\n      <stack-ui gap=\"3\">\n        <text-ui strong size=\"lg\">Inspector</text-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Label</label-ui>\n          <input-ui value=\"Untitled node\"></input-ui>\n        </stack-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Type</label-ui>\n          <select-ui>\n            <option>LLM</option>\n            <option>Tool</option>\n            <option>Condition</option>\n          </select-ui>\n        </stack-ui>\n      </stack-ui>\n    </section>\n\n    <section data-chunk-slot=\"chat\" style=\"height:240px; display:flex; flex-direction:column;\">\n      <header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant);\">\n        <text-ui strong size=\"sm\">Agent</text-ui>\n      </header>\n      <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n        <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n      </section>\n      <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--md-sys-color-neutral-outline-variant);\">\n        <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n      </footer>\n    </section>\n  </aside>\n</article>",
   "source": "catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
   "metadata": {
     "domain": "agent",
@@ -43,7 +43,7 @@
       "inspector"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-15T18:20:38.265Z",
   "template": [
     {
       "id": "button",

package/chunks/analytics-chart.json

@@ -38,7 +38,7 @@
       "analytics-chart"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-14T14:35:18.688Z",
   "template": [
     {
       "id": "text",
@@ -65,7 +65,32 @@
       "id": "chart",
       "component": "Chart",
       "type": "bar",
-      "data": "[{\"month\":\"Jan\",\"revenue\":3200},{\"month\":\"Feb\",\"revenue\":4100},{\"month\":\"Mar\",\"revenue\":3800},{\"month\":\"Apr\",\"revenue\":5200},{\"month\":\"May\",\"revenue\":4800},{\"month\":\"Jun\",\"revenue\":6100}]",
+      "data": [
+        {
+          "month": "Jan",
+          "revenue": 3200
+        },
+        {
+          "month": "Feb",
+          "revenue": 4100
+        },
+        {
+          "month": "Mar",
+          "revenue": 3800
+        },
+        {
+          "month": "Apr",
+          "revenue": 5200
+        },
+        {
+          "month": "May",
+          "revenue": 4800
+        },
+        {
+          "month": "Jun",
+          "revenue": 6100
+        }
+      ],
       "x": "month",
       "y": "revenue"
     },
@@ -116,7 +141,36 @@
       "id": "chart-2",
       "component": "Chart",
       "type": "line",
-      "data": "[{\"day\":\"Mon\",\"sessions\":1200},{\"day\":\"Tue\",\"sessions\":1800},{\"day\":\"Wed\",\"sessions\":1500},{\"day\":\"Thu\",\"sessions\":2200},{\"day\":\"Fri\",\"sessions\":1900},{\"day\":\"Sat\",\"sessions\":800},{\"day\":\"Sun\",\"sessions\":600}]",
+      "data": [
+        {
+          "day": "Mon",
+          "sessions": 1200
+        },
+        {
+          "day": "Tue",
+          "sessions": 1800
+        },
+        {
+          "day": "Wed",
+          "sessions": 1500
+        },
+        {
+          "day": "Thu",
+          "sessions": 2200
+        },
+        {
+          "day": "Fri",
+          "sessions": 1900
+        },
+        {
+          "day": "Sat",
+          "sessions": 800
+        },
+        {
+          "day": "Sun",
+          "sessions": 600
+        }
+      ],
       "smooth": 0.4,
       "x": "day",
       "y": "sessions"

package/chunks/api-key-table.json

@@ -32,7 +32,7 @@
       "last-used"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-14T14:35:18.688Z",
   "template": [
     {
       "id": "text",
@@ -93,7 +93,26 @@
     {
       "id": "table",
       "component": "Table",
-      "data": "[{\"name\":\"Production API\",\"prefix\":\"sk-live-****-3a7f\",\"created\":\"Jan 15, 2026\",\"lastUsed\":\"2h ago\"},{\"name\":\"Staging API\",\"prefix\":\"sk-test-****-9b2e\",\"created\":\"Mar 1, 2026\",\"lastUsed\":\"3d ago\"},{\"name\":\"CI Pipeline\",\"prefix\":\"sk-live-****-7k4m\",\"created\":\"Apr 10, 2026\",\"lastUsed\":\"1h ago\"}]",
+      "data": [
+        {
+          "name": "Production API",
+          "prefix": "sk-live-****-3a7f",
+          "created": "Jan 15, 2026",
+          "lastUsed": "2h ago"
+        },
+        {
+          "name": "Staging API",
+          "prefix": "sk-test-****-9b2e",
+          "created": "Mar 1, 2026",
+          "lastUsed": "3d ago"
+        },
+        {
+          "name": "CI Pipeline",
+          "prefix": "sk-live-****-7k4m",
+          "created": "Apr 10, 2026",
+          "lastUsed": "1h ago"
+        }
+      ],
       "sortable": true,
       "children": [
         "col-def",

package/chunks/audit-log.json

@@ -28,7 +28,7 @@
       "history"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-14T14:35:18.688Z",
   "template": [
     {
       "id": "text",
@@ -92,7 +92,36 @@
     {
       "id": "table",
       "component": "Table",
-      "data": "[{\"user\":\"Alex Chen\",\"action\":\"Deployed\",\"resource\":\"v2.14.0\",\"ip\":\"203.0.113.1\",\"timestamp\":\"2m ago\"},{\"user\":\"Sarah Miller\",\"action\":\"Invited\",\"resource\":\"james@acme.com\",\"ip\":\"198.51.100.4\",\"timestamp\":\"18m ago\"},{\"user\":\"James Park\",\"action\":\"API key created\",\"resource\":\"ci-pipeline\",\"ip\":\"192.0.2.8\",\"timestamp\":\"1h ago\"},{\"user\":\"Maria Lopez\",\"action\":\"Role changed\",\"resource\":\"viewer → admin\",\"ip\":\"203.0.113.9\",\"timestamp\":\"3h ago\"}]",
+      "data": [
+        {
+          "user": "Alex Chen",
+          "action": "Deployed",
+          "resource": "v2.14.0",
+          "ip": "203.0.113.1",
+          "timestamp": "2m ago"
+        },
+        {
+          "user": "Sarah Miller",
+          "action": "Invited",
+          "resource": "james@acme.com",
+          "ip": "198.51.100.4",
+          "timestamp": "18m ago"
+        },
+        {
+          "user": "James Park",
+          "action": "API key created",
+          "resource": "ci-pipeline",
+          "ip": "192.0.2.8",
+          "timestamp": "1h ago"
+        },
+        {
+          "user": "Maria Lopez",
+          "action": "Role changed",
+          "resource": "viewer → admin",
+          "ip": "203.0.113.9",
+          "timestamp": "3h ago"
+        }
+      ],
       "sortable": true,
       "striped": true,
       "children": [

package/chunks/blog-post-card.json

@@ -28,14 +28,43 @@
       "content-card"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-14T14:35:18.688Z",
   "template": [
     {
       "id": "chart",
       "component": "Chart",
       "type": "sparkline",
       "color": "accent",
-      "data": "[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":50},{\"t\":4,\"v\":80},{\"t\":5,\"v\":60},{\"t\":6,\"v\":90},{\"t\":7,\"v\":70}]",
+      "data": [
+        {
+          "t": 1,
+          "v": 40
+        },
+        {
+          "t": 2,
+          "v": 65
+        },
+        {
+          "t": 3,
+          "v": 50
+        },
+        {
+          "t": 4,
+          "v": 80
+        },
+        {
+          "t": 5,
+          "v": 60
+        },
+        {
+          "t": 6,
+          "v": 90
+        },
+        {
+          "t": 7,
+          "v": 70
+        }
+      ],
       "x": "t",
       "y": "v"
     },

package/chunks/card-grid-images.json

@@ -31,14 +31,43 @@
       "media-gallery"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-14T14:35:18.688Z",
   "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}]",
+      "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"
     },
@@ -106,7 +135,36 @@
       "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}]",
+      "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"
     },
@@ -174,7 +232,36 @@
       "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}]",
+      "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"
     },
@@ -242,7 +329,36 @@
       "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}]",
+      "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"
     },
@@ -310,7 +426,36 @@
       "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}]",
+      "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"
     },
@@ -378,7 +523,36 @@
       "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}]",
+      "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"
     },

package/chunks/card-with-sparkline.json

@@ -9,7 +9,7 @@
     "data-artifact-item": "",
     "data-artifact-label": "card with sparkline chart"
   },
-  "html": "<card-ui style=\"max-width:320px\">\n        <header>\n          <h3>Weekly signups</h3>\n          <text-ui slot=\"description\">Last 7 days</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"2\">\n            <text-ui variant=\"display\">284</text-ui>\n            <chart-ui type=\"line\" height=\"60\"\n              data-stream-src=\"\"\n              style=\"--chart-line-color:var(--a-primary)\">\n            </chart-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
+  "html": "<card-ui style=\"max-width:320px\">\n        <header>\n          <h3>Weekly signups</h3>\n          <text-ui slot=\"description\">Last 7 days</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"2\">\n            <text-ui variant=\"display\">284</text-ui>\n            <chart-ui type=\"line\" height=\"60\"\n              data-stream-src=\"\"\n              style=\"--chart-line-color:var(--md-sys-color-primary)\">\n            </chart-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "packages/web-components/components/card/card.examples.html",
   "metadata": {
     "domain": "data",
@@ -28,7 +28,7 @@
       "mini-chart"
     ]
   },
-  "captured_at": "2026-06-10T20:25:14.783Z",
+  "captured_at": "2026-07-15T18:20:38.265Z",
   "template": [
     {
       "id": "text",

package/chunks/chat-page-shell.json

@@ -7,7 +7,7 @@
     {
       "name": "sidebar",
       "tagName": "aside",
-      "html": "<header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>"
+      "html": "<header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>"
     },
     {
       "name": "header",
@@ -27,7 +27,7 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article\n  style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\" aria-label=\"Search\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\" aria-label=\"Settings\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"soft\" padding=\"sm\">\n            <section>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" aria-label=\"Add attachment\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" aria-label=\"Send message\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
+  "html": "<article\n  style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--md-sys-color-neutral-outline-variant);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\" aria-label=\"Search\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\" aria-label=\"Settings\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"soft\" padding=\"sm\">\n            <section>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--md-sys-color-neutral-outline-variant);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" aria-label=\"Add attachment\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" aria-label=\"Send message\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
   "metadata": {
     "domain": "agent",
@@ -46,7 +46,7 @@
       "chatbot"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-15T18:20:38.265Z",
   "template": [
     {
       "id": "text",

package/chunks/dashboard-audience-panel.json

@@ -39,7 +39,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-07-14T14:35:18.688Z",
   "template": [
     {
       "id": "text",
@@ -158,7 +158,32 @@
       "id": "chart",
       "component": "Chart",
       "type": "bar",
-      "data": "[{\"month\":\"Jan\",\"revenue\":3200},{\"month\":\"Feb\",\"revenue\":4100},{\"month\":\"Mar\",\"revenue\":3800},{\"month\":\"Apr\",\"revenue\":5200},{\"month\":\"May\",\"revenue\":4800},{\"month\":\"Jun\",\"revenue\":6100}]",
+      "data": [
+        {
+          "month": "Jan",
+          "revenue": 3200
+        },
+        {
+          "month": "Feb",
+          "revenue": 4100
+        },
+        {
+          "month": "Mar",
+          "revenue": 3800
+        },
+        {
+          "month": "Apr",
+          "revenue": 5200
+        },
+        {
+          "month": "May",
+          "revenue": 4800
+        },
+        {
+          "month": "Jun",
+          "revenue": 6100
+        }
+      ],
       "x": "month",
       "y": "revenue"
     },
@@ -209,7 +234,36 @@
       "id": "chart-2",
       "component": "Chart",
       "type": "line",
-      "data": "[{\"day\":\"Mon\",\"sessions\":1200},{\"day\":\"Tue\",\"sessions\":1800},{\"day\":\"Wed\",\"sessions\":1500},{\"day\":\"Thu\",\"sessions\":2200},{\"day\":\"Fri\",\"sessions\":1900},{\"day\":\"Sat\",\"sessions\":800},{\"day\":\"Sun\",\"sessions\":600}]",
+      "data": [
+        {
+          "day": "Mon",
+          "sessions": 1200
+        },
+        {
+          "day": "Tue",
+          "sessions": 1800
+        },
+        {
+          "day": "Wed",
+          "sessions": 1500
+        },
+        {
+          "day": "Thu",
+          "sessions": 2200
+        },
+        {
+          "day": "Fri",
+          "sessions": 1900
+        },
+        {
+          "day": "Sat",
+          "sessions": 800
+        },
+        {
+          "day": "Sun",
+          "sessions": 600
+        }
+      ],
       "smooth": 0.4,
       "x": "day",
       "y": "sessions"