@adia-ai/web-components 0.0.8 → 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/core/icons.js

@@ -102,6 +102,18 @@ if (!hasViteGlob) {
       });
       return [weight, Object.fromEntries(entries)];
     }));
+    // icon-ui elements that asked for an icon before the manifest loaded
+    // gave up silently (resolveLoader returned null on EMPTY_WEIGHTS).
+    // Re-request every <icon-ui name> now that a real loader map is in
+    // place. Idempotent — already-loaded icons short-circuit on
+    // registry.has() inside loadIcon.
+    if (typeof document !== 'undefined') {
+      for (const el of document.querySelectorAll('icon-ui[name]')) {
+        const name = el.getAttribute('name');
+        const weight = el.getAttribute('weight') || DEFAULT_WEIGHT;
+        if (name) loadIcon(name, weight);
+      }
+    }
   }).catch(() => { /* keep EMPTY_WEIGHTS */ });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.0.8",
+  "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": {