@adia-ai/web-components 0.0.9 → 0.0.11

package/core/element.js

@@ -17,7 +17,7 @@ export { signal, computed, effect, batch, untracked, isSignal } from './signals.
 export { html, css, repeat } from './template.js';
 
 // Internal imports for AdiaElement
-import { signal, computed, effect } from './signals.js';
+import { signal, computed, effect, untracked } from './signals.js';
 import { stamp, disposeParts, KEY_MAP } from './template.js';
 
 // ═══════════════════════════════════════════════════════════════
@@ -105,7 +105,17 @@ export class AdiaElement extends HTMLElement {
     if (!ctor._tag) ctor._tag = this.localName;
     adoptStyles(ctor);
     prepareParts(ctor);
-    this.connected();
+    // connected() commonly reads this element's reactive properties via
+    // template-literal interpolation (`${this.label}` etc.) to stamp its
+    // inner DOM. If the outer call path is inside another effect (e.g.
+    // a parent's render loop appendChild'ing this node), those reads
+    // would subscribe the outer effect to THIS element's signals —
+    // invisible cross-element coupling that looks like spooky re-runs
+    // on unrelated state changes. Wrap in untracked so element setup
+    // never leaks subscriptions upward. The element's OWN effect
+    // (below) re-reads the same signals in its own tracking context,
+    // so reactivity within the element is unaffected.
+    untracked(() => this.connected());
     this.#fx.push(effect(() => {
       for (const sig of this[SIG].values()) sig.value;
       this.#notify.value;

package/core/template.js

@@ -68,21 +68,12 @@ export function stamp(result, container) {
   update(inst.p, result.values);
 }
 
-// Safari 14.0 lacks ChildNode.replaceChildren. Fallback manually removes
-// existing children, then appends the new content. Runs once per call;
-// cheap enough to be unconditional.
-function replaceChildren(container, ...nodes) {
-  if (container.replaceChildren) { container.replaceChildren(...nodes); return; }
-  while (container.firstChild) container.removeChild(container.firstChild);
-  for (const n of nodes) container.appendChild(n);
-}
-
 function mount(result, container) {
   const { strings } = result;
   const tpl = getTemplate(strings);
   const f = tpl.content.cloneNode(true);
   const parts = scan(f, result.values.length);
-  replaceChildren(container, f);
+  container.replaceChildren(f);
   return { s: strings, p: parts };
 }
 
@@ -147,7 +138,7 @@ function applyValue(p, v) {
       stamp(v, wrap(p));
     } else if (Array.isArray(v)) {
       const c = wrap(p);
-      replaceChildren(c);
+      c.replaceChildren();
       for (const item of v) {
         if (isResult(item)) {
           const el = document.createElement('span');

package/package.json

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