@adia-ai/a2ui-compose 0.6.42 → 0.6.43

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog — @adia-ai/a2ui-compose
 
+## [0.6.43] — 2026-05-27
+
+### Fixed — Cycle-18 transpiler substrate sweeps (RL + RL2)
+
+- **`transpiler/transpiler.js`** — two substrate sweeps from gen-review cycle-18:
+  - **Ralph Loop**: 6 visual bugs fixed at SoT — header slot grammar, leaf children, button slot preservation.
+  - **RL2**: 10 visual bugs across header slot, leaf children, calendar widget.
+- **`transpiler/transpiler-maps.js`** — preserve `slot=` annotations through transpilation so card-ui transpiled `text-ui` chunks match the substrate CSS selector.
+
 ## [0.6.42] — 2026-05-26
 
 ### Maintenance

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/a2ui-compose",
-  "version": "0.6.42",
+  "version": "0.6.43",
   "description": "AdiaUI A2UI compose engine \u2014 framework-agnostic. Takes natural-language intents + a catalog and produces A2UI protocol messages. Pairs with `@adia-ai/a2ui-retrieval` (intent classification, catalog lookup) and `@adia-ai/a2ui-validator` (schema + semantic checks).",
   "type": "module",
   "exports": {

package/transpiler/transpiler-maps.js

@@ -310,6 +310,13 @@ export function extractProps(el, a2uiType) {
   const props = {};
   const attr = (name) => el.getAttribute?.(name) ?? el.attributes?.get?.(name) ?? null;
 
+  // Universal: preserve [slot] for every element. Slot is a layout-bearing
+  // HTML attribute that card-ui / drawer-ui / etc. depend on via :has(> [slot])
+  // grid activation. Yamls don't declare slot as a prop (it's an HTML standard
+  // attribute, not a component prop), so the catalog pass below won't pick it up.
+  const slotAttr = attr('slot');
+  if (slotAttr) props.slot = slotAttr;
+
   // §163 (v0.5.4) — Catalog-driven generic extraction FIRST. Fills in
   // every prop the v0.9 catalog declares for this type (label, icon,
   // variant=, etc.). Legacy per-type blocks below run AFTER and can

package/transpiler/transpiler.js

@@ -200,7 +200,54 @@ function walkNode(el, context) {
   ]);
 
   if (LEAF_TYPES.has(a2uiType)) {
-    context.components.push({ id, component: a2uiType, ...props });
+    // Leaf types still need to carry slotted or container children in two
+    // shapes:
+    //
+    // (1) Trailing icons / kbd shortcuts inside Button:
+    //     `<button-ui text="Next"><icon-ui slot="trailing" name="caret-right">`
+    // (2) Slotted container wrappers that themselves transpile to a leaf
+    //     type but hold inline child elements:
+    //     `<span slot="heading"><text-ui strong>Title</text-ui> <badge-ui>...`
+    //     The span maps to Text via HTML_TAG_MAP, but it functions as a
+    //     flex container (per card.css `> [slot="heading"]`) and needs
+    //     to keep its children.
+    //
+    // Rule: if the element has ANY element children, recurse all of them.
+    // Pure text leaves (no element children) keep the text-prop path.
+    const elementChildren = (el.children || []).filter(c => c.tagName);
+    if (elementChildren.length === 0) {
+      context.components.push({ id, component: a2uiType, ...props });
+      return id;
+    }
+    // When a leaf has element children, the auto-extracted textContent prop
+    // would be the CONCATENATED descendant text (e.g.
+    //   <text-ui>$49<text-ui>/month</text-ui></text-ui>
+    // has textContent "$49/month"), causing every label to render twice
+    // alongside the child components. Replace it with the element's DIRECT
+    // text nodes only — text the element OWNS, not what its children own.
+    // The minimal HTML parser represents text nodes as pseudo-elements
+    // with tagName === '' inside the children array.
+    const directText = (el.children || [])
+      .filter(n => !n.tagName)
+      .map(n => n.textContent || '')
+      .join(' ').replace(/\s+/g, ' ').trim();
+    const containerProps = { ...props };
+    if (directText) {
+      // Preserve the direct text on whichever prop the type uses
+      if (a2uiType === 'Text' || a2uiType === 'Kbd' || a2uiType === 'Code') containerProps.textContent = directText;
+      else if (a2uiType === 'Button' || a2uiType === 'Badge') {
+        if (containerProps.text === undefined) containerProps.text = directText;
+      }
+    } else {
+      delete containerProps.textContent;
+      delete containerProps.text;
+    }
+    const childIds = [];
+    for (const child of elementChildren) {
+      const childId = walkNode(child, context);
+      if (childId) childIds.push(childId);
+    }
+    context.components.push({ id, component: a2uiType, ...containerProps, children: childIds });
     return id;
   }