@adia-ai/web-components 0.0.29 → 0.0.34

package/components/toggle-group/toggle-group.js

@@ -12,7 +12,7 @@
  *   single — restrict to one active option at a time (default false: multi-select)
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
 // ── Toggle Option ──
 //
@@ -22,7 +22,7 @@ import { AdiaElement } from '../../core/element.js';
 // group's comma-separated `value` list. Consistent with native `<option>`
 // inside `<select>`.
 
-class AdiaToggleOption extends AdiaElement {
+class UIToggleOption extends UIElement {
   static properties = {
     value:    { type: String,  default: '', reflect: true },
     text:     { type: String,  default: '', reflect: true },
@@ -59,11 +59,11 @@ class AdiaToggleOption extends AdiaElement {
     this.#stamped = false;
   }
 }
-customElements.define('toggle-option-ui', AdiaToggleOption);
+customElements.define('toggle-option-ui', UIToggleOption);
 
 // ── Toggle Group ──
 
-class AdiaToggleGroup extends AdiaElement {
+class UIToggleGroup extends UIElement {
   static properties = {
     value:  { type: String,  default: '',    reflect: true },
     single: { type: Boolean, default: false, reflect: true },
@@ -142,6 +142,6 @@ class AdiaToggleGroup extends AdiaElement {
     this.#bound = false;
   }
 }
-customElements.define('toggle-group-ui', AdiaToggleGroup);
+customElements.define('toggle-group-ui', UIToggleGroup);
 
-export { AdiaToggleGroup, AdiaToggleOption };
+export { UIToggleGroup, UIToggleOption };

package/components/toggle-group/toggle-group.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: AdiaToggleGroup
+name: UIToggleGroup
 tag: toggle-group-ui
 component: ToggleGroup
 category: navigation

package/components/toolbar/toolbar.a2ui.json

@@ -63,7 +63,7 @@
       "buttons",
       "actions"
     ],
-    "name": "AdiaToolbar",
+    "name": "UIToolbar",
     "related": [
       "button",
       "divider"

package/components/toolbar/toolbar.js

@@ -20,7 +20,7 @@
  * Platform: Popover API (top-layer) + CSS Anchor Positioning via @core/anchor.js.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { anchorPopover } from '../../core/anchor.js';
 
 const SPILLOVER_ATTR = 'data-toolbar-spillover';
@@ -32,7 +32,7 @@ const SPILLOVER_MENU_ATTR = 'data-toolbar-spillover-menu';
    touch the toolbar's right edge. */
 const OVERFLOW_BUFFER = 8;
 
-class AdiaToolbar extends AdiaElement {
+class UIToolbar extends UIElement {
   static properties = {
     gap:      { type: String,  default: 'sm', reflect: true },
     align:    { type: String,  default: 'start', reflect: true },
@@ -322,20 +322,20 @@ class AdiaToolbar extends AdiaElement {
     }
   }
 }
-customElements.define('toolbar-ui', AdiaToolbar);
+customElements.define('toolbar-ui', UIToolbar);
 
 /**
  * <toolbar-group-ui> — atomic group within a toolbar.
  * Its children are displayed together with matching gap and, during overflow,
  * are moved to the spillover menu as a single unit.
  */
-class AdiaToolbarGroup extends AdiaElement {
+class UIToolbarGroup extends UIElement {
   static template = () => null;
   connected() {
     this.setAttribute('role', 'group');
   }
 }
-customElements.define('toolbar-group-ui', AdiaToolbarGroup);
+customElements.define('toolbar-group-ui', UIToolbarGroup);
 
 function isDivider(el) {
   return el?.tagName && el.tagName.toLowerCase() === 'divider-ui';
@@ -381,4 +381,4 @@ function outerWidth(el) {
   return r.width + ml + mr;
 }
 
-export { AdiaToolbar, AdiaToolbarGroup };
+export { UIToolbar, UIToolbarGroup };

package/components/toolbar/toolbar.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: AdiaToolbar
+name: UIToolbar
 tag: toolbar-ui
 component: Toolbar
 category: layout

package/components/tooltip/tooltip.a2ui.json

@@ -93,7 +93,7 @@
       "hint",
       "popover"
     ],
-    "name": "AdiaTooltip",
+    "name": "UITooltip",
     "related": [
       "button"
     ],

package/components/tooltip/tooltip.js

@@ -18,10 +18,10 @@
  * No click interaction — hover/focus only.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { anchorPopover } from '../../core/anchor.js';
 
-class AdiaTooltip extends AdiaElement {
+class UITooltip extends UIElement {
   static properties = {
     text:      { type: String,  default: '',         reflect: true },
     placement: { type: String,  default: 'top',      reflect: true },
@@ -128,10 +128,10 @@ class AdiaTooltip extends AdiaElement {
     this.#target = (root && root.getElementById) ? root.getElementById(this.for) : document.getElementById(this.for);
     if (!this.#target) {
       // Warn once per (element, id) pair
-      if (!AdiaTooltip._warnedMissing) AdiaTooltip._warnedMissing = new WeakSet();
-      if (!AdiaTooltip._warnedMissing.has(this)) {
+      if (!UITooltip._warnedMissing) UITooltip._warnedMissing = new WeakSet();
+      if (!UITooltip._warnedMissing.has(this)) {
         console.warn(`[tooltip-ui] follows="pointer" [for="${this.for}"] did not resolve to an element.`);
-        AdiaTooltip._warnedMissing.add(this);
+        UITooltip._warnedMissing.add(this);
       }
       return;
     }
@@ -284,6 +284,6 @@ class AdiaTooltip extends AdiaElement {
       .replace(/"/g, '"');
   }
 }
-customElements.define('tooltip-ui', AdiaTooltip);
+customElements.define('tooltip-ui', UITooltip);
 
-export { AdiaTooltip };
+export { UITooltip };

package/components/tooltip/tooltip.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: AdiaTooltip
+name: UITooltip
 tag: tooltip-ui
 component: Tooltip
 category: container

package/components/tree/tree.a2ui.json

@@ -40,7 +40,7 @@
       "tree",
       "folder"
     ],
-    "name": "AdiaTree",
+    "name": "UITree",
     "related": [],
     "slots": {
       "default (tree-item-ui children)": {

package/components/tree/tree.js

@@ -19,9 +19,9 @@
  *   tree-select — fired on tree-ui when an item is selected (detail: { item, text, value })
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaTree extends AdiaElement {
+class UITree extends UIElement {
   static template = () => null;
 
   connected() {
@@ -144,7 +144,7 @@ class AdiaTree extends AdiaElement {
     this.removeEventListener('keydown', this.#onKey);
   }
 }
-customElements.define('tree-ui', AdiaTree);
+customElements.define('tree-ui', UITree);
 
 
 /**
@@ -163,7 +163,7 @@ customElements.define('tree-ui', AdiaTree);
  *   actions  — right-aligned action icons (eye, lock, etc.)
  *   children — nested tree-item-ns (auto-detected)
  */
-class AdiaTreeItem extends AdiaElement {
+class UITreeItem extends UIElement {
   static properties = {
     text:     { type: String,  default: '', reflect: true },
     icon:     { type: String,  default: '', reflect: true },
@@ -248,6 +248,6 @@ class AdiaTreeItem extends AdiaElement {
     if (textEl && this.text) textEl.textContent = this.text;
   }
 }
-customElements.define('tree-item-ui', AdiaTreeItem);
+customElements.define('tree-item-ui', UITreeItem);
 
-export { AdiaTree, AdiaTreeItem };
+export { UITree, UITreeItem };

package/components/tree/tree.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: AdiaTree
+name: UITree
 tag: tree-ui
 component: Tree
 category: data

package/components/upload/upload.a2ui.json

@@ -91,7 +91,7 @@
       "file-manager",
       "files"
     ],
-    "name": "AdiaUpload",
+    "name": "UIUpload",
     "related": [
       "progress",
       "button",

package/components/upload/upload.js

@@ -1,14 +1,14 @@
 /**
  * <upload-ui> — File upload with drag-and-drop.
  * Uses showOpenFilePicker (modern) with <input type="file"> fallback.
- * Form-associated via AdiaFormElement + ElementInternals.
+ * Form-associated via UIFormElement + ElementInternals.
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 
-class AdiaUpload extends AdiaFormElement {
+class UIUpload extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     label:    { type: String,  default: '', reflect: true },
     accept:   { type: String,  default: '', reflect: true },
     multiple: { type: Boolean, default: false, reflect: true },
@@ -184,6 +184,6 @@ class AdiaUpload extends AdiaFormElement {
     this.#dropzoneEl = null;
   }
 }
-customElements.define('upload-ui', AdiaUpload);
+customElements.define('upload-ui', UIUpload);
 
-export { AdiaUpload };
+export { UIUpload };

package/components/upload/upload.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: AdiaUpload
+name: UIUpload
 tag: upload-ui
 component: Upload
 category: input

package/core/element.js

@@ -2,12 +2,12 @@
  * AdiaUI Core — Light DOM web component base class.
  *
  * Re-exports reactivity and rendering for backward compatibility:
- *   import { AdiaElement, signal, computed, effect, html, repeat } from './element.js';
+ *   import { UIElement, signal, computed, effect, html, repeat } from './element.js';
  *
  * Or import each layer directly:
  *   import { signal, computed, effect } from './signals.js';
  *   import { html, css, repeat } from './template.js';
- *   import { AdiaElement } from './element.js';
+ *   import { UIElement } from './element.js';
  */
 
 // Re-export reactivity primitives
@@ -16,7 +16,7 @@ export { signal, computed, effect, batch, untracked, isSignal } from './signals.
 // Re-export rendering
 export { html, css, repeat } from './template.js';
 
-// Internal imports for AdiaElement
+// Internal imports for UIElement
 import { signal, computed, effect, untracked } from './signals.js';
 import { stamp, disposeParts, KEY_MAP } from './template.js';
 
@@ -79,7 +79,7 @@ function prepareParts(ctor) {
   }
 }
 
-export class AdiaElement extends HTMLElement {
+export class UIElement extends HTMLElement {
   static get properties() { return {}; }
   static get traits() { return []; }
   static get observedAttributes() {

package/core/element.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect, beforeEach } from 'vitest';
-import { AdiaElement, signal, effect } from './element.js';
+import { UIElement, signal, effect } from './element.js';
 
 // ── Shared helpers ──
 
@@ -21,12 +21,12 @@ function mount(tag, attrs = {}) {
 // effects settle after a mutation.
 const tick = () => new Promise((r) => queueMicrotask(r));
 
-describe('AdiaElement — construction + lifecycle', () => {
+describe('UIElement — construction + lifecycle', () => {
   beforeEach(() => { document.body.innerHTML = ''; });
 
   it('instantiates and calls connected() on mount, disconnected() on remove', () => {
     const events = [];
-    class El extends AdiaElement {
+    class El extends UIElement {
       connected()    { events.push('connected'); }
       disconnected() { events.push('disconnected'); }
     }
@@ -39,7 +39,7 @@ describe('AdiaElement — construction + lifecycle', () => {
 
   it('remount after disconnect re-runs connected()', () => {
     const events = [];
-    class El extends AdiaElement {
+    class El extends UIElement {
       connected()    { events.push('connected'); }
       disconnected() { events.push('disconnected'); }
     }
@@ -51,11 +51,11 @@ describe('AdiaElement — construction + lifecycle', () => {
   });
 });
 
-describe('AdiaElement — properties', () => {
+describe('UIElement — properties', () => {
   beforeEach(() => { document.body.innerHTML = ''; });
 
   it('reads default value from static properties', () => {
-    class El extends AdiaElement {
+    class El extends UIElement {
       static properties = { label: { type: String, default: 'hi' } };
     }
     const tag = registerTestElement(El);
@@ -64,7 +64,7 @@ describe('AdiaElement — properties', () => {
   });
 
   it('reflects Boolean properties to HTML attributes when reflect: true', () => {
-    class El extends AdiaElement {
+    class El extends UIElement {
       static properties = { disabled: { type: Boolean, default: false, reflect: true } };
     }
     const tag = registerTestElement(El);
@@ -77,7 +77,7 @@ describe('AdiaElement — properties', () => {
   });
 
   it('reflects String properties as attribute values', () => {
-    class El extends AdiaElement {
+    class El extends UIElement {
       static properties = { variant: { type: String, default: 'neutral', reflect: true } };
     }
     const tag = registerTestElement(El);
@@ -87,7 +87,7 @@ describe('AdiaElement — properties', () => {
   });
 
   it('parses incoming attributes back into typed properties', () => {
-    class El extends AdiaElement {
+    class El extends UIElement {
       static properties = {
         count:    { type: Number,  default: 0 },
         active:   { type: Boolean, default: false },
@@ -100,7 +100,7 @@ describe('AdiaElement — properties', () => {
   });
 
   it('does NOT reflect when reflect: false / omitted', () => {
-    class El extends AdiaElement {
+    class El extends UIElement {
       static properties = { internal: { type: String, default: 'x' } };
     }
     const tag = registerTestElement(El);
@@ -110,12 +110,12 @@ describe('AdiaElement — properties', () => {
   });
 });
 
-describe('AdiaElement — reactive effect', () => {
+describe('UIElement — reactive effect', () => {
   beforeEach(() => { document.body.innerHTML = ''; });
 
   it('calls render() on mount and when a reactive property changes', async () => {
     let renders = 0;
-    class El extends AdiaElement {
+    class El extends UIElement {
       static properties = { label: { type: String, default: 'a' } };
       render() { renders++; void this.label; }
     }
@@ -130,7 +130,7 @@ describe('AdiaElement — reactive effect', () => {
 
   it('stops re-rendering after disconnect', async () => {
     let renders = 0;
-    class El extends AdiaElement {
+    class El extends UIElement {
       static properties = { label: { type: String, default: 'a' } };
       render() { renders++; void this.label; }
     }
@@ -144,7 +144,7 @@ describe('AdiaElement — reactive effect', () => {
   });
 });
 
-describe('AdiaElement — subscription-leak guard (0.0.10 regression)', () => {
+describe('UIElement — subscription-leak guard (0.0.10 regression)', () => {
   beforeEach(() => { document.body.innerHTML = ''; });
 
   it('child connected() reads do NOT subscribe an outer effect', async () => {
@@ -155,7 +155,7 @@ describe('AdiaElement — subscription-leak guard (0.0.10 regression)', () => {
     // prop would spuriously re-run the parent effect.
     //
     // Fix: connected() is now wrapped in untracked(…).
-    class Child extends AdiaElement {
+    class Child extends UIElement {
       static properties = { value: { type: String, default: 'initial', reflect: true } };
       connected() {
         // Read our own reactive prop exactly the way template-literal
@@ -197,7 +197,7 @@ describe('AdiaElement — subscription-leak guard (0.0.10 regression)', () => {
   });
 });
 
-describe('AdiaElement — addTrait', () => {
+describe('UIElement — addTrait', () => {
   beforeEach(() => { document.body.innerHTML = ''; });
 
   it('applies a trait once, idempotent on repeat', () => {
@@ -207,7 +207,7 @@ describe('AdiaElement — addTrait', () => {
       disconnect() {},
     });
 
-    class El extends AdiaElement {}
+    class El extends UIElement {}
     const tag = registerTestElement(El);
     const el = mount(tag);
     el.addTrait(myTrait);
@@ -221,7 +221,7 @@ describe('AdiaElement — addTrait', () => {
       connect()    { connects++; },
       disconnect() { disconnects++; },
     });
-    class El extends AdiaElement {
+    class El extends UIElement {
       static traits = [myTrait];
     }
     const tag = registerTestElement(El);

package/core/form.js

@@ -1,16 +1,16 @@
 /**
- * AdiaFormElement — Form-participating base class.
+ * UIFormElement — Form-participating base class.
  *
- * Extends AdiaElement with ElementInternals form participation,
+ * Extends UIElement with ElementInternals form participation,
  * constraint validation (required, pattern, minlength, maxlength),
  * and auto-validation UX (submit, blur, input re-validation).
  *
  * Usage:
- *   import { AdiaFormElement } from './form.js';
+ *   import { UIFormElement } from './form.js';
  *
- *   class MyField extends AdiaFormElement {
+ *   class MyField extends UIFormElement {
  *     static properties = {
- *       ...AdiaFormElement.properties,
+ *       ...UIFormElement.properties,
  *       placeholder: { type: String, default: '', reflect: true },
  *     };
  *   }
@@ -34,9 +34,9 @@
  *   el.syncValue(val)      → update form value + run constraints
  */
 
-import { AdiaElement } from './element.js';
+import { UIElement } from './element.js';
 
-export class AdiaFormElement extends AdiaElement {
+export class UIFormElement extends UIElement {
   static formAssociated = true;
 
   static get properties() {
@@ -199,8 +199,8 @@ export class AdiaFormElement extends AdiaElement {
     if (ctor.labelDeprecated === false) return;
     if (!ctor.properties?.label) return;
     if (!this.hasAttribute('label')) return;
-    if (AdiaFormElement.#labelWarned.has(ctor)) return;
-    AdiaFormElement.#labelWarned.add(ctor);
+    if (UIFormElement.#labelWarned.has(ctor)) return;
+    UIFormElement.#labelWarned.add(ctor);
     // eslint-disable-next-line no-console
     console.warn(
       `[AdiaUI] <${this.localName} label="…"> is deprecated — wrap in ` +

package/core/index.js

@@ -1,10 +1,10 @@
 /**
  * core barrel — re-exports every public core module.
  *
- * Consumers who want to build on AdiaElement or use the reactive
+ * Consumers who want to build on UIElement or use the reactive
  * signal system directly do:
  *
- *   import { AdiaElement } from '@adia-ai/web-components/core';
+ *   import { UIElement } from '@adia-ai/web-components/core';
  *   import { signal, effect } from '@adia-ai/web-components/core';
  *
  * Exports are flat — every symbol from the re-exported files is

package/core/provider.js

@@ -2,11 +2,11 @@
  * AdiaUI Router — Self-contained vanilla JS bundle.
  * Includes: RouteController + router-ui component.
  *
- * Depends on: core.js (AdiaElement), controllers.js (BaseController)
+ * Depends on: core.js (UIElement), controllers.js (BaseController)
  *
  * Usage:
- *   import { AdiaElement } from './core.js';
- *   import { AdiaRouter, RouteController } from './router.js';
+ *   import { UIElement } from './core.js';
+ *   import { UIRouter, RouteController } from './router.js';
  *
  *   // Option 1: Declarative routes
  *   const router = document.querySelector('router-ui');
@@ -22,14 +22,14 @@
  *   ctrl.commands.navigate('/about');
  */
 
-import { AdiaElement } from './element.js';
+import { UIElement } from './element.js';
 import { BaseController } from './controller.js';
 
 // ═══════════════════════════════════════════════════════════════
 // ADIA PROVIDER (inline — tiny base class)
 // ═══════════════════════════════════════════════════════════════
 
-class AdiaProvider extends AdiaElement {
+class UIProvider extends UIElement {
   static template = () => null;
   #abort = null;
   get abort() { if (!this.#abort) this.#abort = new AbortController(); return this.#abort; }
@@ -161,7 +161,7 @@ export class RouteController extends BaseController {
 // ROUTER-UI — content fragment renderer
 // ═══════════════════════════════════════════════════════════════
 
-export class AdiaRouter extends AdiaProvider {
+export class UIRouter extends UIProvider {
   #cache = new Map();
   #ownCtrl = null;
   #lastPath = null;
@@ -260,4 +260,4 @@ export class AdiaRouter extends AdiaProvider {
   }
 }
 
-customElements.define('router-ui', AdiaRouter);
+customElements.define('router-ui', UIRouter);

package/core/template.js

@@ -2,7 +2,7 @@
  * AdiaUI Template — Tagged template literal rendering.
  *
  * Lightweight lit-html-style rendering with reactive bindings.
- * Depends on DOM but not on AdiaElement — usable standalone.
+ * Depends on DOM but not on UIElement — usable standalone.
  *
  *   import { html, repeat } from './template.js';
  *

package/index.css

@@ -7,7 +7,7 @@
  * + typography — via the colors tree) → component styles → global
  * resets.
  *
- * Composite-element CSS (adia-chat, adia-editor, app-shell, etc.)
+ * Composite-element CSS (chat-shell, editor-shell, admin-shell, etc.)
  * lives in the sibling `@adia-ai/web-modules` package as of 0.0.29
  * (see ADR-0012). Each page links its own cluster CSS explicitly.
  * Opinionated theme overrides live in `./styles/themes.css`; link

package/index.js

@@ -2,7 +2,7 @@
  * @adia-ai/web-components — main entry.
  *
  *   import '@adia-ai/web-components';
- *   import { AdiaButton } from '@adia-ai/web-components';
+ *   import { UIButton } from '@adia-ai/web-components';
  *
  * Loading this file registers every primitive (side effect of each
  * module's `customElements.define(...)` call). Pair with
@@ -12,15 +12,17 @@
  * If you only want a subset, use the subpath imports:
  *   import '@adia-ai/web-components/components/button';
  *
- * Composite elements (app-shell, app-nav, adia-chat, adia-editor,
- * gen-ui, a2ui-root) shipped here as `patterns/` until 0.0.28 — they
- * now live in `@adia-ai/web-modules` (see ADR-0012).
+ * Composite elements (admin-shell, chat-shell, editor-shell, gen-root,
+ * a2ui-root) shipped here as `patterns/` until 0.0.28 — they now live
+ * in `@adia-ai/web-modules` (see ADR-0012). The nav family was
+ * subsequently consolidated back into web-components as primitives
+ * (see ADR-0015 § Nav consolidation).
  *
  *   import '@adia-ai/web-modules';            // every cluster
- *   import '@adia-ai/web-modules/shell';      // app-shell, app-nav*, section-nav*
- *   import '@adia-ai/web-modules/chat';       // adia-chat
- *   import '@adia-ai/web-modules/editor';     // adia-editor
- *   import '@adia-ai/web-modules/runtime';    // gen-ui, a2ui-root
+ *   import '@adia-ai/web-modules/shell';      // admin-shell
+ *   import '@adia-ai/web-modules/chat';       // chat-shell
+ *   import '@adia-ai/web-modules/editor';     // editor-shell
+ *   import '@adia-ai/web-modules/runtime';    // gen-root, a2ui-root
  */
 
 export * from './components/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.0.29",
+  "version": "0.0.34",
   "description": "AdiaUI web components — vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-utils.",
   "type": "module",
   "exports": {