@adia-ai/gen-ui 0.8.42 → 0.8.44

package/corpus/chunks/chart-in-card-full-bleed-legend-composed-square.json

@@ -0,0 +1,110 @@
+{
+  "name": "chart-in-card-full-bleed-legend-composed-square",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:320px;\">\n        <header>\n          <span slot=\"heading\"><h3>Revenue vs. growth</h3></span>\n        </header>\n        <section>\n          <chart-ui id=\"pat-fb-legend-11-chart\" type=\"composed\" ratio=\"1:1\" x=\"quarter\" y=\"revenue,growth\"></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-fb-legend-11-chart\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed composed bar+line chart card pinned to the 1:1 square ratio with a mirrored 2-column grid legend below — Revenue bars with a de-emphasized Growth line overlay, edge-to-edge against the card's own quiet container-low background.",
+    "keywords": [
+      "chart",
+      "card",
+      "composed",
+      "full-bleed",
+      "edge-to-edge",
+      "legend",
+      "grid",
+      "square",
+      "ratio",
+      "revenue",
+      "growth",
+      "deemphasized",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T21:33:00.757Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Revenue vs. growth"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "pat-fb-legend-11-chart",
+      "component": "Chart",
+      "type": "composed",
+      "ratio": "1:1",
+      "x": "quarter",
+      "y": "revenue,growth"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "pat-fb-legend-11-chart"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "pat-fb-legend-11-chart"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "chart-legend"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-legend-grouped-tall.json

@@ -0,0 +1,111 @@
+{
+  "name": "chart-in-card-full-bleed-legend-grouped-tall",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:220px;\">\n        <header>\n          <span slot=\"heading\"><h3>Signups by platform</h3></span>\n        </header>\n        <section>\n          <chart-ui id=\"pat-fb-legend-23-chart\" type=\"grouped-bar\" ratio=\"2:3\" x=\"quarter\" y=\"desktop,mobile\"></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-fb-legend-23-chart\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed grouped-bar chart card pinned to the 2:3 tall ratio with a mirrored vertical-list legend below — Desktop vs Mobile signups by quarter, rotated to horizontal bars for the narrow column, edge-to-edge against the card's own quiet container-low background.",
+    "keywords": [
+      "chart",
+      "card",
+      "grouped-bar",
+      "full-bleed",
+      "edge-to-edge",
+      "legend",
+      "list",
+      "tall",
+      "ratio",
+      "desktop",
+      "mobile",
+      "signups",
+      "quarter",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T21:33:00.757Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Signups by platform"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "pat-fb-legend-23-chart",
+      "component": "Chart",
+      "type": "grouped-bar",
+      "ratio": "2:3",
+      "x": "quarter",
+      "y": "desktop,mobile"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "pat-fb-legend-23-chart"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "pat-fb-legend-23-chart"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "chart-legend"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-legend-stacked-wide.json

@@ -0,0 +1,110 @@
+{
+  "name": "chart-in-card-full-bleed-legend-stacked-wide",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:420px;\">\n        <header>\n          <span slot=\"heading\"><h3>Sessions by device</h3></span>\n        </header>\n        <section>\n          <chart-ui id=\"pat-fb-legend-32-chart\" type=\"stacked-bar\" ratio=\"3:2\" x=\"quarter\" y=\"desktop,mobile,tablet\"></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-fb-legend-32-chart\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed stacked-bar chart card pinned to the 3:2 wide ratio with a mirrored horizontal-row legend below — Sessions by device segment, edge-to-edge against the card's own quiet container-low background.",
+    "keywords": [
+      "chart",
+      "card",
+      "stacked-bar",
+      "full-bleed",
+      "edge-to-edge",
+      "legend",
+      "row",
+      "wide",
+      "ratio",
+      "segments",
+      "sessions",
+      "device",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T21:33:00.757Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Sessions by device"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "pat-fb-legend-32-chart",
+      "component": "Chart",
+      "type": "stacked-bar",
+      "ratio": "3:2",
+      "x": "quarter",
+      "y": "desktop,mobile,tablet"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "pat-fb-legend-32-chart"
+      ]
+    },
+    {
+      "id": "chart-legend",
+      "component": "ChartLegend",
+      "for": "pat-fb-legend-32-chart"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "chart-legend"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-bleed-legend.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui style=\"max-width:520px;\">\n        <header>\n          <span slot=\"heading\"><h3>Growth metrics</h3></span>\n          <text-ui slot=\"description\" color=\"subtle\">Last 6 months</text-ui>\n        </header>\n        <section bleed>\n          <chart-ui id=\"pat-bleed-legend-chart\" type=\"multi-line\" x=\"month\" y=\"revenue,users,churn\" hide-grid hide-values></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-bleed-legend-chart\" shape=\"line\"></chart-legend-ui>\n        </section>\n      </card-ui>",
+  "html": "<card-ui style=\"max-width:520px;\">\n        <header>\n          <span slot=\"heading\"><h3>Growth metrics</h3></span>\n          <text-ui slot=\"description\" color=\"subtle\">Last 6 months</text-ui>\n        </header>\n        <section bleed>\n          <chart-ui id=\"pat-bleed-legend-chart\" type=\"multi-line\" x=\"month\" y=\"revenue,users,churn\" no-grid no-values></chart-ui>\n        </section>\n        <section>\n          <chart-legend-ui for=\"pat-bleed-legend-chart\" shape=\"line\"></chart-legend-ui>\n        </section>\n      </card-ui>",
   "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
   "metadata": {
     "domain": "dashboard",
@@ -27,7 +27,7 @@
       "toggle"
     ]
   },
-  "captured_at": "2026-08-12T16:00:56.308Z",
+  "captured_at": "2026-08-18T05:03:46.997Z",
   "template": [
     {
       "id": "text-2",
@@ -63,8 +63,8 @@
       "id": "pat-bleed-legend-chart",
       "component": "Chart",
       "type": "multi-line",
-      "hideGrid": true,
-      "hideValues": true,
+      "noGrid": true,
+      "noValues": true,
       "x": "month",
       "y": "revenue,users,churn"
     },

package/corpus/chunks/chart-in-card-full-bleed-line-square.json

@@ -0,0 +1,66 @@
+{
+  "name": "chart-in-card-full-bleed-line-square",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "padding": "none"
+  },
+  "html": "<card-ui padding=\"none\" style=\"max-width:320px;\">\n        <section>\n          <chart-ui id=\"pat-bleed-line-square\" type=\"line\" ratio=\"1:1\" x=\"month\" y=\"users\" smooth=\"0.4\"></chart-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Full-bleed line chart card pinned to the 1:1 square ratio — Users trend, edge-to-edge against the card's own quiet container-low background, no outer card padding.",
+    "keywords": [
+      "chart",
+      "card",
+      "line",
+      "full-bleed",
+      "edge-to-edge",
+      "users",
+      "square",
+      "ratio",
+      "padding",
+      "none",
+      "dashboard",
+      "analytics",
+      "premium"
+    ]
+  },
+  "captured_at": "2026-08-18T16:00:40.141Z",
+  "template": [
+    {
+      "id": "pat-bleed-line-square",
+      "component": "Chart",
+      "type": "line",
+      "ratio": "1:1",
+      "smooth": 0.4,
+      "x": "month",
+      "y": "users"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "pat-bleed-line-square"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "padding": "none",
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/chart-in-card-full-chart.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui style=\"max-width:520px;\">\n        <header>\n          <span slot=\"heading\"><h3>Revenue</h3></span>\n          <text-ui slot=\"description\" color=\"subtle\">Last 12 months</text-ui>\n        </header>\n        <section>\n          <chart-ui id=\"pat-revenue\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n        </section>\n        <footer>\n          <button-ui text=\"View report\" variant=\"outline\" stretch></button-ui>\n        </footer>\n      </card-ui>",
+  "html": "<card-ui style=\"max-width:520px;\">\n        <header>\n          <span slot=\"heading\"><h3>Revenue</h3></span>\n          <text-ui slot=\"description\" color=\"subtle\">Last 12 months</text-ui>\n        </header>\n        <section>\n          <chart-ui id=\"pat-revenue\" type=\"bar\" x=\"month\" y=\"revenue\" no-values></chart-ui>\n        </section>\n        <footer>\n          <button-ui text=\"View report\" variant=\"outline\" stretch></button-ui>\n        </footer>\n      </card-ui>",
   "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
   "metadata": {
     "domain": "dashboard",
@@ -26,7 +26,7 @@
       "range"
     ]
   },
-  "captured_at": "2026-08-15T04:10:49.553Z",
+  "captured_at": "2026-08-18T05:03:46.997Z",
   "template": [
     {
       "id": "text-2",
@@ -62,7 +62,7 @@
       "id": "pat-revenue",
       "component": "Chart",
       "type": "bar",
-      "hideValues": true,
+      "noValues": true,
       "x": "month",
       "y": "revenue"
     },

package/corpus/chunks/chart-in-card-trend-footer.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui style=\"max-width:520px;\">\n        <header>\n          <span slot=\"heading\"><h3>Revenue</h3></span>\n          <text-ui slot=\"description\" color=\"subtle\">January – March 2024</text-ui>\n        </header>\n        <section>\n          <chart-ui id=\"pat-trend-revenue\" type=\"area\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n        </section>\n        <footer>\n          <span slot=\"heading\">Trending up by 5.2% this month</span>\n          <text-ui slot=\"description\" color=\"subtle\">Showing total visitors for the last 3 months</text-ui>\n        </footer>\n      </card-ui>",
+  "html": "<card-ui style=\"max-width:520px;\">\n        <header>\n          <span slot=\"heading\"><h3>Revenue</h3></span>\n          <text-ui slot=\"description\" color=\"subtle\">January – March 2024</text-ui>\n        </header>\n        <section>\n          <chart-ui id=\"pat-trend-revenue\" type=\"area\" x=\"month\" y=\"revenue\" no-values></chart-ui>\n        </section>\n        <footer>\n          <span slot=\"heading\">Trending up by 5.2% this month</span>\n          <text-ui slot=\"description\" color=\"subtle\">Showing total visitors for the last 3 months</text-ui>\n        </footer>\n      </card-ui>",
   "source": "packages/web-components/patterns/chart-in-card/chart-in-card.examples.html",
   "metadata": {
     "domain": "dashboard",
@@ -26,7 +26,7 @@
       "analytics"
     ]
   },
-  "captured_at": "2026-08-10T18:10:27.206Z",
+  "captured_at": "2026-08-18T05:03:46.997Z",
   "template": [
     {
       "id": "text-2",
@@ -62,7 +62,7 @@
       "id": "pat-trend-revenue",
       "component": "Chart",
       "type": "area",
-      "hideValues": true,
+      "noValues": true,
       "x": "month",
       "y": "revenue"
     },

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

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n  <card-ui>\n    <header>\n      <row-ui gap=\"3\" align=\"center\">\n        <text-ui strong>Revenue</text-ui>\n        <segmented-ui value=\"month\" size=\"sm\">\n          <segment-ui value=\"day\" text=\"Day\"></segment-ui>\n          <segment-ui value=\"week\" text=\"Week\"></segment-ui>\n          <segment-ui value=\"month\" text=\"Month\" selected></segment-ui>\n          <segment-ui value=\"year\" text=\"Year\"></segment-ui>\n        </segmented-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <text-ui size=\"lg\" strong>$48,294</text-ui>\n        <text-ui size=\"sm\" color=\"success\">+12.4% vs prev period</text-ui>\n        <chart-ui type=\"area\" x=\"month\" y=\"revenue\" hide-values\n          data='[{\"month\":\"Mar\",\"revenue\":31400},{\"month\":\"Apr\",\"revenue\":35800},{\"month\":\"May\",\"revenue\":33900},{\"month\":\"Jun\",\"revenue\":39200},{\"month\":\"Jul\",\"revenue\":42950},{\"month\":\"Aug\",\"revenue\":48294}]'\n          style=\"height:160px\"></chart-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</section>",
+  "html": "<section>\n  <card-ui>\n    <header>\n      <row-ui gap=\"3\" align=\"center\">\n        <text-ui strong>Revenue</text-ui>\n        <segmented-ui value=\"month\" size=\"sm\">\n          <segment-ui value=\"day\" text=\"Day\"></segment-ui>\n          <segment-ui value=\"week\" text=\"Week\"></segment-ui>\n          <segment-ui value=\"month\" text=\"Month\" selected></segment-ui>\n          <segment-ui value=\"year\" text=\"Year\"></segment-ui>\n        </segmented-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <text-ui size=\"lg\" strong>$48,294</text-ui>\n        <text-ui size=\"sm\" color=\"success\">+12.4% vs prev period</text-ui>\n        <chart-ui type=\"area\" x=\"month\" y=\"revenue\" no-values\n          data='[{\"month\":\"Mar\",\"revenue\":31400},{\"month\":\"Apr\",\"revenue\":35800},{\"month\":\"May\",\"revenue\":33900},{\"month\":\"Jun\",\"revenue\":39200},{\"month\":\"Jul\",\"revenue\":42950},{\"month\":\"Aug\",\"revenue\":48294}]'\n          style=\"height:160px\"></chart-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</section>",
   "source": "catalog/ui-patterns/app/chart-with-filter-pills/chart-with-filter-pills.contents.html",
   "metadata": {
     "domain": "data",
@@ -24,7 +24,7 @@
       "card"
     ]
   },
-  "captured_at": "2026-08-12T05:17:18.993Z",
+  "captured_at": "2026-08-18T05:03:46.997Z",
   "template": [
     {
       "id": "text",
@@ -129,7 +129,7 @@
           "revenue": 48294
         }
       ],
-      "hideValues": true,
+      "noValues": true,
       "x": "month",
       "y": "revenue"
     },

package/corpus/chunks/comments-thread.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Discussion</span>\n          <text-ui slot=\"description\" color=\"subtle\">3 comments · 2 participants</text-ui>\n          <button-ui slot=\"action\" text=\"Resolve\" variant=\"ghost\" size=\"sm\" icon-leading=\"check\"></button-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <row-ui gap=\"3\" align=\"start\">\n              <avatar-ui size=\"sm\" text=\"Avery Chen\"></avatar-ui>\n              <col-ui gap=\"1\" grow>\n                <row-ui gap=\"2\" align=\"baseline\">\n                  <text-ui strong>Avery Chen</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">2 hours ago</text-ui>\n                </row-ui>\n                <text-ui>Should the OKLCH ramp here use the chrome or the data scale? <text-ui color=\"accent\">@Kim</text-ui> what's the convention?</text-ui>\n                <row-ui gap=\"1\">\n                  <tag-ui icon-leading=\"thumbs-up\">2</tag-ui>\n                  <tag-ui icon-leading=\"eyes\">1</tag-ui>\n                  <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </col-ui>\n            </row-ui>\n            <row-ui gap=\"3\" align=\"start\" style=\"padding-inline-start: 2.5rem;\">\n              <avatar-ui size=\"sm\" text=\"Kim Granlund\"></avatar-ui>\n              <col-ui gap=\"1\" grow>\n                <row-ui gap=\"2\" align=\"baseline\">\n                  <text-ui strong>Kim Granlund</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">1 hour ago</text-ui>\n                </row-ui>\n                <text-ui>Chrome — the data scale is reserved for visualization series. Spec at <text-ui color=\"accent\">.claude/docs/specs/component-token-contract.md</text-ui>.</text-ui>\n                <row-ui gap=\"1\">\n                  <tag-ui icon-leading=\"thumbs-up\">3</tag-ui>\n                  <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </col-ui>\n            </row-ui>\n            <row-ui gap=\"3\" align=\"start\">\n              <avatar-ui size=\"sm\" text=\"Jordan Lee\"></avatar-ui>\n              <col-ui gap=\"1\" grow>\n                <row-ui gap=\"2\" align=\"baseline\">\n                  <text-ui strong>Jordan Lee</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">12 minutes ago</text-ui>\n                </row-ui>\n                <text-ui>Filed a follow-up — adding a lint rule so this doesn't happen again. <text-ui color=\"accent\">#linter</text-ui></text-ui>\n                <row-ui gap=\"1\">\n                  <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </col-ui>\n            </row-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
+  "html": "<card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Discussion</span>\n          <text-ui slot=\"description\" color=\"subtle\">3 comments · 2 participants</text-ui>\n          <button-ui slot=\"action\" text=\"Resolve\" variant=\"ghost\" size=\"sm\" icon=\"check\"></button-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <row-ui gap=\"3\" align=\"start\">\n              <avatar-ui size=\"sm\" text=\"Avery Chen\"></avatar-ui>\n              <col-ui gap=\"1\" grow>\n                <row-ui gap=\"2\" align=\"baseline\">\n                  <text-ui strong>Avery Chen</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">2 hours ago</text-ui>\n                </row-ui>\n                <text-ui>Should the OKLCH ramp here use the chrome or the data scale? <text-ui color=\"accent\">@Kim</text-ui> what's the convention?</text-ui>\n                <row-ui gap=\"1\">\n                  <tag-ui>2</tag-ui>\n                  <tag-ui>1</tag-ui>\n                  <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </col-ui>\n            </row-ui>\n            <row-ui gap=\"3\" align=\"start\" style=\"padding-inline-start: 2.5rem;\">\n              <avatar-ui size=\"sm\" text=\"Kim Granlund\"></avatar-ui>\n              <col-ui gap=\"1\" grow>\n                <row-ui gap=\"2\" align=\"baseline\">\n                  <text-ui strong>Kim Granlund</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">1 hour ago</text-ui>\n                </row-ui>\n                <text-ui>Chrome — the data scale is reserved for visualization series. Spec at <text-ui color=\"accent\">.claude/docs/specs/component-token-contract.md</text-ui>.</text-ui>\n                <row-ui gap=\"1\">\n                  <tag-ui>3</tag-ui>\n                  <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </col-ui>\n            </row-ui>\n            <row-ui gap=\"3\" align=\"start\">\n              <avatar-ui size=\"sm\" text=\"Jordan Lee\"></avatar-ui>\n              <col-ui gap=\"1\" grow>\n                <row-ui gap=\"2\" align=\"baseline\">\n                  <text-ui strong>Jordan Lee</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">12 minutes ago</text-ui>\n                </row-ui>\n                <text-ui>Filed a follow-up — adding a lint rule so this doesn't happen again. <text-ui color=\"accent\">#linter</text-ui></text-ui>\n                <row-ui gap=\"1\">\n                  <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </col-ui>\n            </row-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "packages/web-components/patterns/comments-and-collaboration/comments-and-collaboration.examples.html",
   "metadata": {
     "domain": "content",
@@ -27,7 +27,7 @@
       "feedback"
     ]
   },
-  "captured_at": "2026-08-13T16:17:52.286Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "text",
@@ -47,6 +47,7 @@
       "id": "button",
       "component": "Button",
       "slot": "action",
+      "icon": "check",
       "size": "sm",
       "text": "Resolve",
       "variant": "ghost"

package/corpus/chunks/cta-banner-centered.json

@@ -6,10 +6,9 @@
   "slots": [],
   "nested": [],
   "attrs": {
-    "raw": "",
-    "align": "center"
+    "raw": ""
   },
-  "html": "<card-ui raw align=\"center\">\n      <section>\n        <col-ui align=\"center\" gap=\"3\">\n          <h2>Ready to ship?</h2>\n          <text-ui color=\"subtle\">Start building in minutes</text-ui>\n          <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n        </col-ui>\n      </section>\n    </card-ui>",
+  "html": "<card-ui raw>\n      <section>\n        <col-ui align=\"center\" gap=\"3\">\n          <h2>Ready to ship?</h2>\n          <text-ui color=\"subtle\">Start building in minutes</text-ui>\n          <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n        </col-ui>\n      </section>\n    </card-ui>",
   "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
   "metadata": {
     "domain": "marketing",
@@ -51,7 +50,7 @@
       "push"
     ]
   },
-  "captured_at": "2026-07-17T20:08:04.842Z",
+  "captured_at": "2026-08-18T01:53:10.975Z",
   "template": [
     {
       "id": "text",

package/corpus/chunks/dashboard-acquisition-panel.json

@@ -36,7 +36,7 @@
       "layout": "panel"
     }
   },
-  "captured_at": "2026-08-10T18:10:27.206Z",
+  "captured_at": "2026-08-19T12:44:41.891Z",
   "template": [
     {
       "id": "text",
@@ -101,7 +101,7 @@
       "id": "analytics-traffic",
       "component": "Chart",
       "type": "line",
-      "hideValues": true,
+      "noValues": true,
       "smooth": 0.4,
       "x": "day",
       "y": "sessions"
@@ -154,7 +154,7 @@
       "id": "analytics-channels",
       "component": "Chart",
       "type": "donut",
-      "hideValues": true,
+      "noValues": true,
       "x": "channel",
       "y": "sessions"
     },