@almadar/ui 4.12.1 → 4.13.1

package/dist/components/index.js

@@ -6297,13 +6297,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect66, useRef: useRef65, useCallback: useCallback115, useState: useState99 } = React111__default;
+      const { useEffect: useEffect67, useRef: useRef65, useCallback: useCallback115, useState: useState99 } = React111__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef65({ centerLat, centerLng, zoom });
-        useEffect66(() => {
+        useEffect67(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -6314,7 +6314,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect66(() => {
+        useEffect67(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -17335,7 +17335,8 @@ function DataGrid({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 0
+  pageSize = 0,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -17400,6 +17401,26 @@ function DataGrid({
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
   }
   const hasRenderProp = typeof children === "function";
+  useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataGridLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
@@ -17601,11 +17622,12 @@ function DataGrid({
     )
   ] });
 }
-var BADGE_VARIANTS, gapStyles6;
+var dataGridLog, BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -17616,6 +17638,7 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    dataGridLog = createLogger("almadar:ui:data-grid");
     BADGE_VARIANTS = /* @__PURE__ */ new Set([
       "default",
       "primary",
@@ -17707,7 +17730,8 @@ function DataList({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 5
+  pageSize = 5,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -17798,6 +17822,26 @@ function DataList({
     ] }, gi)) });
   }
   const hasRenderProp = typeof children === "function";
+  React111__default.useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataListLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const items = data.map((item) => item);
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
   const renderItem = (itemData, index, isLast) => {
@@ -17976,10 +18020,12 @@ function DataList({
     }
   );
 }
+var dataListLog;
 var init_DataList = __esm({
   "components/molecules/DataList.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -17992,6 +18038,7 @@ var init_DataList = __esm({
     init_ProgressBar();
     init_Divider();
     init_InfiniteScrollSentinel();
+    dataListLog = createLogger("almadar:ui:data-list");
     DataList.displayName = "DataList";
   }
 });

package/dist/components/molecules/DataGrid.d.ts

@@ -96,7 +96,7 @@ export interface DataGridProps<T extends EntityRow = EntityRow> {
     /** Max items to show before "Show More" button. Defaults to 0 (disabled). */
     pageSize?: number;
 }
-export declare function DataGrid<T extends EntityRow = EntityRow>({ entity, fields, itemActions, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataGrid<T extends EntityRow = EntityRow>({ entity, fields, itemActions, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataGrid {
     var displayName: string;
 }

package/dist/components/molecules/DataList.d.ts

@@ -110,7 +110,7 @@ export interface DataListProps<T extends EntityRow = EntityRow> {
     /** Max items to show before "Show More" button. Defaults to 5. Set to 0 to disable. */
     pageSize?: number;
 }
-export declare function DataList<T extends EntityRow = EntityRow>({ entity, fields, itemActions, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, }: DataListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataList<T extends EntityRow = EntityRow>({ entity, fields, itemActions, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, }: DataListProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataList {
     var displayName: string;
 }

package/dist/providers/index.cjs

@@ -7973,13 +7973,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect62, useRef: useRef63, useCallback: useCallback95, useState: useState87 } = React116__namespace.default;
+      const { useEffect: useEffect63, useRef: useRef63, useCallback: useCallback95, useState: useState87 } = React116__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef63({ centerLat, centerLng, zoom });
-        useEffect62(() => {
+        useEffect63(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -7990,7 +7990,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect62(() => {
+        useEffect63(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -18696,7 +18696,8 @@ function DataGrid({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 0
+  pageSize = 0,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -18761,6 +18762,26 @@ function DataGrid({
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
   }
   const hasRenderProp = typeof children === "function";
+  React116.useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataGridLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
@@ -18962,11 +18983,12 @@ function DataGrid({
     )
   ] });
 }
-var BADGE_VARIANTS, gapStyles6;
+var dataGridLog, BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -18977,6 +18999,7 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    dataGridLog = createLogger("almadar:ui:data-grid");
     BADGE_VARIANTS = /* @__PURE__ */ new Set([
       "default",
       "primary",
@@ -19068,7 +19091,8 @@ function DataList({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 5
+  pageSize = 5,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -19159,6 +19183,26 @@ function DataList({
     ] }, gi)) });
   }
   const hasRenderProp = typeof children === "function";
+  React116__namespace.default.useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataListLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const items = data.map((item) => item);
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
   const renderItem = (itemData, index, isLast) => {
@@ -19337,10 +19381,12 @@ function DataList({
     }
   );
 }
+var dataListLog;
 var init_DataList = __esm({
   "components/molecules/DataList.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -19353,6 +19399,7 @@ var init_DataList = __esm({
     init_ProgressBar();
     init_Divider();
     init_InfiniteScrollSentinel();
+    dataListLog = createLogger("almadar:ui:data-list");
     DataList.displayName = "DataList";
   }
 });

package/dist/providers/index.js

@@ -7928,13 +7928,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect62, useRef: useRef63, useCallback: useCallback95, useState: useState87 } = React116__default;
+      const { useEffect: useEffect63, useRef: useRef63, useCallback: useCallback95, useState: useState87 } = React116__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef63({ centerLat, centerLng, zoom });
-        useEffect62(() => {
+        useEffect63(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -7945,7 +7945,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect62(() => {
+        useEffect63(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -18651,7 +18651,8 @@ function DataGrid({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 0
+  pageSize = 0,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -18716,6 +18717,26 @@ function DataGrid({
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
   }
   const hasRenderProp = typeof children === "function";
+  useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataGridLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
@@ -18917,11 +18938,12 @@ function DataGrid({
     )
   ] });
 }
-var BADGE_VARIANTS, gapStyles6;
+var dataGridLog, BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -18932,6 +18954,7 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    dataGridLog = createLogger("almadar:ui:data-grid");
     BADGE_VARIANTS = /* @__PURE__ */ new Set([
       "default",
       "primary",
@@ -19023,7 +19046,8 @@ function DataList({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 5
+  pageSize = 5,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -19114,6 +19138,26 @@ function DataList({
     ] }, gi)) });
   }
   const hasRenderProp = typeof children === "function";
+  React116__default.useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataListLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const items = data.map((item) => item);
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
   const renderItem = (itemData, index, isLast) => {
@@ -19292,10 +19336,12 @@ function DataList({
     }
   );
 }
+var dataListLog;
 var init_DataList = __esm({
   "components/molecules/DataList.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -19308,6 +19354,7 @@ var init_DataList = __esm({
     init_ProgressBar();
     init_Divider();
     init_InfiniteScrollSentinel();
+    dataListLog = createLogger("almadar:ui:data-list");
     DataList.displayName = "DataList";
   }
 });

package/dist/runtime/index.cjs

@@ -8230,13 +8230,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect69, useRef: useRef65, useCallback: useCallback110, useState: useState103 } = React115__namespace.default;
+      const { useEffect: useEffect70, useRef: useRef65, useCallback: useCallback110, useState: useState103 } = React115__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef65({ centerLat, centerLng, zoom });
-        useEffect69(() => {
+        useEffect70(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -8247,7 +8247,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect69(() => {
+        useEffect70(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -18602,7 +18602,8 @@ function DataGrid({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 0
+  pageSize = 0,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -18667,6 +18668,26 @@ function DataGrid({
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
   }
   const hasRenderProp = typeof children === "function";
+  React115.useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataGridLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
@@ -18868,11 +18889,12 @@ function DataGrid({
     )
   ] });
 }
-var BADGE_VARIANTS, gapStyles6;
+var dataGridLog, BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -18883,6 +18905,7 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    dataGridLog = createLogger("almadar:ui:data-grid");
     BADGE_VARIANTS = /* @__PURE__ */ new Set([
       "default",
       "primary",
@@ -18974,7 +18997,8 @@ function DataList({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 5
+  pageSize = 5,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -19065,6 +19089,26 @@ function DataList({
     ] }, gi)) });
   }
   const hasRenderProp = typeof children === "function";
+  React115__namespace.default.useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataListLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const items = data.map((item) => item);
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
   const renderItem = (itemData, index, isLast) => {
@@ -19243,10 +19287,12 @@ function DataList({
     }
   );
 }
+var dataListLog;
 var init_DataList = __esm({
   "components/molecules/DataList.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -19259,6 +19305,7 @@ var init_DataList = __esm({
     init_ProgressBar();
     init_Divider();
     init_InfiniteScrollSentinel();
+    dataListLog = createLogger("almadar:ui:data-list");
     DataList.displayName = "DataList";
   }
 });
@@ -39316,18 +39363,49 @@ function normalizeChild(child) {
     props: { ...rest, ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {} }
   };
 }
-function SlotBridge() {
+function SlotBridge({ embeddedTraits }) {
   const slots = useSlots();
-  const { render, clear } = context.useUISlots();
+  const { render, clear, updateTraitContent } = context.useUISlots();
   React115.useEffect(() => {
     slotLog.debug("SlotBridge:effect-fired", {
       slotCount: Object.keys(slots).length,
       slots: Object.keys(slots)
     });
     for (const [slotName, slotState] of Object.entries(slots)) {
-      const entries = slotEntriesInOrder(slotState);
+      const allEntries = slotEntriesInOrder(slotState);
+      const entries = [];
+      for (const e of allEntries) {
+        const traitName = e.entry.source?.trait;
+        if (traitName && embeddedTraits?.has(traitName)) {
+          const last = e.entry.patterns[e.entry.patterns.length - 1];
+          if (last?.pattern && typeof last.pattern === "object") {
+            const record = last.pattern;
+            const { type: patternType, children: nested, ...inlineProps } = record;
+            const normalizedNested = Array.isArray(nested) ? nested.map((c) => normalizeChild(c)) : nested;
+            updateTraitContent(traitName, {
+              pattern: patternType,
+              props: {
+                ...inlineProps,
+                ...last.props,
+                ...normalizedNested !== void 0 ? { children: normalizedNested } : {}
+              },
+              priority: 0,
+              animation: "fade"
+            });
+          }
+          continue;
+        }
+        entries.push(e);
+      }
       if (entries.length === 0) {
-        clear(slotName);
+        if (allEntries.length === 0) {
+          clear(slotName);
+        } else {
+          slotLog.debug("SlotBridge:embed-only-skip", {
+            slot: slotName,
+            embeddedCount: allEntries.length
+          });
+        }
         continue;
       }
       const children = entries.map(({ entry }) => entry.patterns[entry.patterns.length - 1]).filter((p2) => Boolean(p2)).map((entry) => {
@@ -39374,7 +39452,7 @@ function SlotBridge() {
         });
       }
     }
-  }, [slots, render, clear]);
+  }, [slots, render, clear, updateTraitContent, embeddedTraits]);
   return null;
 }
 function applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits) {
@@ -39609,7 +39687,7 @@ function SchemaRunner({ schema, serverUrl, transport, mockData, pageName, onNavi
             persistence
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(SlotBridge, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(SlotBridge, { embeddedTraits }),
         /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "h-full p-4", children: /* @__PURE__ */ jsxRuntime.jsx(UISlotRenderer, { includeHud: true, hudMode: "inline", includeFloating: true }) })
       ]
     }