@almadar/ui 6.19.0 → 6.21.0

package/dist/runtime/index.cjs

@@ -2176,6 +2176,36 @@ var init_Typography = __esm({
     Typography.displayName = "Typography";
   }
 });
+
+// lib/portalRoot.ts
+function lastThemedElement(selector, portalRoot) {
+  const matches = Array.from(document.querySelectorAll(selector)).filter(
+    (el) => el !== document.documentElement && el !== portalRoot
+  );
+  return matches[matches.length - 1] ?? null;
+}
+function getOrCreatePortalRoot() {
+  let root = document.getElementById("ui-slot-portal-root");
+  if (!root) {
+    root = document.createElement("div");
+    root.id = "ui-slot-portal-root";
+    root.style.position = "relative";
+    root.style.zIndex = "9999";
+    document.body.appendChild(root);
+  }
+  const themed = lastThemedElement('[data-theme*="-"]', root) ?? lastThemedElement("[data-theme]", root);
+  if (themed) {
+    const theme = themed.getAttribute("data-theme");
+    if (theme && root.getAttribute("data-theme") !== theme) {
+      root.setAttribute("data-theme", theme);
+    }
+  }
+  return root;
+}
+var init_portalRoot = __esm({
+  "lib/portalRoot.ts"() {
+  }
+});
 function isMotionEnabled() {
   if (typeof document === "undefined") return true;
   if (motionEnabledCache !== null) return motionEnabledCache;
@@ -2256,6 +2286,7 @@ var init_Modal = __esm({
     init_Dialog();
     init_Typography();
     init_cn();
+    init_portalRoot();
     init_useEventBus();
     init_Presence();
     sizeClasses2 = {
@@ -2466,7 +2497,7 @@ var init_Modal = __esm({
             )
           }
         ),
-        document.body
+        getOrCreatePortalRoot()
       );
     };
     Modal.displayName = "Modal";
@@ -20532,6 +20563,7 @@ var init_StateMachineView = __esm({
     init_Icon();
     init_useEventBus();
     init_cn();
+    init_portalRoot();
     StateNode2 = ({ state, config }) => {
       const { t } = hooks.useTranslate();
       const size = state.radius * 2;
@@ -21048,7 +21080,7 @@ var init_StateMachineView = __esm({
             )
           }
         ),
-        document.body
+        getOrCreatePortalRoot()
       );
     };
     EntityBox = ({ entity, config }) => {
@@ -27608,7 +27640,7 @@ function SubMenu({
       })
     }
   );
-  return typeof document !== "undefined" ? reactDom.createPortal(panel, document.body) : panel;
+  return typeof document !== "undefined" ? reactDom.createPortal(panel, getOrCreatePortalRoot()) : panel;
 }
 function MenuItemRow({
   item,
@@ -27695,6 +27727,7 @@ var init_Menu = __esm({
     init_Typography();
     init_Badge();
     init_cn();
+    init_portalRoot();
     init_useEventBus();
     MENU_GAP = 4;
     menuContainerStyles = cn(
@@ -27831,7 +27864,7 @@ var init_Menu = __esm({
       ) : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         triggerElement,
-        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, document.body) : panel
+        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, getOrCreatePortalRoot()) : panel
       ] });
     };
     Menu.displayName = "Menu";
@@ -31045,6 +31078,7 @@ var init_Popover = __esm({
     init_Typography();
     init_Presence();
     init_cn();
+    init_portalRoot();
     init_useTapReveal();
     arrowClasses = {
       top: "top-full left-1/2 -translate-x-1/2 border-t-white border-l-transparent border-r-transparent border-b-transparent",
@@ -31204,7 +31238,7 @@ var init_Popover = __esm({
       ) : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         triggerElement,
-        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, document.body) : panel
+        panel && typeof document !== "undefined" ? reactDom.createPortal(panel, getOrCreatePortalRoot()) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -31710,6 +31744,7 @@ var init_Tooltip = __esm({
     "use client";
     init_Typography();
     init_cn();
+    init_portalRoot();
     init_useTapReveal();
     TRIGGER_GAP2 = 8;
     arrowClasses2 = {
@@ -31815,7 +31850,7 @@ var init_Tooltip = __esm({
       ) : null;
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         trigger,
-        typeof window !== "undefined" && tooltipContent ? reactDom.createPortal(tooltipContent, document.body) : tooltipContent
+        typeof window !== "undefined" && tooltipContent ? reactDom.createPortal(tooltipContent, getOrCreatePortalRoot()) : tooltipContent
       ] });
     };
     Tooltip.displayName = "Tooltip";
@@ -43097,6 +43132,7 @@ var init_GraphCanvas = __esm({
   "components/core/molecules/GraphCanvas.tsx"() {
     "use client";
     init_cn();
+    init_portalRoot();
     init_atoms();
     init_Stack();
     init_LoadingState();
@@ -43808,7 +43844,7 @@ var init_GraphCanvas = __esm({
                 children: hoveredObj?.label
               }
             ),
-            document.body
+            getOrCreatePortalRoot()
           )
         ] }),
         groups.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "md", className: "px-4 py-2 border-t border-border", wrap: true, children: groups.map((group, idx) => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", align: "center", children: [
@@ -44969,6 +45005,7 @@ var init_DetailPanel = __esm({
     init_ErrorState();
     init_EmptyState();
     init_cn();
+    init_portalRoot();
     init_format();
     init_getNestedValue();
     init_relationLabel();
@@ -45388,7 +45425,7 @@ var init_DetailPanel = __esm({
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { className, children: content });
       }
       const panel = /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("fixed inset-y-0 right-0 w-full max-w-2xl bg-card shadow-lg z-50 overflow-y-auto p-6", className), children: content });
-      return typeof document === "undefined" ? panel : reactDom.createPortal(panel, document.body);
+      return typeof document === "undefined" ? panel : reactDom.createPortal(panel, getOrCreatePortalRoot());
     };
     DetailPanel.displayName = "DetailPanel";
   }
@@ -52298,24 +52335,6 @@ function UISlotComponentInner({
     }
   );
 }
-function getOrCreatePortalRoot() {
-  let root = document.getElementById("ui-slot-portal-root");
-  if (!root) {
-    root = document.createElement("div");
-    root.id = "ui-slot-portal-root";
-    root.style.position = "relative";
-    root.style.zIndex = "9999";
-    document.body.appendChild(root);
-  }
-  const themed = document.querySelector('[data-theme*="-"]') ?? document.querySelector("[data-theme]");
-  if (themed) {
-    const theme = themed.getAttribute("data-theme");
-    if (theme && root.getAttribute("data-theme") !== theme) {
-      root.setAttribute("data-theme", theme);
-    }
-  }
-  return root;
-}
 function CompiledPortal({ slot, className, pattern, sourceTrait, children }) {
   const [portalRoot, setPortalRoot] = React87.useState(null);
   const slotsBus = context.useUISlots();
@@ -52938,6 +52957,7 @@ var init_UISlotRenderer = __esm({
     init_slot_types();
     init_cn();
     init_format();
+    init_portalRoot();
     init_ErrorBoundary();
     init_Skeleton();
     init_renderer();
@@ -54332,7 +54352,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       }
       const relayPayload = targetTrait !== void 0 ? { ...payload ?? {}, _targetTrait: targetTrait } : payload;
       const locallyEmitted = Array.from(emittedByTrait.values()).flat();
-      void onEventProcessed(normalizedEvent, relayPayload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted);
+      void onEventProcessed(normalizedEvent, relayPayload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted, results, entityByTrait);
     }
     ui.perfEnd("processEvent:total", _perfT0);
     ui.perfEnd(`event:${normalizedEvent}`, _perfT0);
@@ -54770,7 +54790,7 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
     [serverActiveTraits]
   );
   const uiSlots = context.useUISlots();
-  const onEventProcessed = React87.useCallback((event, payload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted) => {
+  const onEventProcessed = React87.useCallback((event, payload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted, results, entityByTrait) => {
     if (!bridge.connected || !orbitalNames?.length) return;
     const targets = dispatchedOrbitals && dispatchedOrbitals.size > 0 ? orbitalNames.filter((n) => dispatchedOrbitals.has(n)) : orbitalNames;
     xOrbitalLog.debug("TraitInitializer:fanout", () => ({
@@ -54784,7 +54804,7 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
         void bridge.sendEvent(name, event, withActiveTraits(payload), tick, sourceTrait);
         continue;
       }
-      void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted).then(({ effects, meta }) => {
+      void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted, results, entityByTrait).then(({ effects, meta }) => {
         recordServerResponse(name, event, { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
         applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraitNames, onNavigateBack);
       });

package/dist/runtime/index.d.cts

@@ -1,12 +1,12 @@
 import * as _almadar_core from '@almadar/core';
-import { EventPayload, ServiceParams, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, BusEventSource, EntityRow, EntityData } from '@almadar/core';
+import { EventPayload, EntityRow, ServiceParams, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, BusEventSource, EntityData } from '@almadar/core';
 export { ResolvedEntity, ResolvedIR, ResolvedPage, ResolvedTrait, ResolvedTraitBinding } from '@almadar/core';
 import * as _almadar_runtime from '@almadar/runtime';
-import { TraitState, EffectHandlers } from '@almadar/runtime';
+import { TraitState, TransitionResult, EffectHandlers } from '@almadar/runtime';
 import { K as KeyCaptureTable } from '../useKeyboardRouter-CVn8lfiX.cjs';
 import { c as useUISlots } from '../UISlotContext-BlRDbHDy.cjs';
-import { a as EntityBindingSource, h as ServerBridgeTransport, A as AccessTokenProvider } from '../EntityBindingContext-Dglbi9ks.cjs';
-export { b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, e as ServerBridgeContextValue, f as ServerBridgeProvider, i as ServerClientEffect, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-Dglbi9ks.cjs';
+import { a as EntityBindingSource, h as ServerBridgeTransport, A as AccessTokenProvider } from '../EntityBindingContext-DoK8Xq71.cjs';
+export { b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, e as ServerBridgeContextValue, f as ServerBridgeProvider, i as ServerClientEffect, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-DoK8Xq71.cjs';
 import '../verificationRegistry-DTrKDRoa.cjs';
 export { PERF_NAMESPACE, PerfEntry, PreparedPreviewSchema, adjustSchemaForMockData, buildMockData, clearPerf, perfEnd, perfStart, perfTime, prepareSchemaForPreview, wrapCallbackForEvent } from '@almadar/runtime/ui';
 import React__default, { ReactNode } from 'react';
@@ -54,7 +54,27 @@ interface UseTraitStateMachineOptions {
      */
     tick?: string, sourceTrait?: string, 
     /** Every event name this dispatch's local effect execution emitted, one entry per emit (multiplicity matters — see `stampLocallyDeliveredEchoes`). */
-    locallyEmitted?: readonly string[]) => void | Promise<void>;
+    locallyEmitted?: readonly string[], 
+    /**
+     * Every trait whose LOCAL dispatch actually executed a transition
+     * for this event (Part G, stateless dual-execution) — always a
+     * subset of successfully-transitioned traits, never filtered
+     * further here. A stateless server consults this instead of
+     * rediscovering "which traits match this event" against its own
+     * shared state.
+     */
+    results?: ReadonlyArray<{
+        traitName: string;
+        result: TransitionResult;
+    }>, 
+    /**
+     * The client's own current entity snapshot per trait (built the
+     * same way as the `entityByTrait` already passed to
+     * `currentManager.sendEvent` above) — the input a stateless server
+     * needs for `[runtime]`-persistence entities, which have nowhere
+     * else to live.
+     */
+    entityByTrait?: Readonly<Record<string, EntityRow>>) => void | Promise<void>;
     /** Router navigate function for navigate effects. `crumb` labels the
      * target page's navigation-stack entry (from the effect's options). */
     navigate?: (path: string, params?: Record<string, string>, crumb?: string) => void;

package/dist/runtime/index.d.ts

@@ -1,12 +1,12 @@
 import * as _almadar_core from '@almadar/core';
-import { EventPayload, ServiceParams, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, BusEventSource, EntityRow, EntityData } from '@almadar/core';
+import { EventPayload, EntityRow, ServiceParams, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, BusEventSource, EntityData } from '@almadar/core';
 export { ResolvedEntity, ResolvedIR, ResolvedPage, ResolvedTrait, ResolvedTraitBinding } from '@almadar/core';
 import * as _almadar_runtime from '@almadar/runtime';
-import { TraitState, EffectHandlers } from '@almadar/runtime';
+import { TraitState, TransitionResult, EffectHandlers } from '@almadar/runtime';
 import { K as KeyCaptureTable } from '../useKeyboardRouter-B1pIi9jo.js';
 import { c as useUISlots } from '../UISlotContext-CB89mv7N.js';
-import { a as EntityBindingSource, h as ServerBridgeTransport, A as AccessTokenProvider } from '../EntityBindingContext-Dglbi9ks.js';
-export { b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, e as ServerBridgeContextValue, f as ServerBridgeProvider, i as ServerClientEffect, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-Dglbi9ks.js';
+import { a as EntityBindingSource, h as ServerBridgeTransport, A as AccessTokenProvider } from '../EntityBindingContext-DoK8Xq71.js';
+export { b as EntitySchemaContextValue, c as EntitySchemaProvider, d as EntitySchemaProviderProps, e as ServerBridgeContextValue, f as ServerBridgeProvider, i as ServerClientEffect, T as TraitContext, k as TraitContextValue, l as TraitInstance, m as TraitProvider, n as TraitProviderProps, o as useEntitySchema, p as useEntitySchemaOptional, q as useServerBridge, r as useTrait, s as useTraitContext } from '../EntityBindingContext-DoK8Xq71.js';
 import '../verificationRegistry-Cwa52VyK.js';
 export { PERF_NAMESPACE, PerfEntry, PreparedPreviewSchema, adjustSchemaForMockData, buildMockData, clearPerf, perfEnd, perfStart, perfTime, prepareSchemaForPreview, wrapCallbackForEvent } from '@almadar/runtime/ui';
 import React__default, { ReactNode } from 'react';
@@ -54,7 +54,27 @@ interface UseTraitStateMachineOptions {
      */
     tick?: string, sourceTrait?: string, 
     /** Every event name this dispatch's local effect execution emitted, one entry per emit (multiplicity matters — see `stampLocallyDeliveredEchoes`). */
-    locallyEmitted?: readonly string[]) => void | Promise<void>;
+    locallyEmitted?: readonly string[], 
+    /**
+     * Every trait whose LOCAL dispatch actually executed a transition
+     * for this event (Part G, stateless dual-execution) — always a
+     * subset of successfully-transitioned traits, never filtered
+     * further here. A stateless server consults this instead of
+     * rediscovering "which traits match this event" against its own
+     * shared state.
+     */
+    results?: ReadonlyArray<{
+        traitName: string;
+        result: TransitionResult;
+    }>, 
+    /**
+     * The client's own current entity snapshot per trait (built the
+     * same way as the `entityByTrait` already passed to
+     * `currentManager.sendEvent` above) — the input a stateless server
+     * needs for `[runtime]`-persistence entities, which have nowhere
+     * else to live.
+     */
+    entityByTrait?: Readonly<Record<string, EntityRow>>) => void | Promise<void>;
     /** Router navigate function for navigate effects. `crumb` labels the
      * target page's navigation-stack entry (from the effect's options). */
     navigate?: (path: string, params?: Record<string, string>, crumb?: string) => void;

package/dist/runtime/index.js

@@ -2102,6 +2102,36 @@ var init_Typography = __esm({
     Typography.displayName = "Typography";
   }
 });
+
+// lib/portalRoot.ts
+function lastThemedElement(selector, portalRoot) {
+  const matches = Array.from(document.querySelectorAll(selector)).filter(
+    (el) => el !== document.documentElement && el !== portalRoot
+  );
+  return matches[matches.length - 1] ?? null;
+}
+function getOrCreatePortalRoot() {
+  let root = document.getElementById("ui-slot-portal-root");
+  if (!root) {
+    root = document.createElement("div");
+    root.id = "ui-slot-portal-root";
+    root.style.position = "relative";
+    root.style.zIndex = "9999";
+    document.body.appendChild(root);
+  }
+  const themed = lastThemedElement('[data-theme*="-"]', root) ?? lastThemedElement("[data-theme]", root);
+  if (themed) {
+    const theme = themed.getAttribute("data-theme");
+    if (theme && root.getAttribute("data-theme") !== theme) {
+      root.setAttribute("data-theme", theme);
+    }
+  }
+  return root;
+}
+var init_portalRoot = __esm({
+  "lib/portalRoot.ts"() {
+  }
+});
 function isMotionEnabled() {
   if (typeof document === "undefined") return true;
   if (motionEnabledCache !== null) return motionEnabledCache;
@@ -2182,6 +2212,7 @@ var init_Modal = __esm({
     init_Dialog();
     init_Typography();
     init_cn();
+    init_portalRoot();
     init_useEventBus();
     init_Presence();
     sizeClasses2 = {
@@ -2392,7 +2423,7 @@ var init_Modal = __esm({
             )
           }
         ),
-        document.body
+        getOrCreatePortalRoot()
       );
     };
     Modal.displayName = "Modal";
@@ -20458,6 +20489,7 @@ var init_StateMachineView = __esm({
     init_Icon();
     init_useEventBus();
     init_cn();
+    init_portalRoot();
     StateNode2 = ({ state, config }) => {
       const { t } = useTranslate();
       const size = state.radius * 2;
@@ -20974,7 +21006,7 @@ var init_StateMachineView = __esm({
             )
           }
         ),
-        document.body
+        getOrCreatePortalRoot()
       );
     };
     EntityBox = ({ entity, config }) => {
@@ -27534,7 +27566,7 @@ function SubMenu({
       })
     }
   );
-  return typeof document !== "undefined" ? createPortal(panel, document.body) : panel;
+  return typeof document !== "undefined" ? createPortal(panel, getOrCreatePortalRoot()) : panel;
 }
 function MenuItemRow({
   item,
@@ -27621,6 +27653,7 @@ var init_Menu = __esm({
     init_Typography();
     init_Badge();
     init_cn();
+    init_portalRoot();
     init_useEventBus();
     MENU_GAP = 4;
     menuContainerStyles = cn(
@@ -27757,7 +27790,7 @@ var init_Menu = __esm({
       ) : null;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         triggerElement,
-        panel && typeof document !== "undefined" ? createPortal(panel, document.body) : panel
+        panel && typeof document !== "undefined" ? createPortal(panel, getOrCreatePortalRoot()) : panel
       ] });
     };
     Menu.displayName = "Menu";
@@ -30971,6 +31004,7 @@ var init_Popover = __esm({
     init_Typography();
     init_Presence();
     init_cn();
+    init_portalRoot();
     init_useTapReveal();
     arrowClasses = {
       top: "top-full left-1/2 -translate-x-1/2 border-t-white border-l-transparent border-r-transparent border-b-transparent",
@@ -31130,7 +31164,7 @@ var init_Popover = __esm({
       ) : null;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         triggerElement,
-        panel && typeof document !== "undefined" ? createPortal(panel, document.body) : panel
+        panel && typeof document !== "undefined" ? createPortal(panel, getOrCreatePortalRoot()) : panel
       ] });
     };
     Popover.displayName = "Popover";
@@ -31636,6 +31670,7 @@ var init_Tooltip = __esm({
     "use client";
     init_Typography();
     init_cn();
+    init_portalRoot();
     init_useTapReveal();
     TRIGGER_GAP2 = 8;
     arrowClasses2 = {
@@ -31741,7 +31776,7 @@ var init_Tooltip = __esm({
       ) : null;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         trigger,
-        typeof window !== "undefined" && tooltipContent ? createPortal(tooltipContent, document.body) : tooltipContent
+        typeof window !== "undefined" && tooltipContent ? createPortal(tooltipContent, getOrCreatePortalRoot()) : tooltipContent
       ] });
     };
     Tooltip.displayName = "Tooltip";
@@ -43023,6 +43058,7 @@ var init_GraphCanvas = __esm({
   "components/core/molecules/GraphCanvas.tsx"() {
     "use client";
     init_cn();
+    init_portalRoot();
     init_atoms();
     init_Stack();
     init_LoadingState();
@@ -43734,7 +43770,7 @@ var init_GraphCanvas = __esm({
                 children: hoveredObj?.label
               }
             ),
-            document.body
+            getOrCreatePortalRoot()
           )
         ] }),
         groups.length > 1 && /* @__PURE__ */ jsx(HStack, { gap: "md", className: "px-4 py-2 border-t border-border", wrap: true, children: groups.map((group, idx) => /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
@@ -44895,6 +44931,7 @@ var init_DetailPanel = __esm({
     init_ErrorState();
     init_EmptyState();
     init_cn();
+    init_portalRoot();
     init_format();
     init_getNestedValue();
     init_relationLabel();
@@ -45314,7 +45351,7 @@ var init_DetailPanel = __esm({
         return /* @__PURE__ */ jsx(Box, { className, children: content });
       }
       const panel = /* @__PURE__ */ jsx(Box, { className: cn("fixed inset-y-0 right-0 w-full max-w-2xl bg-card shadow-lg z-50 overflow-y-auto p-6", className), children: content });
-      return typeof document === "undefined" ? panel : createPortal(panel, document.body);
+      return typeof document === "undefined" ? panel : createPortal(panel, getOrCreatePortalRoot());
     };
     DetailPanel.displayName = "DetailPanel";
   }
@@ -52224,24 +52261,6 @@ function UISlotComponentInner({
     }
   );
 }
-function getOrCreatePortalRoot() {
-  let root = document.getElementById("ui-slot-portal-root");
-  if (!root) {
-    root = document.createElement("div");
-    root.id = "ui-slot-portal-root";
-    root.style.position = "relative";
-    root.style.zIndex = "9999";
-    document.body.appendChild(root);
-  }
-  const themed = document.querySelector('[data-theme*="-"]') ?? document.querySelector("[data-theme]");
-  if (themed) {
-    const theme = themed.getAttribute("data-theme");
-    if (theme && root.getAttribute("data-theme") !== theme) {
-      root.setAttribute("data-theme", theme);
-    }
-  }
-  return root;
-}
 function CompiledPortal({ slot, className, pattern, sourceTrait, children }) {
   const [portalRoot, setPortalRoot] = useState(null);
   const slotsBus = useUISlots();
@@ -52864,6 +52883,7 @@ var init_UISlotRenderer = __esm({
     init_slot_types();
     init_cn();
     init_format();
+    init_portalRoot();
     init_ErrorBoundary();
     init_Skeleton();
     init_renderer();
@@ -54258,7 +54278,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       }
       const relayPayload = targetTrait !== void 0 ? { ...payload ?? {}, _targetTrait: targetTrait } : payload;
       const locallyEmitted = Array.from(emittedByTrait.values()).flat();
-      void onEventProcessed(normalizedEvent, relayPayload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted);
+      void onEventProcessed(normalizedEvent, relayPayload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted, results, entityByTrait);
     }
     perfEnd("processEvent:total", _perfT0);
     perfEnd(`event:${normalizedEvent}`, _perfT0);
@@ -54696,7 +54716,7 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
     [serverActiveTraits]
   );
   const uiSlots = useUISlots();
-  const onEventProcessed = useCallback((event, payload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted) => {
+  const onEventProcessed = useCallback((event, payload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted, results, entityByTrait) => {
     if (!bridge.connected || !orbitalNames?.length) return;
     const targets = dispatchedOrbitals && dispatchedOrbitals.size > 0 ? orbitalNames.filter((n) => dispatchedOrbitals.has(n)) : orbitalNames;
     xOrbitalLog.debug("TraitInitializer:fanout", () => ({
@@ -54710,7 +54730,7 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
         void bridge.sendEvent(name, event, withActiveTraits(payload), tick, sourceTrait);
         continue;
       }
-      void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted).then(({ effects, meta }) => {
+      void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted, results, entityByTrait).then(({ effects, meta }) => {
         recordServerResponse(name, event, { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
         applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraitNames, onNavigateBack);
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "6.19.0",
+  "version": "6.21.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -121,8 +121,8 @@
     "@almadar/core": "^10.92.0",
     "@almadar/evaluator": "^2.45.0",
     "@almadar/logger": "^1.12.0",
-    "@almadar/runtime": "^6.78.0",
-    "@almadar/std": "^16.216.0",
+    "@almadar/runtime": "^6.79.0",
+    "@almadar/std": "^16.217.0",
     "@almadar/syntax": "^1.17.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",