@adia-ai/web-components 0.0.28 → 0.0.33

package/README.md

@@ -46,20 +46,16 @@ web-components/
 │   └── data-stream.js   `data-stream-*` attribute trait (HTTP/SSE/WS,
 │                        signal-backed, refcounted shared transports)
 │
-├── components/     — 80 *-ui custom elements
+├── components/     — 80 *-ui custom elements (primitives)
 │   └── <tag>/
 │       ├── <tag>.js       class definition (extends AdiaElement)
 │       ├── <tag>.css      @scope(tag-ui) two-block: tokens + styles
 │       ├── <tag>.yaml     authoring contract (props, slots, events, examples)
 │       └── <tag>.a2ui.json  generated — do NOT edit
 │
-├── patterns/       — Higher-level compositions
-│   ├── app-shell, app-nav*, section-nav*  — admin layout scaffolding
-│   ├── adia-chat, adia-editor, gen-ui     — LLM + editor + gen-UI patterns
-│   ├── a2ui-root                          — A2UI declarative host (moved
-│   │                                        from a2ui/ in 0.0.4; pairs
-│   │                                        with @adia-ai/a2ui-utils)
-│   └── index.js                           — registers all patterns
+│  Composite elements (app-shell, app-nav*, adia-chat, adia-editor,
+│  gen-ui, a2ui-root) ship in the sibling `@adia-ai/web-modules`
+│  package as of 0.0.29 — see ADR-0012 for the three-tier rationale.
 │
 ├── traits/         — 42 composable behaviors via defineTrait()
 │                     (pressable, focusTrap, confetti, resizable, …)

package/a2ui/index.js

@@ -11,7 +11,7 @@
  *
  * The declarative `<a2ui-root>` custom element also moved — it now lives
  * in the patterns directory. Import it via:
- *   import '@adia-ai/web-components/patterns/a2ui-root/a2ui-root.js';
+ *   import '@adia-ai/web-modules/runtime/a2ui-root/a2ui-root.js';
  */
 
 if (typeof console !== 'undefined' && !globalThis.__a2ui_subpath_warned) {

package/components/accordion/accordion.a2ui.json

@@ -57,7 +57,7 @@
       "collapse",
       "expand"
     ],
-    "name": "AdiaAccordion",
+    "name": "UIAccordion",
     "related": [
       "accordion-item",
       "input",

package/components/accordion/accordion.js

@@ -12,11 +12,11 @@
  *   toggle — { detail: { open } }
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 // ── Accordion Container ────────────────────────────────────────
 
-class AdiaAccordion extends AdiaElement {
+class UIAccordion extends UIElement {
   static properties = {
     multiple: { type: Boolean, default: false, reflect: true },
   };
@@ -46,11 +46,11 @@ class AdiaAccordion extends AdiaElement {
     }
   };
 }
-customElements.define('accordion-ui', AdiaAccordion);
+customElements.define('accordion-ui', UIAccordion);
 
 // ── Accordion Item ─────────────────────────────────────────────
 
-class AdiaAccordionItem extends AdiaElement {
+class UIAccordionItem extends UIElement {
   static properties = {
     text: { type: String,  default: '', reflect: true },
     open: { type: Boolean, default: false, reflect: true },
@@ -120,6 +120,6 @@ class AdiaAccordionItem extends AdiaElement {
     }));
   };
 }
-customElements.define('accordion-item-ui', AdiaAccordionItem);
+customElements.define('accordion-item-ui', UIAccordionItem);
 
-export { AdiaAccordion, AdiaAccordionItem };
+export { UIAccordion, UIAccordionItem };

package/components/accordion/accordion.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: AdiaAccordion
+name: UIAccordion
 tag: accordion-ui
 component: Accordion
 category: container

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

@@ -42,7 +42,7 @@
       "action",
       "list"
     ],
-    "name": "AdiaActionList",
+    "name": "UIActionList",
     "related": [],
     "slots": {
       "default (action-item-ui children)": {

package/components/action-list/action-list.js

@@ -15,9 +15,9 @@
  * or activated via keyboard (Enter / Space). Keyboard nav: ArrowUp/Down, Home/End.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaActionList extends AdiaElement {
+class UIActionList extends UIElement {
   static properties = {};
   static template = () => null;
 
@@ -75,9 +75,9 @@ class AdiaActionList extends AdiaElement {
   };
 }
 
-customElements.define('action-list-ui', AdiaActionList);
+customElements.define('action-list-ui', UIActionList);
 
-class AdiaActionItem extends AdiaElement {
+class UIActionItem extends UIElement {
   static properties = {
     icon:     { type: String,  default: '', reflect: true },
     text:     { type: String,  default: '', reflect: true },
@@ -144,6 +144,6 @@ class AdiaActionItem extends AdiaElement {
   }
 }
 
-customElements.define('action-item-ui', AdiaActionItem);
+customElements.define('action-item-ui', UIActionItem);
 
-export { AdiaActionList, AdiaActionItem };
+export { UIActionList, UIActionItem };

package/components/action-list/action-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: AdiaActionList
+name: UIActionList
 tag: action-list-ui
 component: ActionList
 category: navigation

package/components/agent-artifact/agent-artifact.a2ui.json

@@ -68,7 +68,7 @@
       "preview",
       "attachment"
     ],
-    "name": "AdiaAgentArtifact",
+    "name": "UIAgentArtifact",
     "related": [
       "card-ui",
       "code-ui"

package/components/agent-artifact/agent-artifact.js

@@ -27,7 +27,7 @@
  *   artifact-toggle — detail: { collapsed }
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 const TONE_TO_BADGE_VARIANT = {
   neutral: 'default',
@@ -36,7 +36,7 @@ const TONE_TO_BADGE_VARIANT = {
   danger:  'danger',
 };
 
-class AdiaAgentArtifact extends AdiaElement {
+class UIAgentArtifact extends UIElement {
   static properties = {
     title:     { type: String,  default: '', reflect: true },
     kind:      { type: String,  default: '', reflect: true },
@@ -186,5 +186,5 @@ class AdiaAgentArtifact extends AdiaElement {
   }
 }
 
-customElements.define('agent-artifact-ui', AdiaAgentArtifact);
-export { AdiaAgentArtifact };
+customElements.define('agent-artifact-ui', UIAgentArtifact);
+export { UIAgentArtifact };

package/components/agent-artifact/agent-artifact.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: AdiaAgentArtifact
+name: UIAgentArtifact
 tag: agent-artifact-ui
 component: AgentArtifact
 category: agent

package/components/agent-feedback-bar/agent-feedback-bar.a2ui.json

@@ -61,7 +61,7 @@
       "save",
       "bookmark"
     ],
-    "name": "AdiaAgentFeedbackBar",
+    "name": "UIAgentFeedbackBar",
     "related": [
       "agent-suggestions-ui",
       "agent-trace-ui"

package/components/agent-feedback-bar/agent-feedback-bar.js

@@ -30,9 +30,9 @@
  *   .reset()                      clear status, re-enable buttons
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaAgentFeedbackBar extends AdiaElement {
+class UIAgentFeedbackBar extends UIElement {
   static properties = {
     saveLabel: { type: String,  default: '',                reflect: true, attribute: 'save-label' },
     saveIcon:  { type: String,  default: 'bookmark-simple', reflect: true, attribute: 'save-icon' },
@@ -148,5 +148,5 @@ function makeButton({ icon, text = '' }) {
   return btn;
 }
 
-customElements.define('agent-feedback-bar-ui', AdiaAgentFeedbackBar);
-export { AdiaAgentFeedbackBar };
+customElements.define('agent-feedback-bar-ui', UIAgentFeedbackBar);
+export { UIAgentFeedbackBar };

package/components/agent-feedback-bar/agent-feedback-bar.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: AdiaAgentFeedbackBar
+name: UIAgentFeedbackBar
 tag: agent-feedback-bar-ui
 component: AgentFeedbackBar
 category: agent

package/components/agent-questions/agent-questions.a2ui.json

@@ -64,7 +64,7 @@
       "elicit",
       "clarify"
     ],
-    "name": "AdiaAgentQuestions",
+    "name": "UIAgentQuestions",
     "related": [
       "agent-suggestions-ui",
       "agent-reasoning-ui"

package/components/agent-questions/agent-questions.js

@@ -26,9 +26,9 @@
  *   questions-answer — detail: { selected: string[], option: chosen | null }
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaAgentQuestions extends AdiaElement {
+class UIAgentQuestions extends UIElement {
   static properties = {
     multi:       { type: Boolean, default: false, reflect: true },
     question:    { type: String,  default: '',    reflect: true },
@@ -185,5 +185,5 @@ function escapeAttr(s) {
   return String(s).replace(/"/g, '"');
 }
 
-customElements.define('agent-questions-ui', AdiaAgentQuestions);
-export { AdiaAgentQuestions };
+customElements.define('agent-questions-ui', UIAgentQuestions);
+export { UIAgentQuestions };

package/components/agent-questions/agent-questions.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: AdiaAgentQuestions
+name: UIAgentQuestions
 tag: agent-questions-ui
 component: AgentQuestions
 category: agent

package/components/agent-reasoning/agent-reasoning.a2ui.json

@@ -78,7 +78,7 @@
       "plan",
       "iteration"
     ],
-    "name": "AdiaAgentReasoning",
+    "name": "UIAgentReasoning",
     "related": [
       "agent-trace-ui",
       "pipeline-status-ui"
@@ -95,8 +95,8 @@
       }
     ],
     "synonyms": {
-      "chain-of-thought-n": "agent-reasoning-ui",
-      "cot-n": "agent-reasoning-ui"
+      "chain-of-thought-ui": "agent-reasoning-ui",
+      "cot-ui": "agent-reasoning-ui"
     },
     "tag": "agent-reasoning-ui",
     "tokens": {},

package/components/agent-reasoning/agent-reasoning.js

@@ -45,7 +45,7 @@
  *   reasoning-finish       — .finish() was called (detail: { summary, status })
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 // Status lifecycle for the reasoning surface as a whole.
 //   active  — still thinking (default; renders the spinner)
@@ -54,7 +54,7 @@ import { AdiaElement } from '../../core/element.js';
 //   idle    — not started (renders muted dot)
 const REASONING_STATUSES = new Set(['idle', 'active', 'done', 'error']);
 
-class AdiaAgentReasoning extends AdiaElement {
+class UIAgentReasoning extends UIElement {
   static properties = {
     collapsed:       { type: Boolean, default: false,    reflect: true },
     noAutocollapse:  { type: Boolean, default: false,    reflect: true, attribute: 'no-autocollapse' },
@@ -499,5 +499,5 @@ function formatDuration(ms) {
   return Math.round(ms / 1000) + 's';
 }
 
-customElements.define('agent-reasoning-ui', AdiaAgentReasoning);
-export { AdiaAgentReasoning };
+customElements.define('agent-reasoning-ui', UIAgentReasoning);
+export { UIAgentReasoning };

package/components/agent-reasoning/agent-reasoning.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: AdiaAgentReasoning
+name: UIAgentReasoning
 tag: agent-reasoning-ui
 component: AgentReasoning
 category: agent
@@ -66,8 +66,8 @@ keywords:
   - plan
   - iteration
 synonyms:
-  chain-of-thought-n: agent-reasoning-ui
-  cot-n: agent-reasoning-ui
+  chain-of-thought-ui: agent-reasoning-ui
+  cot-ui: agent-reasoning-ui
 related:
   - agent-trace-ui
   - pipeline-status-ui

package/components/agent-suggestions/agent-suggestions.a2ui.json

@@ -57,7 +57,7 @@
       "follow-up",
       "quick replies"
     ],
-    "name": "AdiaAgentSuggestions",
+    "name": "UIAgentSuggestions",
     "related": [
       "agent-questions-ui",
       "agent-feedback-bar-ui"

package/components/agent-suggestions/agent-suggestions.js

@@ -24,9 +24,9 @@
  *   suggestion-select — detail: { label, prompt, index }
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaAgentSuggestions extends AdiaElement {
+class UIAgentSuggestions extends UIElement {
   static properties = {
     variant:  { type: String,  default: 'outline', reflect: true },
     size:     { type: String,  default: 'sm',      reflect: true },
@@ -83,5 +83,5 @@ function truncate(s, n) {
   return s.length > n ? s.slice(0, n - 1) + '…' : s;
 }
 
-customElements.define('agent-suggestions-ui', AdiaAgentSuggestions);
-export { AdiaAgentSuggestions };
+customElements.define('agent-suggestions-ui', UIAgentSuggestions);
+export { UIAgentSuggestions };

package/components/agent-suggestions/agent-suggestions.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: AdiaAgentSuggestions
+name: UIAgentSuggestions
 tag: agent-suggestions-ui
 component: AgentSuggestions
 category: agent

package/components/agent-trace/agent-trace.a2ui.json

@@ -53,7 +53,7 @@
       "telemetry",
       "training feedback"
     ],
-    "name": "AdiaAgentTrace",
+    "name": "UIAgentTrace",
     "related": [
       "agent-reasoning-ui",
       "agent-feedback-bar-ui"

package/components/agent-trace/agent-trace.js

@@ -34,9 +34,9 @@
  *   trace-toggle — summary opened/closed
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaAgentTrace extends AdiaElement {
+class UIAgentTrace extends UIElement {
   static properties = {
     // agent-* family is default-visible disclosure (see component-token-contract.md
     // §"Toggle state naming"). Use `collapsed` to hide; bare element shows.
@@ -214,5 +214,5 @@ function escapeAttr(s) {
   return String(s).replace(/"/g, '"');
 }
 
-customElements.define('agent-trace-ui', AdiaAgentTrace);
-export { AdiaAgentTrace };
+customElements.define('agent-trace-ui', UIAgentTrace);
+export { UIAgentTrace };

package/components/agent-trace/agent-trace.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: AdiaAgentTrace
+name: UIAgentTrace
 tag: agent-trace-ui
 component: AgentTrace
 category: agent

package/components/alert/alert.a2ui.json

@@ -88,7 +88,7 @@
       "notification",
       "announce"
     ],
-    "name": "AdiaAlert",
+    "name": "UIAlert",
     "related": [
       "button"
     ],

package/components/alert/alert.js

@@ -11,9 +11,9 @@
  *   close — fired when the user dismisses the alert
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaAlert extends AdiaElement {
+class UIAlert extends UIElement {
   static properties = {
     text:     { type: String,  default: '', reflect: true },
     variant:  { type: String,  default: 'default', reflect: true },
@@ -88,6 +88,6 @@ class AdiaAlert extends AdiaElement {
     this.remove();
   }
 }
-customElements.define('alert-ui', AdiaAlert);
+customElements.define('alert-ui', UIAlert);
 
-export { AdiaAlert };
+export { UIAlert };

package/components/alert/alert.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: AdiaAlert
+name: UIAlert
 tag: alert-ui
 component: Alert
 category: container

package/components/aside/aside.a2ui.json

@@ -56,7 +56,7 @@
       "side-region",
       "nav-rail"
     ],
-    "name": "AdiaAside",
+    "name": "UIAside",
     "related": [
       "app-shell",
       "drawer",

package/components/aside/aside.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: AdiaAside
+name: UIAside
 tag: aside-ui
 component: Aside
 category: container

package/components/avatar/avatar.a2ui.json

@@ -95,7 +95,7 @@
       "profile",
       "user"
     ],
-    "name": "AdiaAvatar",
+    "name": "UIAvatar",
     "related": [
       "input",
       "button",

package/components/avatar/avatar.js

@@ -14,11 +14,11 @@
  * Overlapping avatar stack with +N overflow counter.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 // ── Avatar ──────────────────────────────────────────────────
 
-class AdiaAvatar extends AdiaElement {
+class UIAvatar extends UIElement {
   static properties = {
     src:   { type: String,  default: '', reflect: true },
     text:  { type: String,  default: '', reflect: true },
@@ -41,8 +41,8 @@ class AdiaAvatar extends AdiaElement {
 
   connected() {
     this.setAttribute('role', 'img');
-    if (this.name && !this.text && !AdiaAvatar.#nameWarned) {
-      AdiaAvatar.#nameWarned = true;
+    if (this.name && !this.text && !UIAvatar.#nameWarned) {
+      UIAvatar.#nameWarned = true;
       // eslint-disable-next-line no-console
       console.warn(
         `[AdiaUI] <avatar-ui name="…"> is deprecated — use text="…" instead. ` +
@@ -111,11 +111,11 @@ class AdiaAvatar extends AdiaElement {
   }
 }
 
-customElements.define('avatar-ui', AdiaAvatar);
+customElements.define('avatar-ui', UIAvatar);
 
 // ── Avatar Group ────────────────────────────────────────────
 
-class AdiaAvatarGroup extends AdiaElement {
+class UIAvatarGroup extends UIElement {
   static properties = {
     max:  { type: Number, default: 5, reflect: true },
     size: { type: String, default: '', reflect: true },
@@ -163,6 +163,6 @@ class AdiaAvatarGroup extends AdiaElement {
   }
 }
 
-customElements.define('avatar-group-ui', AdiaAvatarGroup);
+customElements.define('avatar-group-ui', UIAvatarGroup);
 
-export { AdiaAvatar, AdiaAvatarGroup };
+export { UIAvatar, UIAvatarGroup };

package/components/avatar/avatar.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: AdiaAvatar
+name: UIAvatar
 tag: avatar-ui
 component: Avatar
 category: display

package/components/badge/badge.a2ui.json

@@ -105,7 +105,7 @@
       "pip",
       "marker"
     ],
-    "name": "AdiaBadge",
+    "name": "UIBadge",
     "related": [
       "button",
       "grid",

package/components/badge/badge.js

@@ -14,7 +14,7 @@
  * Status: semantic shorthand that auto-maps variant + text.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 const STATUS_MAP = {
   new:        { variant: 'success', text: 'New' },
@@ -24,7 +24,7 @@ const STATUS_MAP = {
   beta:       { variant: 'accent',  text: 'Beta' },
 };
 
-class AdiaBadge extends AdiaElement {
+class UIBadge extends UIElement {
   static properties = {
     text:    { type: String,  default: '', reflect: true },
     variant: { type: String,  default: 'default', reflect: true },
@@ -77,6 +77,6 @@ class AdiaBadge extends AdiaElement {
     }
   }
 }
-customElements.define('badge-ui', AdiaBadge);
+customElements.define('badge-ui', UIBadge);
 
-export { AdiaBadge };
+export { UIBadge };

package/components/badge/badge.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: AdiaBadge
+name: UIBadge
 tag: badge-ui
 component: Badge
 category: display

package/components/block/block.a2ui.json

@@ -69,7 +69,7 @@
       "editor",
       "developer"
     ],
-    "name": "AdiaBlock",
+    "name": "UIBlock",
     "related": [],
     "slots": {},
     "states": [

package/components/block/block.js

@@ -8,9 +8,9 @@
  *   margin  — none | xs | sm | md | lg | xl (default 'none')
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaBlock extends AdiaElement {
+class UIBlock extends UIElement {
   static properties = {
     padding: { type: String, default: 'md',   reflect: true },
     margin:  { type: String, default: 'none', reflect: true },
@@ -18,6 +18,6 @@ class AdiaBlock extends AdiaElement {
 
   static template = () => null;
 }
-customElements.define('block-ui', AdiaBlock);
+customElements.define('block-ui', UIBlock);
 
-export { AdiaBlock };
+export { UIBlock };

package/components/block/block.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: AdiaBlock
+name: UIBlock
 tag: block-ui
 component: Block
 category: layout