@adia-ai/web-components 0.6.40 → 0.6.42

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog — @adia-ai/web-components
 
+## [0.6.42] — 2026-05-26
+
+### Changed — yaml/sidecar polish absorbing gen-review cycle 8-17 findings
+
+- **`description-list.yaml` + `table.yaml` + `upload.yaml`** — yaml + a2ui.json sidecars updated absorbing the gen-review cycle 14-17 corpus-fix arc (slot patterns + table data + header anatomy + accordion-item-ui text= contract).
+- **`core/provider.js`** — minor adjustment.
+
+## [0.6.41] — 2026-05-26
+
+### Maintenance
+
+- **Lockstep version bump only — pure ride-along.** No source changes in any of the 9 packages this cycle. Substantive v0.6.41 work is REPO-LEVEL: adia-ui-release skill v1.8.0 → v1.9.0 (catalog-drift recurring graduation — §Step 5.5 pre-commit trip-wire + supersedes-WT contract + §Step 5 allowlist convention; closes FEEDBACK-75). Version bump preserves 9-package lockstep coherence; published tarballs identical to v0.6.40 modulo version metadata.
+
 ## [0.6.40] — 2026-05-26
 
 ### Fixed — `index.js` barrel side-effect-imports `core/provider.js` (cold-start `<router-ui>` registration)

package/components/description-list/description-list.a2ui.json

@@ -67,11 +67,7 @@
       "Field",
       "Section"
     ],
-    "slots": {
-      "[object Object]": {
-        "description": "Child content region for the `[object Object]` slot."
-      }
-    },
+    "slots": {},
     "states": [
       {
         "description": "Default, ready for interaction.",

package/components/description-list/description-list.yaml

@@ -38,9 +38,10 @@ props:
       - stacked
       - inline
 events: {}
-slots:
-  "[object Object]":
-    description: "Child content region for the `[object Object]` slot."
+slots: {}
+# Consumer passes <dt>/<dd> children inline (default slot). No named
+# slots. Previous "[object Object]" entry was a yaml-codegen artifact
+# (unstringified JS object key) — cleaned up 2026-05-26.
 states:
   - name: idle
     description: Default, ready for interaction.

package/components/table/table.a2ui.json

@@ -87,7 +87,13 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
-    "anti_patterns": [],
+    "anti_patterns": [
+      {
+        "fix": "<table-ui paginate=\"25\"></table-ui>",
+        "why": "[virtual] is not a recognized prop. The attribute is silently accepted (custom elements ignore unknown attributes) but has no effect — all rows are still rendered to the DOM. Common cross-framework instinct (AG Grid / TanStack / lit-virtualizer) that does not transfer to table-ui.",
+        "wrong": "<table-ui virtual></table-ui>"
+      }
+    ],
     "category": "agent",
     "composes": [
       "check-ui",

package/components/table/table.yaml

@@ -269,7 +269,22 @@ a2ui:
       value, dataIndex}. Per ADR-0027, table-ui composes check-ui,
       icon-ui, progress-ui, pagination-ui, skeleton-ui, badge-ui —
       consumer pages must explicitly import the ones they use.
-anti_patterns: []
+    - >-
+      For large datasets (100+ rows), use [paginate="N"] to limit
+      rendered rows and add a pagination bar. [virtual] is NOT a
+      recognized prop and is silently ignored — there is no DOM-level
+      virtual scrolling in table-ui. [paginate] is the supported
+      performance mechanism. Wire [paginate] with optional [search]
+      and the `page` event for server-driven pagination.
+anti_patterns:
+  - wrong: '<table-ui virtual></table-ui>'
+    why: >-
+      [virtual] is not a recognized prop. The attribute is silently
+      accepted (custom elements ignore unknown attributes) but has no
+      effect — all rows are still rendered to the DOM. Common
+      cross-framework instinct (AG Grid / TanStack / lit-virtualizer)
+      that does not transfer to table-ui.
+    fix: '<table-ui paginate="25"></table-ui>'
 examples:
   - name: api-key-table
     description: API key management table with actions and status badges.

package/components/upload/upload.a2ui.json

@@ -100,23 +100,7 @@
       "image",
       "input"
     ],
-    "slots": {
-      "dropzone": {
-        "description": "Click/drop target area"
-      },
-      "filelist": {
-        "description": "List of selected file names"
-      },
-      "hint": {
-        "description": "Help text below the dropzone"
-      },
-      "input": {
-        "description": "Hidden native file input"
-      },
-      "label": {
-        "description": "Label element above the dropzone"
-      }
-    },
+    "slots": {},
     "states": [
       {
         "description": "Default, ready for interaction.",

package/components/upload/upload.yaml

@@ -47,17 +47,14 @@ props:
 events:
   change:
     description: Fired when files are selected via click or drag-and-drop
-slots:
-  dropzone:
-    description: Click/drop target area
-  filelist:
-    description: List of selected file names
-  hint:
-    description: Help text below the dropzone
-  input:
-    description: Hidden native file input
-  label:
-    description: Label element above the dropzone
+slots: {}
+# Authoring note (2026-05-26): the previous slots block declared
+# dropzone/filelist/hint/input/label, but class.js stamps these as
+# `<div data-dropzone>` / `<div data-filelist>` / `<span hint="…">` etc.
+# — NOT as `[slot="X"]` anchors. `<upload-ui><div slot="dropzone">…`
+# wouldn't render (innerHTML stamp wipes child). Hint + label are
+# already declared as props above (text-only); for an avatar / icon
+# / form-element wrapper, compose <field-ui label> around the upload.
 states:
   - name: idle
     description: Default, ready for interaction.

package/core/provider.js

@@ -172,6 +172,7 @@ export class UIRouter extends UIProvider {
     if (!this.#ownCtrl) {
       this.#ownCtrl = new RouteController({ routes: list });
       this.controller = this.#ownCtrl;
+      this.#ownCtrl.notify();
     } else {
       this.#ownCtrl.commands.setRoutes(list);
     }