@almadar/ui 2.60.3 → 2.60.5

package/dist/avl/index.cjs

@@ -19317,7 +19317,8 @@ var init_Carousel = __esm({
       const scrollRef = React127.useRef(null);
       const autoPlayRef = React127.useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = React127.useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -19428,7 +19429,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
               Box,
               {
                 className: cn(
@@ -19497,7 +19498,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsxRuntime.jsx(
                 Box,
@@ -46428,7 +46429,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsxRuntime.jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React127.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React127.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
     {
@@ -51852,9 +51853,30 @@ function SlotBridge() {
   }, [slots, render, clear]);
   return null;
 }
+function applyServerEffects(effects, uiSlots, onNavigate) {
+  for (const eff of effects) {
+    if (eff.type === "render-ui" && eff.slot && eff.pattern) {
+      const patternRecord = eff.pattern;
+      const { type: patternType, children, ...inlineProps } = patternRecord;
+      const normalizedChildren = Array.isArray(children) ? children.map((c) => normalizeChild(c)) : children;
+      uiSlots.render({
+        target: eff.slot,
+        pattern: patternType,
+        props: {
+          ...inlineProps,
+          ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {}
+        },
+        sourceTrait: eff.traitName ?? "server"
+      });
+    } else if (eff.type === "navigate" && eff.route && onNavigate) {
+      onNavigate(eff.route, eff.params);
+    }
+  }
+}
 function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFallback }) {
   const slotsActions = useSlotsActions();
   const bridge = useServerBridge();
+  const uiSlots = useUISlots();
   const entityStore = useEntityStore();
   const onEventProcessed = React127.useCallback(async (event, payload) => {
     if (!bridge.connected || !orbitalNames?.length) return;
@@ -51869,19 +51891,9 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
           }
         }
       }
-      for (const eff of effects) {
-        if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-          slotsActions.setSlotPatterns(
-            eff.slot,
-            [{ pattern: eff.pattern, props: {} }],
-            { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-          );
-        } else if (eff.type === "navigate" && eff.route && onNavigate) {
-          onNavigate(eff.route, eff.params);
-        }
-      }
+      applyServerEffects(effects, uiSlots, onNavigate);
     }
-  }, [bridge.connected, bridge.sendEvent, orbitalNames, slotsActions, onNavigate, entityStore]);
+  }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, entityStore]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate } : { navigate: onNavigate };
   const { sendEvent } = useTraitStateMachine(traits2, slotsActions, opts);
   const initSentRef = React127.useRef(false);
@@ -51929,18 +51941,10 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
             }
           }
         }
-        for (const eff of effects) {
-          if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-            slotsActions.setSlotPatterns(
-              eff.slot,
-              [{ pattern: eff.pattern, props: {} }],
-              { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-            );
-          }
-        }
+        applyServerEffects(effects, uiSlots, onNavigate);
       }
     })();
-  }, [bridge.connected, orbitalNames, bridge.sendEvent, slotsActions]);
+  }, [bridge.connected, orbitalNames, bridge.sendEvent, uiSlots, onNavigate]);
   return null;
 }
 function SchemaRunner({ schema, serverUrl, mockData, pageName, onNavigate, onLocalFallback }) {

package/dist/avl/index.js

@@ -19271,7 +19271,8 @@ var init_Carousel = __esm({
       const scrollRef = useRef(null);
       const autoPlayRef = useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -19382,7 +19383,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsx(
               Box,
               {
                 className: cn(
@@ -19451,7 +19452,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsx(
                 Box,
@@ -46382,7 +46383,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsx(ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -51806,9 +51807,30 @@ function SlotBridge() {
   }, [slots, render, clear]);
   return null;
 }
+function applyServerEffects(effects, uiSlots, onNavigate) {
+  for (const eff of effects) {
+    if (eff.type === "render-ui" && eff.slot && eff.pattern) {
+      const patternRecord = eff.pattern;
+      const { type: patternType, children, ...inlineProps } = patternRecord;
+      const normalizedChildren = Array.isArray(children) ? children.map((c) => normalizeChild(c)) : children;
+      uiSlots.render({
+        target: eff.slot,
+        pattern: patternType,
+        props: {
+          ...inlineProps,
+          ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {}
+        },
+        sourceTrait: eff.traitName ?? "server"
+      });
+    } else if (eff.type === "navigate" && eff.route && onNavigate) {
+      onNavigate(eff.route, eff.params);
+    }
+  }
+}
 function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFallback }) {
   const slotsActions = useSlotsActions();
   const bridge = useServerBridge();
+  const uiSlots = useUISlots();
   const entityStore = useEntityStore();
   const onEventProcessed = useCallback(async (event, payload) => {
     if (!bridge.connected || !orbitalNames?.length) return;
@@ -51823,19 +51845,9 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
           }
         }
       }
-      for (const eff of effects) {
-        if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-          slotsActions.setSlotPatterns(
-            eff.slot,
-            [{ pattern: eff.pattern, props: {} }],
-            { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-          );
-        } else if (eff.type === "navigate" && eff.route && onNavigate) {
-          onNavigate(eff.route, eff.params);
-        }
-      }
+      applyServerEffects(effects, uiSlots, onNavigate);
     }
-  }, [bridge.connected, bridge.sendEvent, orbitalNames, slotsActions, onNavigate, entityStore]);
+  }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, entityStore]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate } : { navigate: onNavigate };
   const { sendEvent } = useTraitStateMachine(traits2, slotsActions, opts);
   const initSentRef = useRef(false);
@@ -51883,18 +51895,10 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
             }
           }
         }
-        for (const eff of effects) {
-          if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-            slotsActions.setSlotPatterns(
-              eff.slot,
-              [{ pattern: eff.pattern, props: {} }],
-              { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-            );
-          }
-        }
+        applyServerEffects(effects, uiSlots, onNavigate);
       }
     })();
-  }, [bridge.connected, orbitalNames, bridge.sendEvent, slotsActions]);
+  }, [bridge.connected, orbitalNames, bridge.sendEvent, uiSlots, onNavigate]);
   return null;
 }
 function SchemaRunner({ schema, serverUrl, mockData, pageName, onNavigate, onLocalFallback }) {

package/dist/components/index.cjs

@@ -14590,7 +14590,8 @@ var init_Carousel = __esm({
       const scrollRef = React110.useRef(null);
       const autoPlayRef = React110.useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = React110.useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -14701,7 +14702,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
               exports.Box,
               {
                 className: cn(
@@ -14770,7 +14771,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsxRuntime.jsx(
                 exports.Box,
@@ -37250,7 +37251,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsxRuntime.jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(exports.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React110.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(exports.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React110.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsxRuntime.jsx(exports.ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsxRuntime.jsx(
     exports.Box,
     {

package/dist/components/index.js

@@ -14545,7 +14545,8 @@ var init_Carousel = __esm({
       const scrollRef = useRef(null);
       const autoPlayRef = useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -14656,7 +14657,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsx(
               Box,
               {
                 className: cn(
@@ -14725,7 +14726,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsx(
                 Box,
@@ -37205,7 +37206,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsx(ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsx(
     Box,
     {

package/dist/providers/index.cjs

@@ -16134,7 +16134,8 @@ var init_Carousel = __esm({
       const scrollRef = React116.useRef(null);
       const autoPlayRef = React116.useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = React116.useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -16245,7 +16246,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
               Box,
               {
                 className: cn(
@@ -16314,7 +16315,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsxRuntime.jsx(
                 Box,
@@ -37760,7 +37761,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsxRuntime.jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React116.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React116.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
     {

package/dist/providers/index.js

@@ -16089,7 +16089,8 @@ var init_Carousel = __esm({
       const scrollRef = useRef(null);
       const autoPlayRef = useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -16200,7 +16201,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsx(
               Box,
               {
                 className: cn(
@@ -16269,7 +16270,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsx(
                 Box,
@@ -37715,7 +37716,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsx(ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsx(
     Box,
     {

package/dist/runtime/index.cjs

@@ -15939,7 +15939,8 @@ var init_Carousel = __esm({
       const scrollRef = React116.useRef(null);
       const autoPlayRef = React116.useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = React116.useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -16050,7 +16051,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
               Box,
               {
                 className: cn(
@@ -16119,7 +16120,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsxRuntime.jsx(
                 Box,
@@ -37333,7 +37334,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsxRuntime.jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React116.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(React116.Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
     {
@@ -38627,9 +38628,30 @@ function SlotBridge() {
   }, [slots, render, clear]);
   return null;
 }
+function applyServerEffects(effects, uiSlots, onNavigate) {
+  for (const eff of effects) {
+    if (eff.type === "render-ui" && eff.slot && eff.pattern) {
+      const patternRecord = eff.pattern;
+      const { type: patternType, children, ...inlineProps } = patternRecord;
+      const normalizedChildren = Array.isArray(children) ? children.map((c) => normalizeChild(c)) : children;
+      uiSlots.render({
+        target: eff.slot,
+        pattern: patternType,
+        props: {
+          ...inlineProps,
+          ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {}
+        },
+        sourceTrait: eff.traitName ?? "server"
+      });
+    } else if (eff.type === "navigate" && eff.route && onNavigate) {
+      onNavigate(eff.route, eff.params);
+    }
+  }
+}
 function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFallback }) {
   const slotsActions = useSlotsActions();
   const bridge = useServerBridge();
+  const uiSlots = context.useUISlots();
   const entityStore = providers.useEntityStore();
   const onEventProcessed = React116.useCallback(async (event, payload) => {
     if (!bridge.connected || !orbitalNames?.length) return;
@@ -38644,19 +38666,9 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
           }
         }
       }
-      for (const eff of effects) {
-        if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-          slotsActions.setSlotPatterns(
-            eff.slot,
-            [{ pattern: eff.pattern, props: {} }],
-            { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-          );
-        } else if (eff.type === "navigate" && eff.route && onNavigate) {
-          onNavigate(eff.route, eff.params);
-        }
-      }
+      applyServerEffects(effects, uiSlots, onNavigate);
     }
-  }, [bridge.connected, bridge.sendEvent, orbitalNames, slotsActions, onNavigate, entityStore]);
+  }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, entityStore]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate } : { navigate: onNavigate };
   const { sendEvent } = useTraitStateMachine(traits2, slotsActions, opts);
   const initSentRef = React116.useRef(false);
@@ -38704,18 +38716,10 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
             }
           }
         }
-        for (const eff of effects) {
-          if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-            slotsActions.setSlotPatterns(
-              eff.slot,
-              [{ pattern: eff.pattern, props: {} }],
-              { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-            );
-          }
-        }
+        applyServerEffects(effects, uiSlots, onNavigate);
       }
     })();
-  }, [bridge.connected, orbitalNames, bridge.sendEvent, slotsActions]);
+  }, [bridge.connected, orbitalNames, bridge.sendEvent, uiSlots, onNavigate]);
   return null;
 }
 function SchemaRunner({ schema, serverUrl, mockData, pageName, onNavigate, onLocalFallback }) {

package/dist/runtime/index.js

@@ -15894,7 +15894,8 @@ var init_Carousel = __esm({
       const scrollRef = useRef(null);
       const autoPlayRef = useRef(null);
       const eventBus = useSafeEventBus3();
-      const totalSlides = items.length;
+      const safeItems = items ?? [];
+      const totalSlides = safeItems.length;
       const emitSlideChange = useCallback(
         (newIndex) => {
           if (slideChangeEvent) {
@@ -16005,7 +16006,7 @@ var init_Carousel = __esm({
             onPointerMove: swipeHandlers.onPointerMove,
             onPointerUp: swipeHandlers.onPointerUp,
             onPointerCancel: swipeHandlers.onPointerCancel,
-            children: items.map((item, index) => /* @__PURE__ */ jsx(
+            children: safeItems.map((item, index) => /* @__PURE__ */ jsx(
               Box,
               {
                 className: cn(
@@ -16074,7 +16075,7 @@ var init_Carousel = __esm({
           {
             position: "absolute",
             className: "bottom-3 left-0 right-0 z-10",
-            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: items.map((_, index) => {
+            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", justify: "center", children: safeItems.map((_, index) => {
               const isActive = index === activeIndex;
               return /* @__PURE__ */ jsx(
                 Box,
@@ -37288,7 +37289,7 @@ function UISlotComponent({
     );
   }
   const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss: handleDismiss });
-  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : slotContent;
+  const wrappedContent = suspenseConfig.enabled ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Suspense, { fallback: getSlotFallback(slot, suspenseConfig), children: slotContent }) }) : /* @__PURE__ */ jsx(ErrorBoundary, { children: slotContent });
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -38582,9 +38583,30 @@ function SlotBridge() {
   }, [slots, render, clear]);
   return null;
 }
+function applyServerEffects(effects, uiSlots, onNavigate) {
+  for (const eff of effects) {
+    if (eff.type === "render-ui" && eff.slot && eff.pattern) {
+      const patternRecord = eff.pattern;
+      const { type: patternType, children, ...inlineProps } = patternRecord;
+      const normalizedChildren = Array.isArray(children) ? children.map((c) => normalizeChild(c)) : children;
+      uiSlots.render({
+        target: eff.slot,
+        pattern: patternType,
+        props: {
+          ...inlineProps,
+          ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {}
+        },
+        sourceTrait: eff.traitName ?? "server"
+      });
+    } else if (eff.type === "navigate" && eff.route && onNavigate) {
+      onNavigate(eff.route, eff.params);
+    }
+  }
+}
 function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFallback }) {
   const slotsActions = useSlotsActions();
   const bridge = useServerBridge();
+  const uiSlots = useUISlots();
   const entityStore = useEntityStore();
   const onEventProcessed = useCallback(async (event, payload) => {
     if (!bridge.connected || !orbitalNames?.length) return;
@@ -38599,19 +38621,9 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
           }
         }
       }
-      for (const eff of effects) {
-        if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-          slotsActions.setSlotPatterns(
-            eff.slot,
-            [{ pattern: eff.pattern, props: {} }],
-            { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-          );
-        } else if (eff.type === "navigate" && eff.route && onNavigate) {
-          onNavigate(eff.route, eff.params);
-        }
-      }
+      applyServerEffects(effects, uiSlots, onNavigate);
     }
-  }, [bridge.connected, bridge.sendEvent, orbitalNames, slotsActions, onNavigate, entityStore]);
+  }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, entityStore]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate } : { navigate: onNavigate };
   const { sendEvent } = useTraitStateMachine(traits2, slotsActions, opts);
   const initSentRef = useRef(false);
@@ -38659,18 +38671,10 @@ function TraitInitializer({ traits: traits2, orbitalNames, onNavigate, onLocalFa
             }
           }
         }
-        for (const eff of effects) {
-          if (eff.type === "render-ui" && eff.slot && eff.pattern) {
-            slotsActions.setSlotPatterns(
-              eff.slot,
-              [{ pattern: eff.pattern, props: {} }],
-              { trait: eff.traitName ?? "server", state: "server", transition: "server-effect" }
-            );
-          }
-        }
+        applyServerEffects(effects, uiSlots, onNavigate);
       }
     })();
-  }, [bridge.connected, orbitalNames, bridge.sendEvent, slotsActions]);
+  }, [bridge.connected, orbitalNames, bridge.sendEvent, uiSlots, onNavigate]);
   return null;
 }
 function SchemaRunner({ schema, serverUrl, mockData, pageName, onNavigate, onLocalFallback }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.60.3",
+  "version": "2.60.5",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -121,7 +121,7 @@
     "@almadar/core": ">=4.8.2",
     "@almadar/evaluator": ">=2.8.1",
     "@almadar/patterns": ">=2.14.1",
-    "@almadar/runtime": ">=3.2.3",
+    "@almadar/runtime": ">=3.2.6",
     "@almadar/std": ">=6.4.1",
     "@almadar/syntax": ">=1.3.1",
     "@xyflow/react": "12.10.1",