@almadar/ui 4.50.11 → 4.50.13

package/dist/avl/index.cjs

@@ -24948,6 +24948,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React93__namespace.default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React93__namespace.default.useState(null);
   const zoneId = React93__namespace.default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React93__namespace.default.useMemo(
@@ -25130,17 +25131,29 @@ function useDataDnd(args) {
     });
     const ctx = React93__namespace.default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React93__namespace.default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -25156,8 +25169,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React93__namespace.default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React93__namespace.default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -25165,24 +25178,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React93__namespace.default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React93__namespace.default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -25191,6 +25212,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React93__namespace.default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React93__namespace.default.useCallback(
     (children) => {

package/dist/avl/index.js

@@ -24902,6 +24902,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React93__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React93__default.useState(null);
   const zoneId = React93__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React93__default.useMemo(
@@ -25084,17 +25085,29 @@ function useDataDnd(args) {
     });
     const ctx = React93__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React93__default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxs(
       Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsx(
@@ -25110,8 +25123,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React93__default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React93__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -25119,24 +25132,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React93__default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React93__default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -25145,6 +25166,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React93__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React93__default.useCallback(
     (children) => {

package/dist/components/index.cjs

@@ -20115,6 +20115,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React75__namespace.default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React75__namespace.default.useState(null);
   const zoneId = React75__namespace.default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React75__namespace.default.useMemo(
@@ -20297,17 +20298,29 @@ function useDataDnd(args) {
     });
     const ctx = React75__namespace.default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React75__namespace.default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       exports.Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -20323,8 +20336,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React75__namespace.default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React75__namespace.default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -20332,24 +20345,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React75__namespace.default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React75__namespace.default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -20358,6 +20379,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React75__namespace.default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React75__namespace.default.useCallback(
     (children) => {

package/dist/components/index.js

@@ -20069,6 +20069,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React75__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React75__default.useState(null);
   const zoneId = React75__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React75__default.useMemo(
@@ -20251,17 +20252,29 @@ function useDataDnd(args) {
     });
     const ctx = React75__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React75__default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxs(
       Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsx(
@@ -20277,8 +20290,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React75__default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React75__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -20286,24 +20299,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React75__default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React75__default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -20312,6 +20333,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React75__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React75__default.useCallback(
     (children) => {

package/dist/providers/index.cjs

@@ -21360,6 +21360,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React81__namespace.default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React81__namespace.default.useState(null);
   const zoneId = React81__namespace.default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React81__namespace.default.useMemo(
@@ -21542,17 +21543,29 @@ function useDataDnd(args) {
     });
     const ctx = React81__namespace.default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React81__namespace.default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -21568,8 +21581,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React81__namespace.default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React81__namespace.default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -21577,24 +21590,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React81__namespace.default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React81__namespace.default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -21603,6 +21624,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React81__namespace.default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React81__namespace.default.useCallback(
     (children) => {

package/dist/providers/index.js

@@ -21314,6 +21314,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React81__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React81__default.useState(null);
   const zoneId = React81__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React81__default.useMemo(
@@ -21496,17 +21497,29 @@ function useDataDnd(args) {
     });
     const ctx = React81__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React81__default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxs(
       Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsx(
@@ -21522,8 +21535,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React81__default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React81__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -21531,24 +21544,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React81__default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React81__default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -21557,6 +21578,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React81__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React81__default.useCallback(
     (children) => {

package/dist/runtime/index.cjs

@@ -21129,6 +21129,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React80__namespace.default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React80__namespace.default.useState(null);
   const zoneId = React80__namespace.default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React80__namespace.default.useMemo(
@@ -21311,17 +21312,29 @@ function useDataDnd(args) {
     });
     const ctx = React80__namespace.default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React80__namespace.default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -21337,8 +21350,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React80__namespace.default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React80__namespace.default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -21346,24 +21359,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React80__namespace.default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React80__namespace.default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -21372,6 +21393,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React80__namespace.default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React80__namespace.default.useCallback(
     (children) => {

package/dist/runtime/index.js

@@ -21083,6 +21083,7 @@ function useDataDnd(args) {
     zonesRef.current.delete(zoneId2);
   }, []);
   const [activeDrag, setActiveDrag] = React80__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React80__default.useState(null);
   const zoneId = React80__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
   const meta = React80__default.useMemo(
@@ -21265,17 +21266,29 @@ function useDataDnd(args) {
     });
     const ctx = React80__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
-    const showForeignPlaceholder = isOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    const overZoneGroup2 = ctx?.overZoneGroup ?? null;
+    const isThisZoneOver = overZoneGroup2 === ownGroup;
+    const showForeignPlaceholder = isThisZoneOver && activeDrag2 != null && activeDrag2.sourceGroup !== ownGroup;
+    dndLog.debug("dropzone:render", {
+      group: ownGroup,
+      isOver,
+      isThisZoneOver,
+      overZoneGroup: overZoneGroup2,
+      activeDragSourceGroup: activeDrag2?.sourceGroup ?? null,
+      activeDragHeight: activeDrag2?.height ?? null,
+      showForeignPlaceholder,
+      ctxAvailable: ctx != null
+    });
     React80__default.useEffect(() => {
-      dndLog.debug("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, showForeignPlaceholder });
-    }, [droppableId, isOver, showForeignPlaceholder]);
+      dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
+    }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsxs(
       Box,
       {
         ref: setNodeRef,
         "data-dnd-zone": ownGroup,
-        "data-dnd-is-over": isOver ? "true" : "false",
-        className: isOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
+        "data-dnd-is-over": isThisZoneOver ? "true" : "false",
+        className: isThisZoneOver ? "ring-2 ring-primary ring-offset-2 rounded-lg transition-all min-h-[3rem]" : "min-h-[3rem] rounded-lg transition-all",
         children: [
           children,
           showForeignPlaceholder ? /* @__PURE__ */ jsx(
@@ -21291,8 +21304,8 @@ function useDataDnd(args) {
     );
   };
   const rootContextValue = React80__default.useMemo(
-    () => ({ registerZone, unregisterZone, activeDrag }),
-    [registerZone, unregisterZone, activeDrag]
+    () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup }),
+    [registerZone, unregisterZone, activeDrag, overZoneGroup]
   );
   const handleDragStart = React80__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
@@ -21300,24 +21313,32 @@ function useDataDnd(args) {
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
     if (sourceZone) {
       setActiveDrag({ sourceGroup: sourceZone.group, height });
+      dndLog.info("dragStart:activeDrag:set", { sourceGroup: sourceZone.group, height, isRoot, hookZoneId: zoneId });
+    } else {
+      dndLog.warn("dragStart:no-source-zone", { activeId: event.active.id, zoneCount: zonesRef.current.size, isRoot });
     }
     dndLog.info("dragStart", {
       activeId: event.active.id,
       activeData: event.active.data?.current,
       sourceGroup: sourceZone?.group,
       height,
-      zoneCount: zonesRef.current.size
+      zoneCount: zonesRef.current.size,
+      isRoot
     });
-  }, [findZoneByItem]);
+  }, [findZoneByItem, isRoot, zoneId]);
   const handleDragOver = React80__default.useCallback((event) => {
+    const overData = event.over?.data?.current;
+    const group = overData?.dndGroup ?? null;
+    setOverZoneGroup(group);
     dndLog.debug("dragOver", {
       activeId: event.active.id,
       overId: event.over?.id,
-      overData: event.over?.data?.current
+      overGroup: group
     });
   }, []);
   const handleDragCancel = React80__default.useCallback((event) => {
     setActiveDrag(null);
+    setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
       activeId: event.active.id,
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
@@ -21326,6 +21347,7 @@ function useDataDnd(args) {
   const handleDragEndWithCleanup = React80__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
+    setOverZoneGroup(null);
   }, [handleDragEnd]);
   const wrapContainer = React80__default.useCallback(
     (children) => {

package/package.json

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