@adia-ai/gen-ui 0.8.42 → 0.8.44

package/corpus/chunks/sidebar-nav.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<nav-ui\n  style=\"max-width:220px\">\n  <nav-group-ui text=\"Main\" icon=\"grid-four\" open>\n    <nav-item-ui icon=\"house\" text=\"Home\" active></nav-item-ui>\n    <nav-item-ui icon=\"chart-bar\" text=\"Dashboard\"></nav-item-ui>\n    <nav-item-ui icon=\"users\" text=\"Members\"></nav-item-ui>\n    <nav-item-ui icon=\"gear\" text=\"Settings\"></nav-item-ui>\n  </nav-group-ui>\n  <nav-group-ui text=\"Projects\" icon=\"folders\" open>\n    <nav-item-ui icon=\"folder\" text=\"Marketing site\"></nav-item-ui>\n    <nav-item-ui icon=\"folder\" text=\"Admin app\"></nav-item-ui>\n    <nav-item-ui icon=\"plus\" text=\"New project\"></nav-item-ui>\n  </nav-group-ui>\n  <divider-ui></divider-ui>\n  <nav-item-ui icon=\"user-circle\" text=\"Kim Granlund\"></nav-item-ui>\n</nav-ui>",
+  "html": "<nav-ui\n  style=\"max-width:220px\">\n  <nav-group-ui text=\"Main\" icon=\"grid-four\" open>\n    <nav-item-ui icon=\"house\" text=\"Home\" selected></nav-item-ui>\n    <nav-item-ui icon=\"chart-bar\" text=\"Dashboard\"></nav-item-ui>\n    <nav-item-ui icon=\"users\" text=\"Members\"></nav-item-ui>\n    <nav-item-ui icon=\"gear\" text=\"Settings\"></nav-item-ui>\n  </nav-group-ui>\n  <nav-group-ui text=\"Projects\" icon=\"folders\" open>\n    <nav-item-ui icon=\"folder\" text=\"Marketing site\"></nav-item-ui>\n    <nav-item-ui icon=\"folder\" text=\"Admin app\"></nav-item-ui>\n    <nav-item-ui icon=\"plus\" text=\"New project\"></nav-item-ui>\n  </nav-group-ui>\n  <divider-ui></divider-ui>\n  <nav-item-ui icon=\"user-circle\" text=\"Kim Granlund\"></nav-item-ui>\n</nav-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "navigation",
@@ -27,12 +27,13 @@
       "vertical-nav"
     ]
   },
-  "captured_at": "2026-07-17T20:08:04.842Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "nav-item",
       "component": "NavItem",
       "icon": "house",
+      "selected": true,
       "text": "Home"
     },
     {

package/corpus/chunks/split-pane-editor.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<div\n  style=\"display:flex; height:420px;\">\n  <pane-ui side=\"leading\" resizable min-width=\"240\" max-width=\"640\" style=\"width:50%;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n      </row-ui>\n    </header>\n    <section>\n      <textarea-ui\n        placeholder=\"// Write your code here\"\n        style=\"height:100%; width:100%; font-family:monospace;\"\n      ></textarea-ui>\n    </section>\n  </pane-ui>\n  <pane-ui side=\"trailing\" style=\"flex:1;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui strong size=\"sm\">Preview</text-ui>\n      </row-ui>\n    </header>\n    <section>\n      <text-ui color=\"subtle\">Live preview will appear here</text-ui>\n    </section>\n  </pane-ui>\n</div>",
+  "html": "<div\n  style=\"display:flex; height:420px;\">\n  <pane-ui edge=\"leading\" resizable min-width=\"240\" max-width=\"640\" style=\"width:50%;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n      </row-ui>\n    </header>\n    <section>\n      <textarea-ui\n        placeholder=\"// Write your code here\"\n        style=\"height:100%; width:100%; font-family:monospace;\"\n      ></textarea-ui>\n    </section>\n  </pane-ui>\n  <pane-ui edge=\"trailing\" style=\"flex:1;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui strong size=\"sm\">Preview</text-ui>\n      </row-ui>\n    </header>\n    <section>\n      <text-ui color=\"subtle\">Live preview will appear here</text-ui>\n    </section>\n  </pane-ui>\n</div>",
   "source": "catalog/ui-patterns/app/split-pane-editor/split-pane-editor.contents.html",
   "metadata": {
     "domain": "layout",
@@ -30,7 +30,7 @@
       "ide"
     ]
   },
-  "captured_at": "2026-08-10T18:10:27.206Z",
+  "captured_at": "2026-08-18T04:03:31.540Z",
   "template": [
     {
       "id": "button",
@@ -80,10 +80,10 @@
     {
       "id": "panel",
       "component": "Panel",
+      "edge": "leading",
       "maxWidth": 640,
       "minWidth": 240,
       "resizable": true,
-      "side": "leading",
       "children": [
         "header",
         "section"
@@ -128,7 +128,7 @@
     {
       "id": "panel-2",
       "component": "Panel",
-      "side": "trailing",
+      "edge": "trailing",
       "children": [
         "header-2",
         "section-2"

package/corpus/chunks/table-inline-edit-row.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n        <header>\n          <span slot=\"heading\" variant=\"section\">Pricing matrix</span>\n          <text-ui slot=\"description\" color=\"subtle\">12 rows · 1 unsaved</text-ui>\n          <button-ui slot=\"action\" text=\"Add row\" variant=\"ghost\" size=\"sm\" icon-leading=\"plus\"></button-ui>\n        </header>\n        <section bleed>\n          <!-- A real <table> in <table-ui frameless raw> (consumer-owns-body mode) gives\n               true column alignment; the editing row (Pro) swaps its Price/Limits\n               cells for <input-ui> and its action cell for Save/Cancel. -->\n          <table-ui frameless raw>\n            <table>\n              <thead>\n                <tr><th>Plan</th><th>Price</th><th>Limits</th><th></th></tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td><text-ui strong>Starter</text-ui></td>\n                  <td><text-ui color=\"subtle\">$0 / month</text-ui></td>\n                  <td><text-ui color=\"subtle\">5 seats · 1k requests</text-ui></td>\n                  <td><button-ui icon=\"pencil-simple\" variant=\"ghost\" size=\"sm\" aria-label=\"Edit\"></button-ui></td>\n                </tr>\n                <tr style=\"background: var(--a-bg-subtle);\">\n                  <td><text-ui strong>Pro</text-ui></td>\n                  <td><input-ui name=\"pro_price\" value=\"$29\" size=\"sm\"></input-ui></td>\n                  <td><input-ui name=\"pro_features\" value=\"50 seats · 100k requests\" size=\"sm\"></input-ui></td>\n                  <td>\n                    <row-ui gap=\"2\" align=\"center\">\n                      <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n                      <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n                    </row-ui>\n                  </td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Enterprise</text-ui></td>\n                  <td><text-ui color=\"subtle\">Custom</text-ui></td>\n                  <td><text-ui color=\"subtle\">Unlimited · SSO · SLA</text-ui></td>\n                  <td><button-ui icon=\"pencil-simple\" variant=\"ghost\" size=\"sm\" aria-label=\"Edit\"></button-ui></td>\n                </tr>\n              </tbody>\n            </table>\n          </table-ui>\n        </section>\n      </card-ui>",
+  "html": "<card-ui>\n        <header>\n          <span slot=\"heading\" variant=\"section\">Pricing matrix</span>\n          <text-ui slot=\"description\" color=\"subtle\">12 rows · 1 unsaved</text-ui>\n          <button-ui slot=\"action\" text=\"Add row\" variant=\"ghost\" size=\"sm\" icon=\"plus\"></button-ui>\n        </header>\n        <section bleed>\n          <!-- A real <table> in <table-ui frameless raw> (consumer-owns-body mode) gives\n               true column alignment; the editing row (Pro) swaps its Price/Limits\n               cells for <input-ui> and its action cell for Save/Cancel. -->\n          <table-ui frameless raw>\n            <table>\n              <thead>\n                <tr><th>Plan</th><th>Price</th><th>Limits</th><th></th></tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td><text-ui strong>Starter</text-ui></td>\n                  <td><text-ui color=\"subtle\">$0 / month</text-ui></td>\n                  <td><text-ui color=\"subtle\">5 seats · 1k requests</text-ui></td>\n                  <td><button-ui icon=\"pencil-simple\" variant=\"ghost\" size=\"sm\" aria-label=\"Edit\"></button-ui></td>\n                </tr>\n                <tr style=\"background: var(--a-bg-subtle);\">\n                  <td><text-ui strong>Pro</text-ui></td>\n                  <td><input-ui name=\"pro_price\" value=\"$29\" size=\"sm\"></input-ui></td>\n                  <td><input-ui name=\"pro_features\" value=\"50 seats · 100k requests\" size=\"sm\"></input-ui></td>\n                  <td>\n                    <row-ui gap=\"2\" align=\"center\">\n                      <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n                      <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n                    </row-ui>\n                  </td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Enterprise</text-ui></td>\n                  <td><text-ui color=\"subtle\">Custom</text-ui></td>\n                  <td><text-ui color=\"subtle\">Unlimited · SSO · SLA</text-ui></td>\n                  <td><button-ui icon=\"pencil-simple\" variant=\"ghost\" size=\"sm\" aria-label=\"Edit\"></button-ui></td>\n                </tr>\n              </tbody>\n            </table>\n          </table-ui>\n        </section>\n      </card-ui>",
   "source": "packages/web-components/patterns/data-tables-inline-edit-and-tree/data-tables-inline-edit-and-tree.examples.html",
   "metadata": {
     "domain": "data",
@@ -27,7 +27,7 @@
       "grid"
     ]
   },
-  "captured_at": "2026-07-30T08:15:39.398Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "text",
@@ -47,6 +47,7 @@
       "id": "button",
       "component": "Button",
       "slot": "action",
+      "icon": "plus",
       "size": "sm",
       "text": "Add row",
       "variant": "ghost"

package/corpus/chunks/table-spreadsheet-cells.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n        <header>\n          <span slot=\"heading\" variant=\"section\">Inventory — Q4 forecast</span>\n          <text-ui slot=\"description\" color=\"subtle\">Auto-saving · 3 cells dirty</text-ui>\n          <row-ui slot=\"action\" gap=\"2\">\n            <button-ui text=\"Undo\" variant=\"ghost\" size=\"sm\" icon-leading=\"arrow-counter-clockwise\"></button-ui>\n            <button-ui text=\"Save now\" variant=\"primary\" size=\"sm\"></button-ui>\n          </row-ui>\n        </header>\n        <section bleed>\n          <!-- Every cell is an <input-ui>; a real <table> gives the Excel-style\n               column alignment the list-item flex layout couldn't. The per-row\n               dirty/clean state sits in its own Status column. -->\n          <table-ui frameless raw>\n            <table>\n              <thead>\n                <tr><th>Item</th><th>Oct</th><th>Nov</th><th>Dec</th><th>Status</th></tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td><text-ui strong>Widget A</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"124\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"98\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"156\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"default\">clean</tag-ui></td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Widget B</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"42\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"51\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"78\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"warning\">dirty</tag-ui></td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Widget C</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"0\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"0\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"320\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"warning\">dirty</tag-ui></td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Widget D</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"200\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"245\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"280\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"default\">clean</tag-ui></td>\n                </tr>\n              </tbody>\n            </table>\n          </table-ui>\n        </section>\n      </card-ui>",
+  "html": "<card-ui>\n        <header>\n          <span slot=\"heading\" variant=\"section\">Inventory — Q4 forecast</span>\n          <text-ui slot=\"description\" color=\"subtle\">Auto-saving · 3 cells dirty</text-ui>\n          <row-ui slot=\"action\" gap=\"2\">\n            <button-ui text=\"Undo\" variant=\"ghost\" size=\"sm\" icon=\"arrow-counter-clockwise\"></button-ui>\n            <button-ui text=\"Save now\" variant=\"primary\" size=\"sm\"></button-ui>\n          </row-ui>\n        </header>\n        <section bleed>\n          <!-- Every cell is an <input-ui>; a real <table> gives the Excel-style\n               column alignment the list-item flex layout couldn't. The per-row\n               dirty/clean state sits in its own Status column. -->\n          <table-ui frameless raw>\n            <table>\n              <thead>\n                <tr><th>Item</th><th>Oct</th><th>Nov</th><th>Dec</th><th>Status</th></tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td><text-ui strong>Widget A</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"124\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"98\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"156\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"default\">clean</tag-ui></td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Widget B</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"42\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"51\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"78\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"warning\">dirty</tag-ui></td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Widget C</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"0\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"0\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"320\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"warning\">dirty</tag-ui></td>\n                </tr>\n                <tr>\n                  <td><text-ui strong>Widget D</text-ui></td>\n                  <td><input-ui type=\"number\" value=\"200\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"245\" size=\"sm\"></input-ui></td>\n                  <td><input-ui type=\"number\" value=\"280\" size=\"sm\"></input-ui></td>\n                  <td><tag-ui variant=\"default\">clean</tag-ui></td>\n                </tr>\n              </tbody>\n            </table>\n          </table-ui>\n        </section>\n      </card-ui>",
   "source": "packages/web-components/patterns/data-tables-inline-edit-and-tree/data-tables-inline-edit-and-tree.examples.html",
   "metadata": {
     "domain": "data",
@@ -26,7 +26,7 @@
       "excel"
     ]
   },
-  "captured_at": "2026-08-13T16:17:52.286Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "text",
@@ -45,6 +45,7 @@
     {
       "id": "button",
       "component": "Button",
+      "icon": "arrow-counter-clockwise",
       "size": "sm",
       "text": "Undo",
       "variant": "ghost"

package/corpus/chunks/table-toolbar-adiav2-row.json

@@ -0,0 +1,272 @@
+{
+  "name": "table-toolbar-adiav2-row",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "adiav2 list-page toolbar row — scope + range summary + actions-leading + page-size"
+  },
+  "html": "<col-ui gap=\"0\">\n        <table-toolbar-ui for=\"accounts-table\" no-filter no-sort no-columns no-search\n          range-start=\"1\" range-end=\"25\" range-total=\"320\"\n          page-size-options=\"[10,25,50,100]\" page-size=\"25\">\n          <select-ui slot=\"scope\" size=\"sm\" aria-label=\"Scope\">\n            <option value=\"all\" selected>All accounts</option>\n            <option value=\"mine\">My accounts</option>\n          </select-ui>\n          <button-ui slot=\"actions-leading\" text=\"Filter\" icon=\"funnel-simple\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui slot=\"actions-leading\" text=\"Columns\" icon=\"columns\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui slot=\"actions\" text=\"New account\" icon=\"plus\" variant=\"primary\" size=\"sm\"></button-ui>\n        </table-toolbar-ui>\n        <card-ui>\n          <section bleed>\n            <table-ui id=\"accounts-table\" sortable raw>\n              <table>\n                <thead><tr><th>Account</th><th>Owner</th><th>Status</th></tr></thead>\n                <tbody>\n                  <tr><td>Acme Health</td><td>Maya Chen</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n                  <tr><td>Northwind Clinics</td><td>Alex Park</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n                  <tr><td>Globex Medical</td><td>Jordan Lee</td><td><tag-ui variant=\"warning\">Trial</tag-ui></td></tr>\n                </tbody>\n              </table>\n            </table-ui>\n          </section>\n        </card-ui>\n      </col-ui>",
+  "source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "The ratified adiav2 list-page toolbar row (ADIA2-9123, gh#1649): a leading scope/view-switcher slot, a &quot;Showing X-Y of N&quot; range summary, app-owned Filter and Columns triggers (their own filter drawer, not the native popovers — no-filter/no-sort/no-columns/no-search drop every native affordance) in the actions-leading slot so they land BEFORE the page-size select, and a primary CTA in the trailing actions slot AFTER page-size.",
+    "keywords": [
+      "table",
+      "toolbar",
+      "scope",
+      "range",
+      "summary",
+      "showing",
+      "pagination",
+      "page",
+      "size",
+      "select",
+      "actions-leading",
+      "adiav2",
+      "list",
+      "page"
+    ]
+  },
+  "captured_at": "2026-08-18T14:49:22.879Z",
+  "template": [
+    {
+      "id": "scope",
+      "component": "ChoicePicker",
+      "slot": "scope",
+      "size": "sm",
+      "label": "Scope",
+      "options": [
+        {
+          "value": "all",
+          "label": "All accounts"
+        },
+        {
+          "value": "mine",
+          "label": "My accounts"
+        }
+      ],
+      "value": "all"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "actions-leading",
+      "icon": "funnel-simple",
+      "size": "sm",
+      "text": "Filter",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "slot": "actions-leading",
+      "icon": "columns",
+      "size": "sm",
+      "text": "Columns",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "slot": "actions",
+      "icon": "plus",
+      "size": "sm",
+      "text": "New account",
+      "variant": "primary"
+    },
+    {
+      "id": "table-toolbar",
+      "component": "TableToolbar",
+      "for": "accounts-table",
+      "noColumns": true,
+      "noFilter": true,
+      "noSearch": true,
+      "noSort": true,
+      "pageSize": 25,
+      "pageSizeOptions": [
+        10,
+        25,
+        50,
+        100
+      ],
+      "rangeEnd": 25,
+      "rangeStart": 1,
+      "rangeTotal": 320,
+      "children": [
+        "scope",
+        "button",
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Account",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Owner",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Status",
+      "variant": "body"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Acme Health",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Maya Chen",
+      "variant": "body"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "variant": "success",
+      "text": "Active"
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "text-4",
+        "text-5",
+        "tag"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Northwind Clinics",
+      "variant": "body"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Alex Park",
+      "variant": "body"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "variant": "success",
+      "text": "Active"
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "children": [
+        "text-6",
+        "text-7",
+        "tag-2"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Globex Medical",
+      "variant": "body"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "Jordan Lee",
+      "variant": "body"
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag",
+      "variant": "warning",
+      "text": "Trial"
+    },
+    {
+      "id": "column-15",
+      "component": "Column",
+      "children": [
+        "text-8",
+        "text-9",
+        "tag-3"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "column-7",
+        "column-11",
+        "column-15"
+      ]
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "children": [
+        "column-2",
+        "column-6"
+      ]
+    },
+    {
+      "id": "accounts-table",
+      "component": "Table",
+      "raw": true,
+      "sortable": true,
+      "children": [
+        "table"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-19"
+      ]
+    },
+    {
+      "id": "column-19",
+      "component": "Column",
+      "children": [
+        "accounts-table"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "table-toolbar",
+        "card"
+      ]
+    }
+  ]
+}

package/corpus/chunks/table-toolbar-chrome-only-empty.json

@@ -0,0 +1,183 @@
+{
+  "name": "table-toolbar-chrome-only-empty",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "chrome-only + empty slot — adiav2 row, zero-results state"
+  },
+  "html": "<col-ui gap=\"0\">\n        <table-toolbar-ui for=\"accounts-empty-table\" chrome-only range-total=\"0\">\n          <select-ui slot=\"scope\" size=\"sm\" aria-label=\"Scope\">\n            <option value=\"all\" selected>All accounts</option>\n            <option value=\"mine\">My accounts</option>\n          </select-ui>\n          <span slot=\"empty\">No accounts match your filters.</span>\n          <button-ui slot=\"actions-leading\" text=\"Filter\" icon=\"funnel-simple\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui slot=\"actions-leading\" text=\"Columns\" icon=\"columns\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui slot=\"actions\" text=\"New account\" icon=\"plus\" variant=\"primary\" size=\"sm\"></button-ui>\n        </table-toolbar-ui>\n        <card-ui>\n          <section bleed>\n            <table-ui id=\"accounts-empty-table\" sortable raw>\n              <table>\n                <thead><tr><th>Account</th><th>Owner</th><th>Status</th></tr></thead>\n                <tbody></tbody>\n              </table>\n            </table-ui>\n          </section>\n        </card-ui>\n      </col-ui>",
+  "source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "ADR-0076's chrome-only attribute (ADIA2-9123) replacing the stacked no-filter/no-sort/no-columns/no-search on the ratified adiav2 row — one attribute suppresses all four native controls/search at once, pure absolute OR, no partial re-enable while set. Also demonstrates the empty slot (REQ-E): range-total=&quot;0&quot; explicitly present renders the slotted message in the range-summary's own position, never a layout shift versus the normal Showing X-Y of N text. The actions-leading Filter/Columns triggers still render and stay pushed to the trailing edge (REQ-C-004's margin-inline-start:auto invariant, AC-010b).",
+    "keywords": [
+      "table",
+      "toolbar",
+      "chrome-only",
+      "empty",
+      "slot",
+      "zero",
+      "results",
+      "no",
+      "results",
+      "adiav2",
+      "pure",
+      "or",
+      "attribute",
+      "grammar",
+      "adr-0076"
+    ]
+  },
+  "captured_at": "2026-08-18T21:15:20.635Z",
+  "template": [
+    {
+      "id": "scope",
+      "component": "ChoicePicker",
+      "slot": "scope",
+      "size": "sm",
+      "label": "Scope",
+      "options": [
+        {
+          "value": "all",
+          "label": "All accounts"
+        },
+        {
+          "value": "mine",
+          "label": "My accounts"
+        }
+      ],
+      "value": "all"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "empty",
+      "textContent": "No accounts match your filters."
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "actions-leading",
+      "icon": "funnel-simple",
+      "size": "sm",
+      "text": "Filter",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "slot": "actions-leading",
+      "icon": "columns",
+      "size": "sm",
+      "text": "Columns",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "slot": "actions",
+      "icon": "plus",
+      "size": "sm",
+      "text": "New account",
+      "variant": "primary"
+    },
+    {
+      "id": "table-toolbar",
+      "component": "TableToolbar",
+      "chromeOnly": true,
+      "for": "accounts-empty-table",
+      "rangeTotal": 0,
+      "children": [
+        "scope",
+        "text",
+        "button",
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Account",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Owner",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Status",
+      "variant": "body"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column"
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "children": [
+        "column-2",
+        "column-6"
+      ]
+    },
+    {
+      "id": "accounts-empty-table",
+      "component": "Table",
+      "raw": true,
+      "sortable": true,
+      "children": [
+        "table"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "accounts-empty-table"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "table-toolbar",
+        "card"
+      ]
+    }
+  ]
+}

package/corpus/chunks/testimonial-pull-quote.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <card-ui raw align=\"center\">\n      <section>\n        <col-ui gap=\"4\" align=\"center\">\n          <blockquote-ui cite=\"Marco Rossi, VP Engineering at Globex\">\n            <text-ui size=\"lg\">Shipping a polished generative-UI surface used to take us a sprint. With AdiaUI it takes an afternoon — the primitives just compose, and the output is production-grade on the first pass.</text-ui>\n          </blockquote-ui>\n          <row-ui gap=\"3\" align=\"center\">\n            <avatar-ui text=\"Marco Rossi\" size=\"md\"></avatar-ui>\n            <col-ui gap=\"0\">\n              <text-ui strong size=\"sm\">Marco Rossi</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">VP Engineering, Globex</text-ui>\n            </col-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "html": "<section>\n    <card-ui raw>\n      <section>\n        <col-ui gap=\"4\" align=\"center\">\n          <blockquote-ui cite=\"Marco Rossi, VP Engineering at Globex\">\n            <text-ui size=\"lg\">Shipping a polished generative-UI surface used to take us a sprint. With AdiaUI it takes an afternoon — the primitives just compose, and the output is production-grade on the first pass.</text-ui>\n          </blockquote-ui>\n          <row-ui gap=\"3\" align=\"center\">\n            <avatar-ui text=\"Marco Rossi\" size=\"md\"></avatar-ui>\n            <col-ui gap=\"0\">\n              <text-ui strong size=\"sm\">Marco Rossi</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">VP Engineering, Globex</text-ui>\n            </col-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
   "metadata": {
     "domain": "marketing",
@@ -46,7 +46,7 @@
       "mouth"
     ]
   },
-  "captured_at": "2026-08-15T04:10:49.553Z",
+  "captured_at": "2026-08-18T02:07:20.228Z",
   "template": [
     {
       "id": "text",

package/corpus/chunks/url-import-form.json

@@ -52,7 +52,7 @@
       "form": "url-import"
     }
   },
-  "captured_at": "2026-08-10T18:10:27.206Z",
+  "captured_at": "2026-08-19T03:56:11.704Z",
   "template": [
     {
       "id": "text",
@@ -584,7 +584,7 @@
       "component": "Button",
       "slot": "action",
       "type": "button",
-      "icon": "arrow-right",
+      "icon-trailing": "arrow-right",
       "text": "Set up",
       "variant": "ghost",
       "data-edit": "typography"