@adia-ai/web-components 0.0.28 → 0.0.33

package/components/breadcrumb/breadcrumb.a2ui.json

@@ -59,7 +59,7 @@
       "breadcrumbs",
       "back"
     ],
-    "name": "AdiaBreadcrumb",
+    "name": "UIBreadcrumb",
     "related": [],
     "slots": {},
     "states": [

package/components/breadcrumb/breadcrumb.js

@@ -19,9 +19,9 @@
  * z-index battles inside scrolling containers).
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaBreadcrumb extends AdiaElement {
+class UIBreadcrumb extends UIElement {
   static properties = {
     separator:            { type: String,  default: '/', reflect: true },
     collapse:             { type: Boolean, default: false, reflect: true },
@@ -118,5 +118,5 @@ class AdiaBreadcrumb extends AdiaElement {
   }
 }
 
-customElements.define('breadcrumb-ui', AdiaBreadcrumb);
-export { AdiaBreadcrumb };
+customElements.define('breadcrumb-ui', UIBreadcrumb);
+export { UIBreadcrumb };

package/components/breadcrumb/breadcrumb.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: AdiaBreadcrumb
+name: UIBreadcrumb
 tag: breadcrumb-ui
 component: Breadcrumb
 category: navigation

package/components/button/button.a2ui.json

@@ -97,7 +97,7 @@
     },
     "examples": [],
     "keywords": [],
-    "name": "AdiaButton",
+    "name": "UIButton",
     "related": [],
     "slots": {
       "leading": {

package/components/button/button.js

@@ -1,7 +1,7 @@
-import { AdiaElement, signal, html } from '../../core/element.js';
+import { UIElement, signal, html } from '../../core/element.js';
 import { getIcon } from '../../core/icons.js';
 
-class AdiaButton extends AdiaElement {
+class UIButton extends UIElement {
   static properties = {
     text:     { type: String,  default: '', reflect: true },
     variant:  { type: String,  default: 'solid', reflect: true },
@@ -59,6 +59,6 @@ class AdiaButton extends AdiaElement {
     this.removeEventListener('keydown', this.#onKey);
   }
 }
-customElements.define('button-ui', AdiaButton);
+customElements.define('button-ui', UIButton);
 
-export { AdiaButton };
+export { UIButton };

package/components/button/button.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: AdiaButton
+name: UIButton
 tag: button-ui
 component: Button
 category: action

package/components/calendar-picker/calendar-picker.a2ui.json

@@ -102,7 +102,7 @@
       "calendar",
       "picker"
     ],
-    "name": "AdiaCalendarPicker",
+    "name": "UICalendarPicker",
     "related": [
       "input",
       "button",

package/components/calendar-picker/calendar-picker.js

@@ -2,7 +2,7 @@
  * <calendar-picker-ui label="Date" placeholder="Select date..." format="short"></calendar-picker-ui>
  *
  * Date picker with trigger button and popover calendar grid.
- * Form-associated via AdiaFormElement + ElementInternals.
+ * Form-associated via UIFormElement + ElementInternals.
  *
  * Properties:
  *   label       — field label (rendered via CSS ::before)
@@ -15,7 +15,7 @@
  * Keyboard: Arrow keys navigate days, Enter selects, Escape closes.
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 import { anchorPopover } from '../../core/anchor.js';
 
 const DAYS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
@@ -39,9 +39,9 @@ function sameDay(a, b) {
     a.getDate() === b.getDate();
 }
 
-class AdiaCalendarPicker extends AdiaFormElement {
+class UICalendarPicker extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     label:       { type: String,  default: '', reflect: true },
     placeholder: { type: String,  default: 'Select date...', reflect: true },
     format:      { type: String,  default: 'short', reflect: true },
@@ -336,6 +336,6 @@ class AdiaCalendarPicker extends AdiaFormElement {
     this.#trigger = null;
   }
 }
-customElements.define('calendar-picker-ui', AdiaCalendarPicker);
+customElements.define('calendar-picker-ui', UICalendarPicker);
 
-export { AdiaCalendarPicker };
+export { UICalendarPicker };

package/components/calendar-picker/calendar-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: AdiaCalendarPicker
+name: UICalendarPicker
 tag: calendar-picker-ui
 component: CalendarPicker
 category: input

package/components/canvas/canvas.a2ui.json

@@ -53,7 +53,7 @@
     "keywords": [
       "canvas"
     ],
-    "name": "AdiaCanvas",
+    "name": "UICanvas",
     "related": [],
     "slots": {
       "default": {

package/components/canvas/canvas.js

@@ -1,5 +1,5 @@
-import { AdiaElement } from '../../core/element.js';
-import '../../patterns/a2ui-root/a2ui-root.js';
+import { UIElement } from '../../core/element.js';
+import '../../../web-modules/runtime/a2ui-root/a2ui-root.js';
 
 /**
  * <canvas-ui> — A2UI rendering surface.
@@ -11,7 +11,7 @@ import '../../patterns/a2ui-root/a2ui-root.js';
  *   canvas-interaction — user interacts with rendered components.
  *     Detail: { type, targetTag, targetId, value }
  */
-export class AdiaCanvas extends AdiaElement {
+export class UICanvas extends UIElement {
   static properties = {
     theme: { type: String, default: '', reflect: true },
   };
@@ -130,7 +130,7 @@ export class AdiaCanvas extends AdiaElement {
       this.#history = this.#history.slice(0, this.#historyIndex + 1);
     }
     this.#history.push(messages ? [...messages] : []);
-    if (this.#history.length > AdiaCanvas.MAX_HISTORY) this.#history.shift();
+    if (this.#history.length > UICanvas.MAX_HISTORY) this.#history.shift();
     this.#historyIndex = this.#history.length - 1;
   }
 
@@ -176,4 +176,4 @@ export class AdiaCanvas extends AdiaElement {
   }
 }
 
-customElements.define('canvas-ui', AdiaCanvas);
+customElements.define('canvas-ui', UICanvas);

package/components/canvas/canvas.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: AdiaCanvas
+name: UICanvas
 tag: canvas-ui
 component: Canvas
 category: agent

package/components/card/card.a2ui.json

@@ -108,7 +108,7 @@
       "portfolio",
       "responsive"
     ],
-    "name": "AdiaCard",
+    "name": "UICard",
     "related": [
       "avatar",
       "input",

package/components/card/card.js

@@ -23,10 +23,10 @@
  *   draggable — enables drag handle + cursor:grab; wires the draggable trait
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { draggable } from '../../traits/draggable.js';
 
-class AdiaCard extends AdiaElement {
+class UICard extends UIElement {
   static properties = {
     variant:   { type: String,  default: 'default', reflect: true },
     size:      { type: String,  default: '',         reflect: true },
@@ -54,5 +54,5 @@ class AdiaCard extends AdiaElement {
   }
 }
 
-customElements.define('card-ui', AdiaCard);
-export { AdiaCard };
+customElements.define('card-ui', UICard);
+export { UICard };

package/components/card/card.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: AdiaCard
+name: UICard
 tag: card-ui
 component: Card
 category: container

package/components/chart/chart.a2ui.json

@@ -176,7 +176,7 @@
       "crm",
       "poll"
     ],
-    "name": "AdiaChart",
+    "name": "UIChart",
     "related": [
       "button",
       "grid",

package/components/chart/chart.js

@@ -19,7 +19,7 @@
  *   .data = [{...}, ...]  — array of data objects
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 /* ── Helpers ────────────────────────────────────────────────────── */
 
@@ -198,7 +198,7 @@ const ASPECTS = {
 
 /* ── Component ──────────────────────────────────────────────────── */
 
-class AdiaChart extends AdiaElement {
+class UIChart extends UIElement {
   static properties = {
     type:        { type: String,  default: 'bar',    reflect: true },
     heading:     { type: String,  default: '',       reflect: true },
@@ -281,7 +281,7 @@ class AdiaChart extends AdiaElement {
        entry point is the `.data` property (set programmatically), but
        consumers commonly try the same declarative attribute shape that
        every other chart prop accepts — `<chart-ui data='[…]' x="m"
-       y="v">`. AdiaElement's property system doesn't deserialize JSON
+       y="v">`. UIElement's property system doesn't deserialize JSON
        array attributes, so a static-HTML chart authored that way would
        otherwise render empty. JSON-parse once at connect; malformed
        payloads are ignored silently and a property assignment later
@@ -2135,6 +2135,6 @@ class AdiaChart extends AdiaElement {
     return legend;
   }
 }
-customElements.define('chart-ui', AdiaChart);
+customElements.define('chart-ui', UIChart);
 
-export { AdiaChart };
+export { UIChart };

package/components/chart/chart.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: AdiaChart
+name: UIChart
 tag: chart-ui
 component: Chart
 category: agent

package/components/chart-legend/chart-legend.a2ui.json

@@ -97,7 +97,7 @@
       "graph",
       "visualization"
     ],
-    "name": "AdiaChartLegend",
+    "name": "UIChartLegend",
     "related": [
       "chart",
       "badge",

package/components/chart-legend/chart-legend.js

@@ -34,9 +34,9 @@
  *            not [static]. `active` is the new state (true=visible).
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaChartLegend extends AdiaElement {
+class UIChartLegend extends UIElement {
   static properties = {
     for:      { type: String,  default: '',       reflect: true },
     // Items is a JSON-encoded array; reflecting to the attribute would
@@ -79,11 +79,11 @@ class AdiaChartLegend extends AdiaElement {
       || document.getElementById(this.for);
     if (!el) {
       // Warn once per (element × id) pair
-      if (!AdiaChartLegend._warned) AdiaChartLegend._warned = new WeakSet();
+      if (!UIChartLegend._warned) UIChartLegend._warned = new WeakSet();
       const marker = { el: this, id: this.for };
-      if (!AdiaChartLegend._warned.has(this)) {
+      if (!UIChartLegend._warned.has(this)) {
         console.warn(`[chart-legend-ui] [for="${this.for}"] did not resolve to an element.`);
-        AdiaChartLegend._warned.add(this);
+        UIChartLegend._warned.add(this);
       }
       return;
     }
@@ -201,6 +201,6 @@ class AdiaChartLegend extends AdiaElement {
   }
 }
 
-customElements.define('chart-legend-ui', AdiaChartLegend);
+customElements.define('chart-legend-ui', UIChartLegend);
 
-export { AdiaChartLegend };
+export { UIChartLegend };

package/components/chart-legend/chart-legend.yaml

@@ -1,5 +1,5 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaChartLegend
+name: UIChartLegend
 tag: chart-legend-ui
 component: ChartLegend
 category: agent

package/components/{chat → chat-thread}/chat-input.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 /**
  * <chat-input-ui> — Composable chat input bar.
@@ -33,11 +33,11 @@ import { AdiaElement } from '../../core/element.js';
  *
  * Note:
  *   Composite wrapper, not a form field itself. The inner textarea-ui is
- *   form-associated via AdiaFormElement and submits through the parent
+ *   form-associated via UIFormElement and submits through the parent
  *   form. `chat-input-ui`'s `disabled` / `placeholder` props propagate to
  *   the inner textarea.
  */
-class AdiaChatInput extends AdiaElement {
+class UIChatInput extends UIElement {
   static properties = {
     disabled:    { type: Boolean, default: false, reflect: true },
     loading:     { type: Boolean, default: false, reflect: true },
@@ -263,6 +263,6 @@ class AdiaChatInput extends AdiaElement {
     this.#fileInput = null;
   }
 }
-customElements.define('chat-input-ui', AdiaChatInput);
+customElements.define('chat-input-ui', UIChatInput);
 
-export { AdiaChatInput };
+export { UIChatInput };

package/components/{chat/chat.a2ui.json → chat-thread/chat-thread.a2ui.json}

@@ -1,8 +1,8 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://adiaui.dev/a2ui/v0_9/components/Chat.json",
-  "title": "Chat",
-  "description": "Minimal chat container.",
+  "$id": "https://adiaui.dev/a2ui/v0_9/components/ChatThread.json",
+  "title": "ChatThread",
+  "description": "Minimal chat-thread container.",
   "type": "object",
   "allOf": [
     {
@@ -14,7 +14,7 @@
   ],
   "properties": {
     "component": {
-      "const": "Chat"
+      "const": "ChatThread"
     },
     "streaming": {
       "description": "Component property: streaming.",
@@ -75,7 +75,7 @@
       "comment",
       "support"
     ],
-    "name": "AdiaChat",
+    "name": "UIChatThread",
     "related": [],
     "slots": {
       "default": {
@@ -173,7 +173,7 @@
         "chat"
       ]
     },
-    "tag": "chat-ui",
+    "tag": "chat-thread-ui",
     "tokens": {},
     "traits": [],
     "version": 1

package/components/{chat/chat.css → chat-thread/chat-thread.css}

@@ -1,4 +1,4 @@
-@scope (chat-ui) {
+@scope (chat-thread-ui) {
   :where(:scope) {
     /* ── Layout ── */
     --chat-border-color:          var(--a-border-subtle);
@@ -188,5 +188,5 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  chat-ui [slot="cursor"] { animation: none; opacity: 0.7; }
+  chat-thread-ui [slot="cursor"] { animation: none; opacity: 0.7; }
 }

package/components/{chat/chat.js → chat-thread/chat-thread.js}

@@ -1,4 +1,4 @@
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { renderMarkdown } from '../../core/markdown.js';
 
 function escapeHTML(s) {
@@ -6,10 +6,10 @@ function escapeHTML(s) {
 }
 
 /**
- * <chat-ui> — Minimal chat container.
+ * <chat-thread-ui> — Minimal chat-thread container.
  *
  * Structure:
- *   <chat-ui>
+ *   <chat-thread-ui>
  *     <header>
  *       <span slot="avatar">AI</span>
  *       <span slot="name">Assistant</span>
@@ -20,7 +20,7 @@ function escapeHTML(s) {
  *     <footer>
  *       <chat-input-ui placeholder="Type a message..."></chat-input-ui>
  *     </footer>
- *   </chat-ui>
+ *   </chat-thread-ui>
  *
  * JS API:
  *   chat.appendMessage({ role: 'user', content: 'Hello' })
@@ -34,7 +34,7 @@ function escapeHTML(s) {
  * Events:
  *   submit       — user pressed send (detail: { text, model })
  */
-class AdiaChat extends AdiaElement {
+class UIChatThread extends UIElement {
   static properties = {
     streaming: { type: Boolean, default: false, reflect: true },
   };
@@ -161,6 +161,6 @@ class AdiaChat extends AdiaElement {
     });
   }
 }
-customElements.define('chat-ui', AdiaChat);
+customElements.define('chat-thread-ui', UIChatThread);
 
-export { AdiaChat };
+export { UIChatThread };

package/components/{chat/chat.yaml → chat-thread/chat-thread.yaml}

@@ -1,12 +1,12 @@
 # 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: AdiaChat
-tag: chat-ui
-component: Chat
+name: UIChatThread
+tag: chat-thread-ui
+component: ChatThread
 category: agent
 version: 1
-description: Minimal chat container.
+description: Minimal chat-thread container.
 props:
   streaming:
     description: "Component property: streaming."

package/components/check/check.a2ui.json

@@ -79,7 +79,7 @@
     "keywords": [
       "check"
     ],
-    "name": "AdiaCheck",
+    "name": "UICheck",
     "related": [],
     "slots": {
       "box": {

package/components/check/check.js

@@ -3,12 +3,12 @@
  * Pure CSS checkmark via border trick on [slot="box"]::after. No SVG.
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 import { html } from '../../core/element.js';
 
-class AdiaCheck extends AdiaFormElement {
+class UICheck extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     checked:       { type: Boolean, default: false, reflect: true },
     indeterminate: { type: Boolean, default: false, reflect: true },
     label:         { type: String,  default: '', reflect: true },
@@ -53,6 +53,6 @@ class AdiaCheck extends AdiaFormElement {
     this.removeEventListener('keydown', this.#onKey);
   }
 }
-customElements.define('check-ui', AdiaCheck);
+customElements.define('check-ui', UICheck);
 
-export { AdiaCheck };
+export { UICheck };

package/components/check/check.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: AdiaCheck
+name: UICheck
 tag: check-ui
 component: Check
 category: layout

package/components/code/code.a2ui.json

@@ -115,7 +115,7 @@
       "api",
       "developer"
     ],
-    "name": "AdiaCode",
+    "name": "UICode",
     "related": [
       "badge",
       "button"

package/components/code/code.js

@@ -23,7 +23,7 @@
  * contribute nothing to form submission when `[editable]` is absent.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 const SUPPORTED_LANGUAGES = new Set([
   'json', 'html', 'javascript', 'js', 'css', 'markdown', 'md', 'yaml', 'yml',
@@ -42,7 +42,7 @@ function canonicalLanguage(name) {
   return LANGUAGE_ALIAS[lower] ?? lower;
 }
 
-class AdiaCode extends AdiaElement {
+class UICode extends UIElement {
   static formAssociated = true;
 
   static properties = {
@@ -485,6 +485,6 @@ class AdiaCode extends AdiaElement {
     }
   }
 }
-customElements.define('code-ui', AdiaCode);
+customElements.define('code-ui', UICode);
 
-export { AdiaCode };
+export { UICode };

package/components/code/code.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: AdiaCode
+name: UICode
 tag: code-ui
 component: Code
 category: display

package/components/col/col.a2ui.json

@@ -56,7 +56,7 @@
       "column",
       "col"
     ],
-    "name": "AdiaColumn",
+    "name": "UIColumn",
     "related": [
       "avatar",
       "input",

package/components/col/col.js

@@ -4,9 +4,9 @@
  * <col-ui gap="md" align="center">...</col-ui>
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaCol extends AdiaElement {
+class UICol extends UIElement {
   static properties = {
     justify: { type: String, default: 'start',   reflect: true },
     align:   { type: String, default: 'stretch', reflect: true },
@@ -14,6 +14,6 @@ class AdiaCol extends AdiaElement {
   };
   static template = () => null;
 }
-customElements.define('col-ui', AdiaCol);
+customElements.define('col-ui', UICol);
 
-export { AdiaCol };
+export { UICol };

package/components/col/col.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: AdiaColumn
+name: UIColumn
 tag: col-ui
 component: Column
 category: layout

package/components/color-picker/color-picker.a2ui.json

@@ -74,7 +74,7 @@
       "color",
       "picker"
     ],
-    "name": "AdiaColorPicker",
+    "name": "UIColorPicker",
     "related": [
       "grid",
       "button"