@adia-ai/web-components 0.0.28 → 0.0.33

package/components/color-picker/color-picker.js

@@ -13,10 +13,10 @@
  *   #3b82f6                                      [copy]
  *
  * Dogfoods: slider-ui (H/C/L channels)
- * Form-associated via AdiaFormElement + ElementInternals.
+ * Form-associated via UIFormElement + ElementInternals.
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 
 // ── OKLCH ↔ sRGB conversion ──────────────────────────────
 
@@ -109,9 +109,9 @@ function gamutMapChroma(L, C, H) {
 
 // ── Component ────────────────────────────────────────────
 
-class AdiaColorPicker extends AdiaFormElement {
+class UIColorPicker extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     value:    { type: String,  default: '#3b82f6', reflect: true },
     format:   { type: String,  default: 'hex',     reflect: true },
     disabled: { type: Boolean, default: false,      reflect: true },
@@ -536,5 +536,5 @@ class AdiaColorPicker extends AdiaFormElement {
   }
 }
 
-customElements.define('color-picker-ui', AdiaColorPicker);
-export { AdiaColorPicker };
+customElements.define('color-picker-ui', UIColorPicker);
+export { UIColorPicker };

package/components/color-picker/color-picker.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: AdiaColorPicker
+name: UIColorPicker
 tag: color-picker-ui
 component: ColorPicker
 category: input

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,
@@ -131,6 +140,15 @@ feed-item-ui[data-closing] {
   }
 }
 
+/* Phase 2 max-queue: items above [max] are appended with [data-queued]
+   and stay invisible until a visible sibling dismisses (at which point
+   `releaseContainerIfEmpty` strips the attribute). Display:none keeps
+   them out of the layout AND screen-reader-invisible — items not yet
+   shown shouldn't be announced. */
+feed-item-ui[data-queued] {
+  display: none;
+}
+
 /* Reduced-motion: skip slide-in/out, keep opacity. */
 @media (prefers-reduced-motion: reduce) {
   feed-item-ui[data-open],