@almadar/ui 2.60.3 → 2.60.4

package/dist/avl/index.cjs

@@ -51852,9 +51852,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 +51890,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 +51940,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

@@ -51806,9 +51806,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 +51844,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 +51894,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.cjs

@@ -38627,9 +38627,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 +38665,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 +38715,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

@@ -38582,9 +38582,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 +38620,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 +38670,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.4",
   "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",