@almadar/ui 4.51.2 → 4.51.4

package/dist/avl/index.cjs

@@ -43169,7 +43169,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -58683,20 +58683,16 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
   }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, embeddedTraits]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, traitConfigsByName, orbitalsByTrait, embeddedTraits } : { navigate: onNavigate, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits };
   const { sendEvent } = useTraitStateMachine(traits2, uiSlots, opts);
-  const prevTraitNamesRef = React93.useRef("");
+  const initSentRef = React93.useRef(false);
+  const prevTraitsRef = React93.useRef(void 0);
   React93.useEffect(() => {
-    const traitNames = traits2.map((b) => b.trait?.name ?? "").filter(Boolean).sort().join(",");
-    if (prevTraitNamesRef.current && prevTraitNamesRef.current !== traitNames) {
-      navLog.debug("page:trait-set-changed", {
-        from: prevTraitNamesRef.current,
-        to: traitNames,
-        action: "clearAll-slots"
-      });
+    if (prevTraitsRef.current !== void 0 && prevTraitsRef.current !== traits2) {
+      navLog.debug("page:traits-ref-changed", { action: "clearAll-slots+reset-init" });
       uiSlots.clearAll();
+      initSentRef.current = false;
     }
-    prevTraitNamesRef.current = traitNames;
+    prevTraitsRef.current = traits2;
   }, [traits2, uiSlots]);
-  const initSentRef = React93.useRef(false);
   React93.useEffect(() => {
     if (!orbitalNames?.length) {
       const t = setTimeout(() => sendEvent("INIT"), 50);
@@ -58710,10 +58706,6 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
     }, 5e3);
     return () => clearTimeout(fallback);
   }, [traits2, orbitalNames, sendEvent, onLocalFallback]);
-  const orbitalsKey = (orbitalNames ?? []).slice().sort().join(",");
-  React93.useEffect(() => {
-    initSentRef.current = false;
-  }, [orbitalsKey]);
   React93.useEffect(() => {
     if (!bridge.connected || !orbitalNames?.length || initSentRef.current) return;
     initSentRef.current = true;

package/dist/avl/index.js

@@ -43123,7 +43123,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -58637,20 +58637,16 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
   }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, embeddedTraits]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, traitConfigsByName, orbitalsByTrait, embeddedTraits } : { navigate: onNavigate, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits };
   const { sendEvent } = useTraitStateMachine(traits2, uiSlots, opts);
-  const prevTraitNamesRef = useRef("");
+  const initSentRef = useRef(false);
+  const prevTraitsRef = useRef(void 0);
   useEffect(() => {
-    const traitNames = traits2.map((b) => b.trait?.name ?? "").filter(Boolean).sort().join(",");
-    if (prevTraitNamesRef.current && prevTraitNamesRef.current !== traitNames) {
-      navLog.debug("page:trait-set-changed", {
-        from: prevTraitNamesRef.current,
-        to: traitNames,
-        action: "clearAll-slots"
-      });
+    if (prevTraitsRef.current !== void 0 && prevTraitsRef.current !== traits2) {
+      navLog.debug("page:traits-ref-changed", { action: "clearAll-slots+reset-init" });
       uiSlots.clearAll();
+      initSentRef.current = false;
     }
-    prevTraitNamesRef.current = traitNames;
+    prevTraitsRef.current = traits2;
   }, [traits2, uiSlots]);
-  const initSentRef = useRef(false);
   useEffect(() => {
     if (!orbitalNames?.length) {
       const t = setTimeout(() => sendEvent("INIT"), 50);
@@ -58664,10 +58660,6 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
     }, 5e3);
     return () => clearTimeout(fallback);
   }, [traits2, orbitalNames, sendEvent, onLocalFallback]);
-  const orbitalsKey = (orbitalNames ?? []).slice().sort().join(",");
-  useEffect(() => {
-    initSentRef.current = false;
-  }, [orbitalsKey]);
   useEffect(() => {
     if (!bridge.connected || !orbitalNames?.length || initSentRef.current) return;
     initSentRef.current = true;

package/dist/components/index.cjs

@@ -39343,7 +39343,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/components/index.js

@@ -39297,7 +39297,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxs(
     "div",
     {

package/dist/providers/index.cjs

@@ -39965,7 +39965,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/providers/index.js

@@ -39919,7 +39919,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxs(
     "div",
     {

package/dist/runtime/index.cjs

@@ -39551,7 +39551,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -46574,20 +46574,16 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
   }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, embeddedTraits]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, traitConfigsByName, orbitalsByTrait, embeddedTraits } : { navigate: onNavigate, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits };
   const { sendEvent } = useTraitStateMachine(traits2, uiSlots, opts);
-  const prevTraitNamesRef = React80.useRef("");
+  const initSentRef = React80.useRef(false);
+  const prevTraitsRef = React80.useRef(void 0);
   React80.useEffect(() => {
-    const traitNames = traits2.map((b) => b.trait?.name ?? "").filter(Boolean).sort().join(",");
-    if (prevTraitNamesRef.current && prevTraitNamesRef.current !== traitNames) {
-      navLog.debug("page:trait-set-changed", {
-        from: prevTraitNamesRef.current,
-        to: traitNames,
-        action: "clearAll-slots"
-      });
+    if (prevTraitsRef.current !== void 0 && prevTraitsRef.current !== traits2) {
+      navLog.debug("page:traits-ref-changed", { action: "clearAll-slots+reset-init" });
       uiSlots.clearAll();
+      initSentRef.current = false;
     }
-    prevTraitNamesRef.current = traitNames;
+    prevTraitsRef.current = traits2;
   }, [traits2, uiSlots]);
-  const initSentRef = React80.useRef(false);
   React80.useEffect(() => {
     if (!orbitalNames?.length) {
       const t = setTimeout(() => sendEvent("INIT"), 50);
@@ -46601,10 +46597,6 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
     }, 5e3);
     return () => clearTimeout(fallback);
   }, [traits2, orbitalNames, sendEvent, onLocalFallback]);
-  const orbitalsKey = (orbitalNames ?? []).slice().sort().join(",");
-  React80.useEffect(() => {
-    initSentRef.current = false;
-  }, [orbitalsKey]);
   React80.useEffect(() => {
     if (!bridge.connected || !orbitalNames?.length || initSentRef.current) return;
     initSentRef.current = true;

package/dist/runtime/index.js

@@ -39505,7 +39505,7 @@ function VerifyModePanel({
     }
     prevCountRef.current = transitions.length;
   }, [transitions.length, expanded]);
-  const hudBottom = typeof document !== "undefined" ? document.getElementById("slot-hud-bottom") : null;
+  const hudBottom = typeof document !== "undefined" ? document.getElementById("runtime-debugger-portal") ?? document.getElementById("slot-hud-bottom") : null;
   const panel = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -46528,20 +46528,16 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
   }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, embeddedTraits]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, traitConfigsByName, orbitalsByTrait, embeddedTraits } : { navigate: onNavigate, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits };
   const { sendEvent } = useTraitStateMachine(traits2, uiSlots, opts);
-  const prevTraitNamesRef = useRef("");
+  const initSentRef = useRef(false);
+  const prevTraitsRef = useRef(void 0);
   useEffect(() => {
-    const traitNames = traits2.map((b) => b.trait?.name ?? "").filter(Boolean).sort().join(",");
-    if (prevTraitNamesRef.current && prevTraitNamesRef.current !== traitNames) {
-      navLog.debug("page:trait-set-changed", {
-        from: prevTraitNamesRef.current,
-        to: traitNames,
-        action: "clearAll-slots"
-      });
+    if (prevTraitsRef.current !== void 0 && prevTraitsRef.current !== traits2) {
+      navLog.debug("page:traits-ref-changed", { action: "clearAll-slots+reset-init" });
       uiSlots.clearAll();
+      initSentRef.current = false;
     }
-    prevTraitNamesRef.current = traitNames;
+    prevTraitsRef.current = traits2;
   }, [traits2, uiSlots]);
-  const initSentRef = useRef(false);
   useEffect(() => {
     if (!orbitalNames?.length) {
       const t = setTimeout(() => sendEvent("INIT"), 50);
@@ -46555,10 +46551,6 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
     }, 5e3);
     return () => clearTimeout(fallback);
   }, [traits2, orbitalNames, sendEvent, onLocalFallback]);
-  const orbitalsKey = (orbitalNames ?? []).slice().sort().join(",");
-  useEffect(() => {
-    initSentRef.current = false;
-  }, [orbitalsKey]);
   useEffect(() => {
     if (!bridge.connected || !orbitalNames?.length || initSentRef.current) return;
     initSentRef.current = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.51.2",
+  "version": "4.51.4",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [