@adia-ai/web-components 0.0.29 → 0.0.33

package/components/command/command.a2ui.json

@@ -72,7 +72,7 @@
       "keyboard",
       "keybinding"
     ],
-    "name": "AdiaCommand",
+    "name": "UICommand",
     "related": [],
     "slots": {
       "empty": {

package/components/command/command.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 /**
  * <command-ui> — Searchable command palette.
@@ -20,7 +20,7 @@ import { AdiaElement } from '../../core/element.js';
  *   select  — { detail: { value, label } }
  *   dismiss — Escape pressed
  */
-class AdiaCommand extends AdiaElement {
+class UICommand extends UIElement {
   static properties = {
     placeholder: { type: String, default: 'Type a command...', reflect: true },
     open:        { type: Boolean, default: false, reflect: true },
@@ -228,7 +228,7 @@ class AdiaCommand extends AdiaElement {
   #pushRecent(value) {
     if (!value) return;
     this.#recents = [value, ...this.#recents.filter(v => v !== value)]
-      .slice(0, AdiaCommand.#RECENTS_MAX);
+      .slice(0, UICommand.#RECENTS_MAX);
   }
 
   #createItemEl(item, idx) {
@@ -350,5 +350,5 @@ class AdiaCommand extends AdiaElement {
   }
 }
 
-customElements.define('command-ui', AdiaCommand);
-export { AdiaCommand };
+customElements.define('command-ui', UICommand);
+export { UICommand };

package/components/command/command.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaCommand
+name: UICommand
 tag: command-ui
 component: Command
 category: container

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

@@ -59,7 +59,7 @@
       "details",
       "dl"
     ],
-    "name": "AdiaDescriptionList",
+    "name": "UIDescriptionList",
     "related": [],
     "slots": {
       "[object Object]": {

package/components/description-list/description-list.js

@@ -19,9 +19,9 @@
  *   items     — optional JSON array of {term, description} pairs
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaDescriptionList extends AdiaElement {
+class UIDescriptionList extends UIElement {
   static properties = {
     layout: { type: String, default: 'stacked', reflect: true },
     align:  { type: String, default: 'start', reflect: true },
@@ -72,5 +72,5 @@ class AdiaDescriptionList extends AdiaElement {
   }
 }
 
-customElements.define('description-list-ui', AdiaDescriptionList);
-export { AdiaDescriptionList };
+customElements.define('description-list-ui', UIDescriptionList);
+export { UIDescriptionList };

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

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaDescriptionList
+name: UIDescriptionList
 tag: description-list-ui
 component: DescriptionList
 category: display

package/components/divider/divider.a2ui.json

@@ -54,7 +54,7 @@
       "separator",
       "spacer"
     ],
-    "name": "AdiaDivider",
+    "name": "UIDivider",
     "related": [
       "upload",
       "input",

package/components/divider/divider.js

@@ -7,9 +7,9 @@
  * Renders as a simple line, or a line broken by centered text.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaDivider extends AdiaElement {
+class UIDivider extends UIElement {
   static properties = {
     label:    { type: String,  default: '', reflect: true },
     vertical: { type: Boolean, default: false, reflect: true },
@@ -42,6 +42,6 @@ class AdiaDivider extends AdiaElement {
     }
   }
 }
-customElements.define('divider-ui', AdiaDivider);
+customElements.define('divider-ui', UIDivider);
 
-export { AdiaDivider };
+export { UIDivider };

package/components/divider/divider.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaDivider
+name: UIDivider
 tag: divider-ui
 component: Divider
 category: display

package/components/drawer/drawer.a2ui.json

@@ -84,7 +84,7 @@
       "collapse",
       "expand"
     ],
-    "name": "AdiaDrawer",
+    "name": "UIDrawer",
     "related": [
       "button",
       "empty-state",

package/components/drawer/drawer.js

@@ -29,9 +29,9 @@
  *   close — fired after the drawer finishes closing
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaDrawer extends AdiaElement {
+class UIDrawer extends UIElement {
   #bound = false;
   #closing = false;
   #previousFocus = null;
@@ -291,6 +291,6 @@ class AdiaDrawer extends AdiaElement {
   show() { this.open = true; }
   hide() { this.open = false; }
 }
-customElements.define('drawer-ui', AdiaDrawer);
+customElements.define('drawer-ui', UIDrawer);
 
-export { AdiaDrawer };
+export { UIDrawer };

package/components/drawer/drawer.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaDrawer
+name: UIDrawer
 tag: drawer-ui
 component: Drawer
 category: container

package/components/embed/embed.a2ui.json

@@ -69,7 +69,7 @@
       "widget",
       "third-party"
     ],
-    "name": "AdiaEmbed",
+    "name": "UIEmbed",
     "related": [
       "slider",
       "button"

package/components/embed/embed.js

@@ -10,9 +10,9 @@
  *   aspect — optional CSS aspect-ratio (e.g. '16/9')
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaEmbed extends AdiaElement {
+class UIEmbed extends UIElement {
   static properties = {
     src:    { type: String,  default: '', reflect: true },
     height: { type: String,  default: '400', reflect: true },
@@ -58,6 +58,6 @@ class AdiaEmbed extends AdiaElement {
     this.#iframe = null;
   }
 }
-customElements.define('embed-ui', AdiaEmbed);
+customElements.define('embed-ui', UIEmbed);
 
-export { AdiaEmbed };
+export { UIEmbed };

package/components/embed/embed.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaEmbed
+name: UIEmbed
 tag: embed-ui
 component: Embed
 category: agent

package/components/empty-state/empty-state.a2ui.json

@@ -58,7 +58,7 @@
       "empty",
       "state"
     ],
-    "name": "AdiaEmptyState",
+    "name": "UIEmptyState",
     "related": [
       "button",
       "drawer",

package/components/empty-state/empty-state.js

@@ -9,9 +9,9 @@
  * Note: Uses 'heading' attribute instead of 'title' to avoid native tooltip.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaEmptyState extends AdiaElement {
+class UIEmptyState extends UIElement {
   static properties = {
     icon:        { type: String, default: '', reflect: true },
     heading:     { type: String, default: '', reflect: true },
@@ -93,6 +93,6 @@ class AdiaEmptyState extends AdiaElement {
     this.#descEl = null;
   }
 }
-customElements.define('empty-state-ui', AdiaEmptyState);
+customElements.define('empty-state-ui', UIEmptyState);
 
-export { AdiaEmptyState };
+export { UIEmptyState };

package/components/empty-state/empty-state.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaEmptyState
+name: UIEmptyState
 tag: empty-state-ui
 component: EmptyState
 category: display

package/components/feed/feed-item.yaml

@@ -1,5 +1,5 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaFeedItem
+name: UIFeedItem
 tag: feed-item-ui
 component: FeedItem
 category: feedback
@@ -9,7 +9,7 @@ description: >-
   are inferred from the prop shape — auto-fade (duration > 0 + no
   action), sticky-dismissible (duration null/0), action-required
   (duration null/0 + action; future phase). Posted via
-  `AdiaFeed.post()` rather than authored directly.
+  `UIFeed.post()` rather than authored directly.
 props:
   text:
     description: Body copy

package/components/feed/feed.a2ui.json

@@ -2,7 +2,7 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$id": "https://adiaui.dev/a2ui/v0_9/components/Feed.json",
   "title": "Feed",
-  "description": "Shared top-layer feed channel. Per docs/specs/feed-channel.md (SPEC-FEED-CHANNEL-001). Per-position singletons mounted lazily into document.body via Popover API; consumers post via the static API (`AdiaFeed.post()`) or the global 'feed' CustomEvent.",
+  "description": "Shared top-layer feed channel. Per docs/specs/feed-channel.md (SPEC-FEED-CHANNEL-001). Per-position singletons mounted lazily into document.body via Popover API; consumers post via the static API (`UIFeed.post()`) or the global 'feed' CustomEvent.",
   "type": "object",
   "allOf": [
     {
@@ -46,7 +46,7 @@
     "events": {},
     "examples": [],
     "keywords": [],
-    "name": "AdiaFeedContainer",
+    "name": "UIFeedContainer",
     "related": [],
     "slots": {},
     "states": {},

package/components/feed/feed.css

@@ -41,9 +41,18 @@ feed-item-ui[data-closing] {
     width: max-content;
     max-width: var(--feed-max-width);
   }
-  /* Reset native popover defaults so the lane is invisible until
-     items render. */
-  :scope[popover] { background: none; color: inherit; }
+  /* Reset native popover defaults. UA stylesheet sets `margin: auto;
+     inset: 0; border: solid; padding: 0.25em` which would center the
+     lane and paint a chrome border — both fight the fixed-corner
+     anchoring below. */
+  :scope[popover] {
+    margin: 0;
+    inset: auto;
+    border: 0;
+    padding: 0;
+    background: none;
+    color: inherit;
+  }
 
   /* Position variants. Default = bottom-right. */
   :scope,

package/components/feed/feed.js

@@ -12,12 +12,12 @@
  *     (no auto-dismiss when `duration` is null/0; close button
  *     surfaces when `dismissible` is set) but the action-required
  *     focus-trap is deferred.
- *   - Static API:  AdiaFeed.post() / .get() / .clear() / .purge()
+ *   - Static API:  UIFeed.post() / .get() / .clear() / .purge()
  *     — `purge()` directly addresses the audit's L-B4 container-leak
  *     finding by giving consumers a tear-down hook.
  *   - Global event channel:  window.dispatchEvent(new CustomEvent(
  *       'feed', { detail: { text, position, ... } })) — same shape as
- *     AdiaFeed.post() so any code can post without importing the
+ *     UIFeed.post() so any code can post without importing the
  *     module directly. Idempotent listener install (HMR-safe).
  *
  * Toast migration (spec § 2.5) is deferred — toast-ui keeps its own
@@ -25,11 +25,11 @@
  * surface has soaked.
  */
 
-import { AdiaElement, html } from '../../core/element.js';
+import { UIElement, html } from '../../core/element.js';
 
 /* ── Container — one per position, mounted into document.body ── */
 
-class AdiaFeedContainer extends AdiaElement {
+class UIFeedContainer extends UIElement {
   static properties = {
     position: { type: String, default: 'bottom-right', reflect: true },
     max:      { type: Number, default: 5,              reflect: true },
@@ -42,11 +42,11 @@ class AdiaFeedContainer extends AdiaElement {
   }
 }
 
-customElements.define('feed-ui', AdiaFeedContainer);
+customElements.define('feed-ui', UIFeedContainer);
 
 /* ── Item — one per posted message ── */
 
-class AdiaFeedItem extends AdiaElement {
+class UIFeedItem extends UIElement {
   #timer = null;
   #removing = false;
   #closeTimer = null;
@@ -190,14 +190,14 @@ class AdiaFeedItem extends AdiaElement {
       const container = this.parentElement;
       this.dispatchEvent(new Event('close', { bubbles: true }));
       this.remove();
-      if (container?.matches?.('feed-ui')) AdiaFeed.releaseContainerIfEmpty(container);
+      if (container?.matches?.('feed-ui')) UIFeed.releaseContainerIfEmpty(container);
     }, this.#getDuration());
   }
 
   update(patch) {
     if (!patch || typeof patch !== 'object') return;
     for (const k of Object.keys(patch)) {
-      if (k in AdiaFeedItem.properties) this[k] = patch[k];
+      if (k in UIFeedItem.properties) this[k] = patch[k];
     }
     // Phase 2: handle is set via the FeedHandle's update(); not a
     // reflected attribute, so it lives outside the property loop.
@@ -251,11 +251,11 @@ class AdiaFeedItem extends AdiaElement {
   }
 }
 
-customElements.define('feed-item-ui', AdiaFeedItem);
+customElements.define('feed-item-ui', UIFeedItem);
 
-/* ── Static API — AdiaFeed ── */
+/* ── Static API — UIFeed ── */
 
-class AdiaFeed {
+class UIFeed {
   static #containers = new Map();
 
   /**
@@ -266,14 +266,14 @@ class AdiaFeed {
    * top-right + another in bottom-center) without collision.
    */
   static get(position = 'bottom-right') {
-    let el = AdiaFeed.#containers.get(position);
+    let el = UIFeed.#containers.get(position);
     if (el && el.isConnected) return el;
     el = document.createElement('feed-ui');
     el.setAttribute('position', position);
     if ('popover' in HTMLElement.prototype) el.setAttribute('popover', 'manual');
     document.body.appendChild(el);
     try { el.showPopover?.(); } catch { /* graceful fallback */ }
-    AdiaFeed.#containers.set(position, el);
+    UIFeed.#containers.set(position, el);
     return el;
   }
 
@@ -310,7 +310,7 @@ class AdiaFeed {
       onAction,
     } = opts;
     const v = variant === 'error' ? 'danger' : variant;  // documented alias
-    const container = AdiaFeed.get(position);
+    const container = UIFeed.get(position);
     // Phase 2 max-queue: items above [max] queue with [data-queued] and
     // become visible as visible items dismiss.
     const max = parseInt(container.getAttribute('max') || '5', 10);
@@ -339,7 +339,7 @@ class AdiaFeed {
 
   /** Clear all items in a single lane. */
   static clear(position = 'bottom-right') {
-    const el = AdiaFeed.#containers.get(position);
+    const el = UIFeed.#containers.get(position);
     if (!el) return;
     for (const item of [...el.children]) {
       if (item.tagName === 'FEED-ITEM-UI') item.dismiss?.();
@@ -348,11 +348,11 @@ class AdiaFeed {
 
   /** Tear down ALL containers. Test cleanup; addresses audit L-B4. */
   static purge() {
-    for (const el of AdiaFeed.#containers.values()) {
+    for (const el of UIFeed.#containers.values()) {
       try { el.hidePopover?.(); } catch { /* noop */ }
       el.remove();
     }
-    AdiaFeed.#containers.clear();
+    UIFeed.#containers.clear();
   }
 
   /** Internal: drop a lane when its last item exits. Also rotates the
@@ -367,19 +367,19 @@ class AdiaFeed {
     if (container.children.length > 0) return;
     try { container.hidePopover?.(); } catch { /* noop */ }
     container.remove();
-    for (const [pos, el] of AdiaFeed.#containers) {
-      if (el === container) AdiaFeed.#containers.delete(pos);
+    for (const [pos, el] of UIFeed.#containers) {
+      if (el === container) UIFeed.#containers.delete(pos);
     }
   }
 }
 
-/* Global 'feed' CustomEvent listener — same shape as AdiaFeed.post().
+/* Global 'feed' CustomEvent listener — same shape as UIFeed.post().
    Idempotent (HMR-safe via window flag). */
 if (typeof window !== 'undefined' && !window.__adiaFeedListenerInstalled) {
   window.__adiaFeedListenerInstalled = true;
   window.addEventListener('feed', (e) => {
-    if (e?.detail && typeof e.detail === 'object') AdiaFeed.post(e.detail);
+    if (e?.detail && typeof e.detail === 'object') UIFeed.post(e.detail);
   });
 }
 
-export { AdiaFeedContainer, AdiaFeedItem, AdiaFeed };
+export { UIFeedContainer, UIFeedItem, UIFeed };

package/components/feed/feed.yaml

@@ -1,7 +1,7 @@
 # Generated alongside feed.js — kept in sync by hand for now (feed
 # is a Phase-1 skeleton; once it stabilizes, run the regen pipeline).
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaFeedContainer
+name: UIFeedContainer
 tag: feed-ui
 component: Feed
 category: container
@@ -10,7 +10,7 @@ description: >-
   Shared top-layer feed channel. Per docs/specs/feed-channel.md
   (SPEC-FEED-CHANNEL-001). Per-position singletons mounted lazily into
   document.body via Popover API; consumers post via the static API
-  (`AdiaFeed.post()`) or the global 'feed' CustomEvent.
+  (`UIFeed.post()`) or the global 'feed' CustomEvent.
 props:
   position:
     description: Lane the feed renders into

package/components/field/field.a2ui.json

@@ -64,7 +64,7 @@
       "input",
       "wrapper"
     ],
-    "name": "AdiaField",
+    "name": "UIField",
     "related": [
       "input",
       "select",

package/components/field/field.js

@@ -32,9 +32,9 @@
  * MutationObserver watches childList so a swapped-in control gets its
  * `for=` and `aria-describedby` rebound.
  */
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaField extends AdiaElement {
+class UIField extends UIElement {
   static properties = {
     label:    { type: String,  default: '',    reflect: true },
     hint:     { type: String,  default: '',    reflect: true },
@@ -42,7 +42,7 @@ class AdiaField extends AdiaElement {
     inline:   { type: Boolean, default: false, reflect: true },
   };
 
-  // The validation message lives on the child control (AdiaFormElement.error
+  // The validation message lives on the child control (UIFormElement.error
   // is the single source of truth — validity is a property of the value, not
   // of the layout wrapper). field-ui mirrors the child's error string into
   // its own [data-field-error] slot so the validation message renders below
@@ -184,7 +184,7 @@ class AdiaField extends AdiaElement {
     const el = document.createElement('div');
     el.setAttribute('slot', 'hint');
     el.setAttribute('data-field-hint', '');
-    el.setAttribute('id', AdiaField.#nextMsgId('hint'));
+    el.setAttribute('id', UIField.#nextMsgId('hint'));
     el.hidden = true;
     this.appendChild(el);
     this.#hintEl = el;
@@ -196,7 +196,7 @@ class AdiaField extends AdiaElement {
     const el = document.createElement('div');
     el.setAttribute('slot', 'error');
     el.setAttribute('data-field-error', '');
-    el.setAttribute('id', AdiaField.#nextMsgId('err'));
+    el.setAttribute('id', UIField.#nextMsgId('err'));
     el.setAttribute('role', 'alert');
     el.hidden = true;
     this.appendChild(el);
@@ -210,7 +210,7 @@ class AdiaField extends AdiaElement {
       this.#labelEl.removeAttribute('for');
       return;
     }
-    if (!control.id) control.id = AdiaField.#nextId();
+    if (!control.id) control.id = UIField.#nextId();
     this.#labelEl.setAttribute('for', control.id);
   }
 
@@ -247,10 +247,10 @@ class AdiaField extends AdiaElement {
   }
 
   static #idSeq = 0;
-  static #nextId() { return `field-ctl-${++AdiaField.#idSeq}`; }
+  static #nextId() { return `field-ctl-${++UIField.#idSeq}`; }
   static #msgSeq = 0;
-  static #nextMsgId(kind) { return `field-${kind}-${++AdiaField.#msgSeq}`; }
+  static #nextMsgId(kind) { return `field-${kind}-${++UIField.#msgSeq}`; }
 }
 
-customElements.define('field-ui', AdiaField);
-export { AdiaField };
+customElements.define('field-ui', UIField);
+export { UIField };

package/components/field/field.yaml

@@ -1,6 +1,6 @@
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaField
+name: UIField
 tag: field-ui
 component: Field
 category: form
@@ -29,7 +29,7 @@ props:
     default: ""
     reflect: true
   # `error` is mirrored from the slotted control's `error` property.
-  # AdiaFormElement.error is the source of truth; field-ui renders the
+  # UIFormElement.error is the source of truth; field-ui renders the
   # message below the control in danger style, role="alert" so screen
   # readers announce changes. There is no field-level error attribute —
   # set the message on the control: `<field-ui><input-ui error="…"></input-ui></field-ui>`.

package/components/footer/footer.a2ui.json

@@ -51,7 +51,7 @@
     "keywords": [
       "footer"
     ],
-    "name": "AdiaFooter",
+    "name": "UIFooter",
     "related": [
       "avatar",
       "input",

package/components/footer/footer.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaFooter
+name: UIFooter
 tag: footer-ui
 component: Footer
 category: container

package/components/grid/grid.a2ui.json

@@ -69,7 +69,7 @@
       "portfolio",
       "responsive"
     ],
-    "name": "AdiaGrid",
+    "name": "UIGrid",
     "related": [
       "button",
       "badge",

package/components/grid/grid.js

@@ -5,9 +5,9 @@
  * <grid-ui columns="2" column-gap="2" row-gap="4">...</grid-ui>
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaGrid extends AdiaElement {
+class UIGrid extends UIElement {
   static properties = {
     columns:   { type: String, default: '3',  reflect: true },
     gap:       { type: String, default: 'md', reflect: true },
@@ -16,6 +16,6 @@ class AdiaGrid extends AdiaElement {
   };
   static template = () => null;
 }
-customElements.define('grid-ui', AdiaGrid);
+customElements.define('grid-ui', UIGrid);
 
-export { AdiaGrid };
+export { UIGrid };

package/components/grid/grid.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaGrid
+name: UIGrid
 tag: grid-ui
 component: Grid
 category: layout

package/components/header/header.a2ui.json

@@ -45,7 +45,7 @@
     "keywords": [
       "header"
     ],
-    "name": "AdiaHeader",
+    "name": "UIHeader",
     "related": [
       "avatar",
       "input",