@adia-ai/web-components 0.0.9 → 0.0.10

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/package.json

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