@adia-ai/web-components 0.5.4 → 0.5.5

package/components/slider/slider.css

@@ -134,4 +134,17 @@
   :scope[disabled] [slot="fill"] { background: var(--slider-fill-bg-disabled); }
   :scope[disabled] [slot="thumb"] { cursor: not-allowed; background: var(--slider-thumb-bg-disabled); }
   :scope[disabled] [slot="thumb"]:hover { box-shadow: none; }
+
+  /* ── Hint (§184, v0.5.5, FEEDBACK-08 §7) ──
+     Small caption rendered beneath the track. aria-describedby is
+     wired on the host in class.js so screen readers announce this
+     as a description (distinct from aria-label, which comes from
+     [label]). Uses the same muted typography as field-ui's hint. */
+  [slot="hint"] {
+    display: block;
+    margin-top: var(--slider-hint-mt, var(--a-space-1));
+    font-size: var(--slider-hint-size, var(--a-fine-size));
+    color: var(--slider-hint-fg, var(--a-fg-muted));
+    line-height: var(--slider-hint-lh, 1.4);
+  }
 }

package/components/slider/slider.yaml

@@ -51,6 +51,16 @@ props:
     description: Current slider value
     type: number
     default: 50
+  throttle:
+    description: |-
+      §184 (v0.5.5, FEEDBACK-08 §4): when > 0, debounce the `input` event by this many milliseconds. Value updates + visual feedback remain immediate; only event dispatch accumulates. Pending input flushes BEFORE `change` so consumers always see input→…→input→change ordering. throttle="0" (default) preserves the pre-§184 every-pointer-move-fires-input behavior. Common values: 50-100ms for palette regen / shader compile / large list reflow.
+    type: number
+    default: 0
+  hint:
+    description: |-
+      §184 (v0.5.5, FEEDBACK-08 §7): small caption rendered beneath the slider track. Sets `aria-describedby` on the host so screen readers announce it as a description (distinct from `aria-label`, which comes from `label`). Does not conflict with the in-component `label`. Use for semantic clarifications a `<field-ui>` wrapper would be overkill for.
+    type: string
+    default: ""
 events:
   change:
     description: "Fired when the value changes (on blur for inputs, on selection for pickers)."

package/components/switch/class.js

@@ -26,12 +26,26 @@ export class UISwitch extends UIFormElement {
     checked:  { type: Boolean, default: false, reflect: true },
     label:    { type: String,  default: '', reflect: true },
     size:     { type: String,  default: '', reflect: true },
+    // §184 (v0.5.5, FEEDBACK-08 §7): caption beneath the toggle.
+    // switch.yaml has declared `hint` since §170 but the template
+    // never rendered it — this arc closes the spec-vs-impl gap +
+    // wires aria-describedby on the host for screen readers.
+    hint:     { type: String,  default: '', reflect: true },
   };
 
-  static template = (el) => html`
-    <span slot="track"><span slot="thumb"></span></span>
-    ${el.label ? html`<span slot="label">${el.label}</span>` : null}
-  `;
+  // §184: per-instance hint id counter for aria-describedby wiring.
+  static #hintSeq = 0;
+
+  static template = (el) => {
+    const hintId = el.hint ? `switch-hint-${++UISwitch.#hintSeq}` : '';
+    if (hintId) el.setAttribute('aria-describedby', hintId);
+    else el.removeAttribute('aria-describedby');
+    return html`
+      <span slot="track"><span slot="thumb"></span></span>
+      ${el.label ? html`<span slot="label">${el.label}</span>` : null}
+      ${el.hint ? html`<span slot="hint" id=${hintId}>${el.hint}</span>` : null}
+    `;
+  };
 
   connected() {
     super.connected();

package/components/switch/switch.css

@@ -105,6 +105,16 @@ switch-ui[checked] [slot="thumb"] {
 
   [slot="label"] { font-size: var(--switch-font-size); }
 
+  /* ── Hint (§184, v0.5.5, FEEDBACK-08 §7) ──
+     Caption beneath the toggle row; wired to aria-describedby on host. */
+  [slot="hint"] {
+    display: block;
+    margin-top: var(--switch-hint-mt, var(--a-space-1));
+    font-size: var(--switch-hint-size, var(--a-fine-size));
+    color: var(--switch-hint-fg, var(--a-fg-muted));
+    line-height: var(--switch-hint-lh, 1.4);
+  }
+
   :scope:focus-visible { outline: none; }
   :scope:focus-visible [slot="track"] { box-shadow: var(--switch-focus-ring); }
 

package/components/tabs/tab.a2ui.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://adiaui.dev/a2ui/v0_9/components/Tab.json",
+  "title": "Tab",
+  "description": "Child of <tabs-ui>. One tab panel — the tab BUTTON is rendered by the parent from this child's text/icon. Wraps panel content as light DOM.",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "common_types.json#/$defs/ComponentCommon"
+    },
+    {
+      "$ref": "common_types.json#/$defs/CatalogComponentCommon"
+    }
+  ],
+  "properties": {
+    "component": {
+      "const": "Tab"
+    },
+    "disabled": {
+      "description": "Whether the tab is selectable.",
+      "type": "boolean",
+      "default": false
+    },
+    "icon": {
+      "description": "Optional leading icon name (Phosphor) for the tab button.",
+      "type": "string"
+    },
+    "text": {
+      "description": "Tab button label (rendered by parent <tabs-ui>).",
+      "type": "string"
+    },
+    "value": {
+      "description": "Stable id for the tab. Parent uses this to coordinate active state.",
+      "type": "string"
+    }
+  },
+  "required": [
+    "component"
+  ],
+  "unevaluatedProperties": false,
+  "x-adiaui": {
+    "anti_patterns": [],
+    "category": "navigation",
+    "composes": [],
+    "events": {},
+    "examples": [],
+    "keywords": [],
+    "name": "UITab",
+    "related": [],
+    "slots": {},
+    "states": [],
+    "synonyms": {},
+    "tag": "tab-ui",
+    "tokens": {},
+    "traits": [],
+    "version": 1
+  }
+}

package/components/tabs/tab.yaml

@@ -0,0 +1,33 @@
+# Edit this file; run `npm run build:components` to regenerate a2ui.json.
+#
+# §176 (v0.5.5): authored to close the §175 baseline-orphan class. The
+# component already existed as a sibling class in the parent's class.js
+# + was registered alongside the parent (e.g. UIList + UIListItem both
+# from list/class.js). The catalog just lacked its own entry. With the
+# §172 sibling-yaml scanner, this file gets picked up next to the parent
+# yaml.
+
+# Child component of <tabs-ui>. Surface only inside that parent.
+$schema: ../../../../scripts/schemas/component.yaml.schema.json
+name: UITab
+tag: tab-ui
+component: Tab
+category: navigation
+version: 1
+description: |-
+  Child of <tabs-ui>. One tab panel — the tab BUTTON is rendered by the parent from this child's text/icon. Wraps panel content as light DOM.
+
+props:
+  text:
+    description: Tab button label (rendered by parent <tabs-ui>).
+    type: string
+  value:
+    description: Stable id for the tab. Parent uses this to coordinate active state.
+    type: string
+  icon:
+    description: Optional leading icon name (Phosphor) for the tab button.
+    type: string
+  disabled:
+    description: Whether the tab is selectable.
+    type: boolean
+    default: false

package/components/timeline/timeline-item.a2ui.json

@@ -0,0 +1,76 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://adiaui.dev/a2ui/v0_9/components/TimelineItem.json",
+  "title": "TimelineItem",
+  "description": "Child of <timeline-ui>. One step in a sequenced reasoning/process timeline. Used heavily by <agent-reasoning-ui> + <agent-trace-ui>.",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "common_types.json#/$defs/ComponentCommon"
+    },
+    {
+      "$ref": "common_types.json#/$defs/CatalogComponentCommon"
+    }
+  ],
+  "properties": {
+    "description": {
+      "description": "Subtitle below the label.",
+      "type": "string"
+    },
+    "component": {
+      "const": "TimelineItem"
+    },
+    "duration": {
+      "description": "Elapsed time (e.g. \"1.2s\", \"340ms\").",
+      "type": "string"
+    },
+    "icon": {
+      "description": "Optional leading icon name (Phosphor).",
+      "type": "string"
+    },
+    "spinner": {
+      "description": "Show a spinner instead of the icon while status=pending.",
+      "type": "boolean",
+      "default": false
+    },
+    "status": {
+      "description": "Lifecycle state (idle | pending | done | failed).",
+      "type": "string",
+      "default": "idle"
+    },
+    "text": {
+      "description": "Primary step label.",
+      "type": "string"
+    },
+    "time": {
+      "description": "Absolute timestamp (HH:MM or ISO).",
+      "type": "string"
+    },
+    "variant": {
+      "description": "Visual variant (default | accent | success | warning | danger).",
+      "type": "string",
+      "default": "default"
+    }
+  },
+  "required": [
+    "component"
+  ],
+  "unevaluatedProperties": false,
+  "x-adiaui": {
+    "anti_patterns": [],
+    "category": "feedback",
+    "composes": [],
+    "events": {},
+    "examples": [],
+    "keywords": [],
+    "name": "UITimelineItem",
+    "related": [],
+    "slots": {},
+    "states": [],
+    "synonyms": {},
+    "tag": "timeline-item-ui",
+    "tokens": {},
+    "traits": [],
+    "version": 1
+  }
+}

package/components/timeline/timeline-item.yaml

@@ -0,0 +1,47 @@
+# Edit this file; run `npm run build:components` to regenerate a2ui.json.
+#
+# §176 (v0.5.5): authored to close the §175 baseline-orphan class. The
+# component already existed as a sibling class in the parent's class.js
+# + was registered alongside the parent (e.g. UIList + UIListItem both
+# from list/class.js). The catalog just lacked its own entry. With the
+# §172 sibling-yaml scanner, this file gets picked up next to the parent
+# yaml.
+
+# Child component of <timeline-ui>. Surface only inside that parent.
+$schema: ../../../../scripts/schemas/component.yaml.schema.json
+name: UITimelineItem
+tag: timeline-item-ui
+component: TimelineItem
+category: feedback
+version: 1
+description: |-
+  Child of <timeline-ui>. One step in a sequenced reasoning/process timeline. Used heavily by <agent-reasoning-ui> + <agent-trace-ui>.
+
+props:
+  text:
+    description: Primary step label.
+    type: string
+  description:
+    description: Subtitle below the label.
+    type: string
+  time:
+    description: Absolute timestamp (HH:MM or ISO).
+    type: string
+  duration:
+    description: Elapsed time (e.g. "1.2s", "340ms").
+    type: string
+  icon:
+    description: Optional leading icon name (Phosphor).
+    type: string
+  variant:
+    description: Visual variant (default | accent | success | warning | danger).
+    type: string
+    default: 'default'
+  status:
+    description: Lifecycle state (idle | pending | done | failed).
+    type: string
+    default: 'idle'
+  spinner:
+    description: Show a spinner instead of the icon while status=pending.
+    type: boolean
+    default: false

package/components/tree/class.js

@@ -63,6 +63,82 @@ export class UITree extends UIElement {
     }));
   }
 
+  // ──────────────────────────────────────────────────────────────────
+  // §184 (v0.5.5, FEEDBACK-08 §2): programmatic expand/collapse API.
+  // Pre-§184 consumers had to maintain local `_expanded[]` state +
+  // manually sync `tree-item.open` on every `tree-select` event. These
+  // five methods + the `auto-expand-selected` reflection let consumers
+  // declare the open state directly. All methods accept either a
+  // tree-item-ui element OR a value string (matched against [value]
+  // first, then [text] for ergonomics).
+  // ──────────────────────────────────────────────────────────────────
+
+  /**
+   * Resolve an `item` argument to a tree-item-ui element, or `null` if
+   * no match. Accepts: HTMLElement (used as-is when it matches `tree-item-ui`)
+   * OR a string (matched against [value] first, then [text]).
+   */
+  #resolveItem(arg) {
+    if (!arg) return null;
+    if (arg instanceof Element) {
+      return arg.matches?.('tree-item-ui') ? arg : null;
+    }
+    if (typeof arg === 'string') {
+      const escaped = arg.replace(/"/g, '\\"');
+      return (
+        this.querySelector(`tree-item-ui[value="${escaped}"]`) ||
+        this.querySelector(`tree-item-ui[text="${escaped}"]`) ||
+        null
+      );
+    }
+    return null;
+  }
+
+  /** Expand the given item (no-op when already open or it has no children). */
+  expand(itemOrValue) {
+    const item = this.#resolveItem(itemOrValue);
+    if (item && item.hasChildren && !item.open) item.open = true;
+  }
+
+  /** Collapse the given item (no-op when already collapsed). */
+  collapse(itemOrValue) {
+    const item = this.#resolveItem(itemOrValue);
+    if (item && item.open) item.open = false;
+  }
+
+  /** Expand every item with children. */
+  expandAll() {
+    for (const it of this.querySelectorAll('tree-item-ui')) {
+      if (it.hasChildren && !it.open) it.open = true;
+    }
+  }
+
+  /** Collapse every item. */
+  collapseAll() {
+    for (const it of this.querySelectorAll('tree-item-ui')) {
+      if (it.open) it.open = false;
+    }
+  }
+
+  /**
+   * Expand every ancestor of the given item so it becomes visible, then
+   * scroll it into view. Useful for revealing a programmatically-selected
+   * item nested inside collapsed parents.
+   */
+  expandTo(itemOrValue) {
+    const item = this.#resolveItem(itemOrValue);
+    if (!item) return;
+    let parent = item.parentElement?.closest('tree-item-ui');
+    while (parent) {
+      if (parent.hasChildren && !parent.open) parent.open = true;
+      parent = parent.parentElement?.closest('tree-item-ui');
+    }
+    item.querySelector(':scope > [slot="row"]')?.scrollIntoView?.({
+      block: 'nearest',
+      inline: 'nearest',
+    });
+  }
+
   #onClick = (e) => {
     const item = e.target.closest('tree-item-ui');
     if (!item || !this.contains(item)) return;
@@ -171,6 +247,10 @@ export class UITreeItem extends UIElement {
     value:    { type: String,  default: '', reflect: true },
     open:     { type: Boolean, default: false, reflect: true },
     selected: { type: Boolean, default: false, reflect: true },
+    // §184 (v0.5.5, FEEDBACK-08 §1): optional trailing badge for counts
+    // / labels (e.g. "Colors (7)" → text="Colors" badge="7"). Mirrors
+    // nav-item-ui badge API; styled muted-and-small via tree.css.
+    badge:    { type: String,  default: '', reflect: true },
   };
 
   static template = () => null;
@@ -222,6 +302,13 @@ export class UITreeItem extends UIElement {
     textEl.textContent = this.text;
     row.appendChild(textEl);
 
+    // §184: trailing badge (when [badge] is set). Stamped even when
+    // empty so render() can populate without re-stamping the DOM.
+    const badgeEl = document.createElement('span');
+    badgeEl.setAttribute('slot', 'badge');
+    if (this.badge) badgeEl.textContent = this.badge;
+    row.appendChild(badgeEl);
+
     // Actions slot placeholder
     const actions = document.createElement('span');
     actions.setAttribute('slot', 'actions');
@@ -247,5 +334,9 @@ export class UITreeItem extends UIElement {
     // Update text
     const textEl = row.querySelector('[slot="text"]');
     if (textEl && this.text) textEl.textContent = this.text;
+
+    // §184: keep badge slot synced with the [badge] attribute.
+    const badgeEl = row.querySelector('[slot="badge"]');
+    if (badgeEl) badgeEl.textContent = this.badge || '';
   }
 }

package/components/tree/tree-item.a2ui.json

@@ -0,0 +1,65 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://adiaui.dev/a2ui/v0_9/components/TreeItem.json",
+  "title": "TreeItem",
+  "description": "Child of <tree-ui>. One tree row with optional icon + text + trailing badge, plus nested tree-item-ui children for the collapsible hierarchy. Use inside <tree-ui> only.",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "common_types.json#/$defs/ComponentCommon"
+    },
+    {
+      "$ref": "common_types.json#/$defs/CatalogComponentCommon"
+    }
+  ],
+  "properties": {
+    "badge": {
+      "description": "Optional trailing badge text (count, label, etc.). Renders muted + small + right-aligned alongside the row, mirroring the nav-item-ui badge API. When empty, the badge slot stays empty.\n\nAdded in §184 (v0.5.5, FEEDBACK-08 §1).",
+      "type": "string"
+    },
+    "component": {
+      "const": "TreeItem"
+    },
+    "icon": {
+      "description": "Optional leading icon name (Phosphor).",
+      "type": "string"
+    },
+    "open": {
+      "description": "When true, the item's children render expanded. Single-instance state; the parent `<tree-ui>` toggles this on click + Enter/Space + ArrowRight/ArrowLeft per tree-view APG.",
+      "type": "boolean"
+    },
+    "selected": {
+      "description": "Reflects the currently-selected item. Exactly one tree-item is selected per `<tree-ui>` parent (managed by the parent).",
+      "type": "boolean"
+    },
+    "text": {
+      "description": "Primary text rendered in the row.",
+      "type": "string"
+    },
+    "value": {
+      "description": "Stable value emitted in `tree-select` event detail.",
+      "type": "string"
+    }
+  },
+  "required": [
+    "component"
+  ],
+  "unevaluatedProperties": false,
+  "x-adiaui": {
+    "anti_patterns": [],
+    "category": "data",
+    "composes": [],
+    "events": {},
+    "examples": [],
+    "keywords": [],
+    "name": "UITreeItem",
+    "related": [],
+    "slots": {},
+    "states": [],
+    "synonyms": {},
+    "tag": "tree-item-ui",
+    "tokens": {},
+    "traits": [],
+    "version": 1
+  }
+}

package/components/tree/tree-item.yaml

@@ -0,0 +1,41 @@
+# Edit this file; run `npm run build:components` to regenerate a2ui.json.
+#
+# §184 (v0.5.5): authored to close FEEDBACK-08 §1 — tree-item-ui badge
+# attribute + general orphan-class catalog gap. tree-item-ui has shipped
+# since v0.0.x co-located in tree/class.js (UITreeItem) but never had its
+# own catalog entry. With §172 sibling-yaml scanner, this file is picked
+# up next to the parent yaml. Mirrors the v0.5.5 §176 sibling-yaml
+# baseline-orphan closure pattern.
+
+# Child component of <tree-ui>. Surface only inside that parent.
+$schema: ../../../../scripts/schemas/component.yaml.schema.json
+name: UITreeItem
+tag: tree-item-ui
+component: TreeItem
+category: data
+version: 1
+description: |-
+  Child of <tree-ui>. One tree row with optional icon + text + trailing badge, plus nested tree-item-ui children for the collapsible hierarchy. Use inside <tree-ui> only.
+
+props:
+  text:
+    description: Primary text rendered in the row.
+    type: string
+  icon:
+    description: Optional leading icon name (Phosphor).
+    type: string
+  value:
+    description: Stable value emitted in `tree-select` event detail.
+    type: string
+  open:
+    description: When true, the item's children render expanded. Single-instance state; the parent `<tree-ui>` toggles this on click + Enter/Space + ArrowRight/ArrowLeft per tree-view APG.
+    type: boolean
+  selected:
+    description: Reflects the currently-selected item. Exactly one tree-item is selected per `<tree-ui>` parent (managed by the parent).
+    type: boolean
+  badge:
+    description: |-
+      Optional trailing badge text (count, label, etc.). Renders muted + small + right-aligned alongside the row, mirroring the nav-item-ui badge API. When empty, the badge slot stays empty.
+
+      Added in §184 (v0.5.5, FEEDBACK-08 §1).
+    type: string

package/components/tree/tree.a2ui.json

@@ -84,6 +84,21 @@
       "--tree-actions-gap": {
         "description": "Gap between action icons"
       },
+      "--tree-badge-bg": {
+        "description": "Background color for the trailing badge (§184)."
+      },
+      "--tree-badge-fg": {
+        "description": "Foreground color for the trailing badge (§184)."
+      },
+      "--tree-badge-px": {
+        "description": "Inline padding for the trailing badge (§184)."
+      },
+      "--tree-badge-radius": {
+        "description": "Border radius for the trailing badge (§184)."
+      },
+      "--tree-badge-size": {
+        "description": "Font size for the trailing badge (§184)."
+      },
       "--tree-bg-hover": {
         "description": "Background color on hover"
       },

package/components/tree/tree.css

@@ -127,6 +127,24 @@
     text-overflow: ellipsis;
   }
 
+  /* ── Badge (§184, v0.5.5, FEEDBACK-08 §1) ──
+     Optional trailing badge for counts/labels (e.g. "Colors (7)" →
+     text="Colors" badge="7"). Empty span renders nothing (no padding,
+     no chrome). Sits before the [slot="actions"] hover-revealed slot. */
+  [slot="badge"] {
+    flex-shrink: 0;
+    font-size: var(--tree-badge-size, var(--a-fine-size));
+    color: var(--tree-badge-fg, var(--tree-fg-muted));
+    background: var(--tree-badge-bg, transparent);
+    padding: 0 var(--tree-badge-px, var(--a-space-1));
+    border-radius: var(--tree-badge-radius, var(--a-radius-sm));
+    line-height: 1;
+    font-variant-numeric: tabular-nums;
+  }
+  [slot="badge"]:empty {
+    display: none;
+  }
+
   /* ── Actions (right side) ── */
   [slot="actions"] {
     display: flex;

package/components/tree/tree.yaml

@@ -66,6 +66,16 @@ tokens:
     description: Inline-end padding of each row
   --tree-row-radius:
     description: Border radius of each row
+  --tree-badge-bg:
+    description: Background color for the trailing badge (§184).
+  --tree-badge-fg:
+    description: Foreground color for the trailing badge (§184).
+  --tree-badge-px:
+    description: Inline padding for the trailing badge (§184).
+  --tree-badge-radius:
+    description: Border radius for the trailing badge (§184).
+  --tree-badge-size:
+    description: Font size for the trailing badge (§184).
 requiredIcons:
   - caret-right
 a2ui:

package/core/template.js

@@ -137,14 +137,32 @@ function scan(fragment, count) {
           // bug. Hot template paths fire many times, so warn (not throw):
           // a thrown error would crash render; warn surfaces the bug class.
           if (attr.value.includes('{{p:')) {
+            // §184 (v0.5.5, FEEDBACK-08 §5): `class` is special-cased
+            // in the hint because `.class=${expr}` sets a JS expando
+            // property (`element.class = "foo"`) — NOT the `class`
+            // attribute / className. Consumers following the original
+            // §152 generic hint silently lost CSS classes. For class,
+            // suggest `.className=${expr}`; for style suggest the
+            // canonical style-object path; for everything else keep
+            // the generic property-assignment recipe.
+            const a = attr.name;
+            const specific =
+              a === 'class'
+                ? `    .className=\${expression}  ← write to the className property (NOT .class, which is an expando)\n` +
+                  `    class="\${expression}"      ← full replacement (whole class string is the expression)\n` +
+                  `    .classList=\${{foo: true, bar: false}}  ← if/when implemented; verify in USAGE.md\n`
+                : a === 'style'
+                  ? `    .style.cssText=\${expression}  ← write CSS text to .style.cssText\n` +
+                    `    style="\${expression}"      ← full replacement of the style string\n`
+                  : `    ${a}="\${expression}"      ← full replacement (whole attr is the placeholder)\n` +
+                    `    .${a}=\${expression}        ← property assignment (preferred for objects/functions)\n`;
             // eslint-disable-next-line no-console
             console.warn(
               `[template] Partial attribute interpolation is not supported.\n` +
               `  Element: <${n.tagName.toLowerCase()}>\n` +
-              `  Attribute: ${attr.name}="${attr.value.slice(0, 80)}${attr.value.length > 80 ? '…' : ''}"\n` +
+              `  Attribute: ${a}="${attr.value.slice(0, 80)}${attr.value.length > 80 ? '…' : ''}"\n` +
               `  Use one of:\n` +
-              `    ${attr.name}="\${expression}"      ← full replacement (whole attr is the placeholder)\n` +
-              `    .${attr.name}=\${expression}        ← property assignment (preferred for objects/functions)\n` +
+              specific +
               `  Compute the full attr value as a single expression and interpolate the whole.`
             );
           }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.5.4",
-  "description": "AdiaUI web components — vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
+  "version": "0.5.5",
+  "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
   "type": "module",
   "types": "./index.d.ts",
   "exports": {