@strapi/upload 5.51.1 → 5.52.0

package/dist/admin/future/pages/Assets/components/DeleteItemsDialog.mjs

@@ -0,0 +1,129 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { useNotification } from '@strapi/admin/strapi-admin';
+import { Dialog, Typography, Button } from '@strapi/design-system';
+import { WarningCircle } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useBulkDeleteItemsMutation } from '../../../services/assets.mjs';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+
+/**
+ * Confirm dialog for `POST /upload/actions/bulk-delete`. Fully controlled: the
+ * caller owns `open` and renders its own trigger. Shared by the bulk actions bar
+ * (selection-scoped) and the per-folder actions menu (item-scoped), so the
+ * target is always passed in explicitly rather than read from the selection.
+ *
+ * Deleting a folder cascades server-side, which is why the copy warns about
+ * folder contents even for a single item.
+ */ const DeleteItemsDialog = ({ open, onClose, target, onSuccess, onPendingChange })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();
+    const count = target.fileIds.length + target.folderIds.length;
+    useEffect(()=>{
+        onPendingChange?.(isDeleting);
+    }, [
+        isDeleting,
+        onPendingChange
+    ]);
+    const handleConfirmDelete = async (e)=>{
+        // Radix AlertDialog.Action closes the dialog on click by default; prevent
+        // that so the dialog stays open showing the loader while the request runs
+        // (a bulk delete can take a while depending on the number of assets).
+        e.preventDefault();
+        // Guard re-entry while pending.
+        if (isDeleting) {
+            return;
+        }
+        const res = await bulkDeleteItems(target);
+        if ('error' in res) {
+            // Keep the dialog open and the selection intact so the user can retry
+            // (Confirm again) or Cancel; only surface the error toast.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.delete.error'),
+                    defaultMessage: 'An error occurred while deleting the items.'
+                })
+            });
+            return;
+        }
+        onClose();
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: getTranslationKey('list.bulk-actions.delete.success'),
+                defaultMessage: '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}'
+            }, {
+                count
+            })
+        });
+        onSuccess?.();
+    };
+    return /*#__PURE__*/ jsx(Dialog.Root, {
+        open: open,
+        onOpenChange: (nextOpen)=>{
+            // The dialog must stay open while the request runs — a bulk delete
+            // can't be aborted halfway, so the loader is the source of truth.
+            if (!nextOpen && !isDeleting) {
+                onClose();
+            }
+        },
+        children: /*#__PURE__*/ jsxs(Dialog.Content, {
+            children: [
+                /*#__PURE__*/ jsx(Dialog.Header, {
+                    children: formatMessage({
+                        id: getTranslationKey('list.bulk-actions.delete.confirm.title'),
+                        defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?'
+                    }, {
+                        count
+                    })
+                }),
+                /*#__PURE__*/ jsx(Dialog.Body, {
+                    icon: /*#__PURE__*/ jsx(WarningCircle, {
+                        width: "24px",
+                        height: "24px",
+                        fill: "danger600"
+                    }),
+                    textAlign: "center",
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        children: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),
+                            defaultMessage: 'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Dialog.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsx(Dialog.Cancel, {
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "tertiary",
+                                disabled: isDeleting,
+                                fullWidth: true,
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Dialog.Action, {
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "danger-light",
+                                loading: isDeleting,
+                                onClick: handleConfirmDelete,
+                                fullWidth: true,
+                                children: formatMessage({
+                                    id: 'app.components.Button.confirm',
+                                    defaultMessage: 'Confirm'
+                                })
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+export { DeleteItemsDialog };
+//# sourceMappingURL=DeleteItemsDialog.mjs.map

package/dist/admin/future/pages/Assets/components/DeleteItemsDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteItemsDialog.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/DeleteItemsDialog.tsx"],"sourcesContent":["import { useEffect, type MouseEvent } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Button, Dialog, Typography } from '@strapi/design-system';\nimport { WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useBulkDeleteItemsMutation } from '../../../services/assets';\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface DeleteItemsDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /** Explicit delete target — assets and/or folders, by id. */\n  target: { fileIds: number[]; folderIds: number[] };\n  /** Called after a successful delete, before the toast. */\n  onSuccess?: () => void;\n  /**\n   * Mirrors the in-flight state out to the caller, so a host that has its own\n   * controls (the bulk actions bar) can disable them for the duration.\n   */\n  onPendingChange?: (pending: boolean) => void;\n}\n\n/**\n * Confirm dialog for `POST /upload/actions/bulk-delete`. Fully controlled: the\n * caller owns `open` and renders its own trigger. Shared by the bulk actions bar\n * (selection-scoped) and the per-folder actions menu (item-scoped), so the\n * target is always passed in explicitly rather than read from the selection.\n *\n * Deleting a folder cascades server-side, which is why the copy warns about\n * folder contents even for a single item.\n */\nexport const DeleteItemsDialog = ({\n  open,\n  onClose,\n  target,\n  onSuccess,\n  onPendingChange,\n}: DeleteItemsDialogProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();\n\n  const count = target.fileIds.length + target.folderIds.length;\n\n  useEffect(() => {\n    onPendingChange?.(isDeleting);\n  }, [isDeleting, onPendingChange]);\n\n  const handleConfirmDelete = async (e: MouseEvent) => {\n    // Radix AlertDialog.Action closes the dialog on click by default; prevent\n    // that so the dialog stays open showing the loader while the request runs\n    // (a bulk delete can take a while depending on the number of assets).\n    e.preventDefault();\n\n    // Guard re-entry while pending.\n    if (isDeleting) {\n      return;\n    }\n\n    const res = await bulkDeleteItems(target);\n\n    if ('error' in res) {\n      // Keep the dialog open and the selection intact so the user can retry\n      // (Confirm again) or Cancel; only surface the error toast.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.delete.error'),\n          defaultMessage: 'An error occurred while deleting the items.',\n        }),\n      });\n      return;\n    }\n\n    onClose();\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.delete.success'),\n          defaultMessage:\n            '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}',\n        },\n        { count }\n      ),\n    });\n    onSuccess?.();\n  };\n\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={(nextOpen: boolean) => {\n        // The dialog must stay open while the request runs — a bulk delete\n        // can't be aborted halfway, so the loader is the source of truth.\n        if (!nextOpen && !isDeleting) {\n          onClose();\n        }\n      }}\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          {formatMessage(\n            {\n              id: getTranslationKey('list.bulk-actions.delete.confirm.title'),\n              defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?',\n            },\n            { count }\n          )}\n        </Dialog.Header>\n        <Dialog.Body\n          icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n          textAlign=\"center\"\n        >\n          <Typography>\n            {formatMessage({\n              id: getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),\n              defaultMessage:\n                'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.',\n            })}\n          </Typography>\n        </Dialog.Body>\n        <Dialog.Footer>\n          <Dialog.Cancel>\n            <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          </Dialog.Cancel>\n          <Dialog.Action>\n            <Button\n              variant=\"danger-light\"\n              loading={isDeleting}\n              onClick={handleConfirmDelete}\n              fullWidth\n            >\n              {formatMessage({\n                id: 'app.components.Button.confirm',\n                defaultMessage: 'Confirm',\n              })}\n            </Button>\n          </Dialog.Action>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n"],"names":["DeleteItemsDialog","open","onClose","target","onSuccess","onPendingChange","formatMessage","useIntl","toggleNotification","useNotification","bulkDeleteItems","isLoading","isDeleting","useBulkDeleteItemsMutation","count","fileIds","length","folderIds","useEffect","handleConfirmDelete","e","preventDefault","res","type","message","id","getTranslationKey","defaultMessage","_jsx","Dialog","Root","onOpenChange","nextOpen","_jsxs","Content","Header","Body","icon","WarningCircle","width","height","fill","textAlign","Typography","Footer","Cancel","Button","variant","disabled","fullWidth","Action","loading","onClick"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/Dnd/AssetsDndProvider.js

@@ -6,12 +6,14 @@ var core = require('@dnd-kit/core');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
+var useMediaLibraryPermissions = require('../../../../hooks/useMediaLibraryPermissions.js');
 var folders = require('../../../../services/folders.js');
 var buildBulkMovePayload = require('../../../../utils/buildBulkMovePayload.js');
 var canDropItemOnFolder = require('../../../../utils/canDropItemOnFolder.js');
 var formatMoveSuccessMessage = require('../../../../utils/formatMoveSuccessMessage.js');
 var getBulkMoveErrorMessage = require('../../../../utils/getBulkMoveErrorMessage.js');
 var getFolderLabel = require('../../../../utils/getFolderLabel.js');
+var itemLocations = require('../../../../utils/itemLocations.js');
 var translations = require('../../../../utils/translations.js');
 var useAssetSelection = require('../../hooks/useAssetSelection.js');
 var useFolderNavigation = require('../../hooks/useFolderNavigation.js');
@@ -42,7 +44,11 @@ const resolveDestination = (overId)=>{
     }
     return null;
 };
-const AssetsDndProvider = ({ children })=>{
+// Activation distance no real pointer gesture will ever reach — used to keep a
+// constant-length sensor array while disabling drag for users without the move
+// permission (see the note in the provider).
+const DRAG_DISABLED_DISTANCE = Number.MAX_SAFE_INTEGER;
+const AssetsDndProvider = ({ children, locations = itemLocations.emptyItemLocations })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
     const selection = useAssetSelection.useAssetSelectionOptional();
@@ -58,15 +64,29 @@ const AssetsDndProvider = ({ children })=>{
     // Sync session for drag-end — state alone can lag one render behind dragStart.
     const dragSessionRef = React.useRef({
         items: [],
-        fromSelection: false
+        fromSelection: false,
+        activeSourceFolderId: null,
+        spansMultipleSources: false
     });
     const announceToLiveRegion = React.useCallback((message)=>{
         setLiveAnnouncement('');
         requestAnimationFrame(()=>setLiveAnnouncement(message));
     }, []);
+    // Moving is a mutation (bulk-move → `assets.update`); without the permission
+    // pointer drag must never activate. Keyboard moves go through BulkMoveDialog,
+    // which is itself gated.
+    //
+    // The gate has to keep BOTH the `useSensor`/`useSensors` calls AND the sensor
+    // array's length constant across renders: `canUpdate` starts false and flips
+    // true once the RBAC check resolves, and dnd-kit keys internal memos/effects
+    // on the sensor list, erroring if its size changes ("argument changed size
+    // between renders"). So adding/removing a sensor is out — instead keep one
+    // PointerSensor always and push its activation distance out of reach when the
+    // user can't move, which no real drag gesture will ever satisfy.
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
     const sensors = core.useSensors(core.useSensor(core.PointerSensor, {
         activationConstraint: {
-            distance: 8
+            distance: canUpdate ? 8 : DRAG_DISABLED_DISTANCE
         }
     }));
     const validDropTargets = React.useMemo(()=>computeValidDropTargets.computeValidDropTargets(dragItems, folderStructure), [
@@ -88,7 +108,9 @@ const AssetsDndProvider = ({ children })=>{
     const clearDragState = React.useCallback(()=>{
         dragSessionRef.current = {
             items: [],
-            fromSelection: false
+            fromSelection: false,
+            activeSourceFolderId: null,
+            spansMultipleSources: false
         };
         setDragItems([]);
     }, []);
@@ -98,20 +120,18 @@ const AssetsDndProvider = ({ children })=>{
             clearDragState();
             return;
         }
-        const { items, fromSelection } = buildDragSet.buildDragSet(data, selection?.selectedKeys, currentFolderId);
-        dragSessionRef.current = {
-            items,
-            fromSelection
-        };
-        setDragItems(items);
+        const dragSet = buildDragSet.buildDragSet(data, selection?.selectedKeys, locations, currentFolderId);
+        dragSessionRef.current = dragSet;
+        setDragItems(dragSet.items);
     }, [
         clearDragState,
         currentFolderId,
+        locations,
         selection?.selectedKeys
     ]);
     const handleDragEnd = React.useCallback(async (event)=>{
         const { over } = event;
-        const { items, fromSelection } = dragSessionRef.current;
+        const { items, fromSelection, activeSourceFolderId, spansMultipleSources } = dragSessionRef.current;
         clearDragState();
         if (isMovePending || !over || items.length === 0) {
             return;
@@ -129,13 +149,17 @@ const AssetsDndProvider = ({ children })=>{
             return;
         }
         const payload = buildBulkMovePayload.buildBulkMovePayload(items);
-        // Source is always the current folder — dragged items are, by definition,
-        // visible in the current view. Destination is the drop target. Both use
-        // leaf names so the DnD toast reads identically to the dialog's.
+        // Source is the grabbed row's own location, not the folder currently open:
+        // a global search result can be dragged out of a folder the user isn't in.
+        // A search-built selection can also span folders, and then no single
+        // source is true for the whole set — `null` drops it from the wording
+        // instead of naming one item's folder for all of them. Destination is the
+        // drop target. Both use leaf names so the DnD toast reads identically to
+        // the dialog's.
         const successMessage = formatMoveSuccessMessage.formatMoveSuccessMessage({
             formatMessage,
             count: items.length,
-            source: getFolderLabel.getFolderLabel(folderStructure, currentFolderId, rootLabel),
+            source: spansMultipleSources ? null : getFolderLabel.getFolderLabel(folderStructure, activeSourceFolderId, rootLabel),
             destination: getFolderLabel.getFolderLabel(folderStructure, targetFolderId, rootLabel)
         });
         const errorFallback = formatMessage({
@@ -172,7 +196,6 @@ const AssetsDndProvider = ({ children })=>{
         announceToLiveRegion,
         bulkMove,
         clearDragState,
-        currentFolderId,
         folderStructure,
         formatMessage,
         isMovePending,
@@ -208,7 +231,7 @@ const AssetsDndProvider = ({ children })=>{
                 if (!destination || !activeData) {
                     return '';
                 }
-                const { items } = buildDragSet.buildDragSet(activeData, selection?.selectedKeys, currentFolderId);
+                const { items } = buildDragSet.buildDragSet(activeData, selection?.selectedKeys, locations, currentFolderId);
                 if (!canDropItemOnFolder.canDropItemOnFolder({
                     items,
                     targetFolderId: destination.destinationFolderId,
@@ -229,6 +252,7 @@ const AssetsDndProvider = ({ children })=>{
         currentFolderId,
         folderStructure,
         formatMessage,
+        locations,
         selection?.selectedKeys
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(AssetsDndContext.Provider, {
@@ -248,8 +272,11 @@ const AssetsDndProvider = ({ children })=>{
                     "aria-atomic": "true",
                     children: liveAnnouncement
                 }),
-                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                     position: "relative",
+                    alignItems: "stretch",
+                    direction: "column",
+                    height: "100%",
                     children: children
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx(core.DragOverlay, {

package/dist/admin/future/pages/Assets/components/Dnd/AssetsDndProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsDndProvider.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/AssetsDndProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useBulkMoveMutation, useGetFolderStructureQuery } from '../../../../services/folders';\nimport { buildBulkMovePayload } from '../../../../utils/buildBulkMovePayload';\nimport { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder';\nimport { formatMoveSuccessMessage } from '../../../../utils/formatMoveSuccessMessage';\nimport { getBulkMoveErrorMessage } from '../../../../utils/getBulkMoveErrorMessage';\nimport { getFolderLabel } from '../../../../utils/getFolderLabel';\nimport { getTranslationKey } from '../../../../utils/translations';\nimport { useAssetSelectionOptional } from '../../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../../hooks/useFolderNavigation';\n\nimport { buildDragSet } from './buildDragSet';\nimport { computeValidDropTargets } from './computeValidDropTargets';\nimport { parseFolderTargetId, parseFolderTreeTargetId } from './dndIds';\nimport { DragOverlayChip } from './DragOverlayChip';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\n/* -------------------------------------------------------------------------------------------------\n * Context — shared with UploadDropZoneProvider for bidirectional drag guard.\n * See UploadDropZoneContext.tsx TODO linking both providers.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndContextValue {\n  isInternalDragActive: boolean;\n  isMovePending: boolean;\n  /** O(1) lookup of whether the current drag set may drop on this destination. */\n  isValidDropTarget: (targetFolderId: number | null) => boolean;\n}\n\nconst AssetsDndContext = createContext<AssetsDndContextValue | null>(null);\n\nexport const useAssetsDnd = () => {\n  const context = useContext(AssetsDndContext);\n\n  if (!context) {\n    throw new Error('useAssetsDnd must be used within AssetsDndProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetsDndOptional = () => useContext(AssetsDndContext);\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndProviderProps {\n  children: ReactNode;\n}\n\ninterface DragSession {\n  items: DragItemData[];\n  fromSelection: boolean;\n}\n\nconst resolveDestination = (\n  overId: string | number\n): { destinationFolderId: number | null } | null => {\n  const inView = parseFolderTargetId(overId);\n\n  if (inView != null) {\n    return { destinationFolderId: inView };\n  }\n\n  const tree = parseFolderTreeTargetId(overId);\n\n  if (tree === 'root') {\n    return { destinationFolderId: null };\n  }\n\n  if (typeof tree === 'number') {\n    return { destinationFolderId: tree };\n  }\n\n  return null;\n};\n\nexport const AssetsDndProvider = ({ children }: AssetsDndProviderProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const selection = useAssetSelectionOptional();\n  const { currentFolderId } = useFolderNavigation();\n  const { data: folderStructure = [] } = useGetFolderStructureQuery();\n  const rootLabel = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n  const [bulkMove, { isLoading: isMovePending }] = useBulkMoveMutation();\n  const [dragItems, setDragItems] = useState<DragItemData[]>([]);\n  const [liveAnnouncement, setLiveAnnouncement] = useState('');\n  // Sync session for drag-end — state alone can lag one render behind dragStart.\n  const dragSessionRef = useRef<DragSession>({ items: [], fromSelection: false });\n\n  const announceToLiveRegion = useCallback((message: string) => {\n    setLiveAnnouncement('');\n    requestAnimationFrame(() => setLiveAnnouncement(message));\n  }, []);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: { distance: 8 },\n    })\n  );\n\n  const validDropTargets = useMemo(\n    () => computeValidDropTargets(dragItems, folderStructure),\n    [dragItems, folderStructure]\n  );\n\n  const isValidDropTarget = useCallback(\n    (targetFolderId: number | null) => validDropTargets.has(targetFolderId),\n    [validDropTargets]\n  );\n\n  const contextValue = useMemo<AssetsDndContextValue>(\n    () => ({\n      isInternalDragActive: dragItems.length > 0,\n      isMovePending,\n      isValidDropTarget,\n    }),\n    [dragItems.length, isMovePending, isValidDropTarget]\n  );\n\n  const clearDragState = useCallback(() => {\n    dragSessionRef.current = { items: [], fromSelection: false };\n    setDragItems([]);\n  }, []);\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const data = event.active.data.current as DragItemData | undefined;\n\n      if (!data) {\n        clearDragState();\n        return;\n      }\n\n      const { items, fromSelection } = buildDragSet(data, selection?.selectedKeys, currentFolderId);\n      dragSessionRef.current = { items, fromSelection };\n      setDragItems(items);\n    },\n    [clearDragState, currentFolderId, selection?.selectedKeys]\n  );\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { over } = event;\n      const { items, fromSelection } = dragSessionRef.current;\n      clearDragState();\n\n      if (isMovePending || !over || items.length === 0) {\n        return;\n      }\n\n      const destination = resolveDestination(over.id);\n\n      if (!destination) {\n        return;\n      }\n\n      const { destinationFolderId: targetFolderId } = destination;\n\n      if (\n        !canDropItemOnFolder({\n          items,\n          targetFolderId,\n          folderStructure,\n        })\n      ) {\n        return;\n      }\n\n      const payload = buildBulkMovePayload(items);\n      // Source is always the current folder — dragged items are, by definition,\n      // visible in the current view. Destination is the drop target. Both use\n      // leaf names so the DnD toast reads identically to the dialog's.\n      const successMessage = formatMoveSuccessMessage({\n        formatMessage,\n        count: items.length,\n        source: getFolderLabel(folderStructure, currentFolderId, rootLabel),\n        destination: getFolderLabel(folderStructure, targetFolderId, rootLabel),\n      });\n      const errorFallback = formatMessage({\n        id: getTranslationKey('list.bulk-actions.move.error'),\n        defaultMessage: 'An error occurred while moving the items.',\n      });\n\n      try {\n        await bulkMove({ ...payload, destinationFolderId: targetFolderId }).unwrap();\n\n        if (fromSelection) {\n          selection?.clear();\n        }\n\n        announceToLiveRegion(successMessage);\n\n        toggleNotification({\n          type: 'success',\n          message: successMessage,\n        });\n      } catch (error) {\n        const errorMessage = getBulkMoveErrorMessage(error, errorFallback);\n\n        announceToLiveRegion(\n          formatMessage(\n            {\n              id: getTranslationKey('dnd.announce.move-failure'),\n              defaultMessage: 'Move failed. {message}',\n            },\n            { message: errorMessage }\n          )\n        );\n\n        toggleNotification({\n          type: 'danger',\n          message: errorMessage,\n        });\n      }\n    },\n    [\n      announceToLiveRegion,\n      bulkMove,\n      clearDragState,\n      currentFolderId,\n      folderStructure,\n      formatMessage,\n      isMovePending,\n      rootLabel,\n      selection,\n      toggleNotification,\n    ]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    clearDragState();\n  }, [clearDragState]);\n\n  const announcements = useMemo(\n    () => ({\n      onDragStart: ({ active }: DragStartEvent) => {\n        const data = active.data.current as DragItemData | undefined;\n        return data\n          ? formatMessage(\n              {\n                id: getTranslationKey('dnd.announce.drag-start'),\n                defaultMessage: 'Picked up {name}. Drop on a folder to move.',\n              },\n              { name: data.name }\n            )\n          : '';\n      },\n      onDragOver: () => '',\n      onDragEnd: ({ active, over }: DragEndEvent) => {\n        if (!over) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.cancel'),\n            defaultMessage: 'Drag cancelled.',\n          });\n        }\n\n        const destination = resolveDestination(over.id);\n        const activeData = active.data.current as DragItemData | undefined;\n\n        if (!destination || !activeData) {\n          return '';\n        }\n\n        const { items } = buildDragSet(activeData, selection?.selectedKeys, currentFolderId);\n\n        if (\n          !canDropItemOnFolder({\n            items,\n            targetFolderId: destination.destinationFolderId,\n            folderStructure,\n          })\n        ) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.invalid-drop'),\n            defaultMessage: 'Cannot move item to this folder.',\n          });\n        }\n\n        return '';\n      },\n      onDragCancel: () =>\n        formatMessage({\n          id: getTranslationKey('dnd.announce.cancel'),\n          defaultMessage: 'Drag cancelled.',\n        }),\n    }),\n    [currentFolderId, folderStructure, formatMessage, selection?.selectedKeys]\n  );\n\n  return (\n    <AssetsDndContext.Provider value={contextValue}>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={pointerWithin}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n        onDragCancel={handleDragCancel}\n        accessibility={{ announcements }}\n      >\n        <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n          {liveAnnouncement}\n        </VisuallyHidden>\n        <Box position=\"relative\">{children}</Box>\n        <DragOverlay dropAnimation={null}>\n          {dragItems.length > 0 ? <DragOverlayChip items={dragItems} /> : null}\n        </DragOverlay>\n      </DndContext>\n    </AssetsDndContext.Provider>\n  );\n};\n\n// Keyboard-accessible moves are handled by `BulkMoveDialog` (reachable from the\n// bulk-actions bar): pointer drag is a mouse-only enhancement, the dialog is the\n// a11y path. No `KeyboardSensor` by design.\n"],"names":["AssetsDndContext","createContext","useAssetsDndOptional","useContext","resolveDestination","overId","inView","parseFolderTargetId","destinationFolderId","tree","parseFolderTreeTargetId","AssetsDndProvider","children","formatMessage","useIntl","toggleNotification","useNotification","selection","useAssetSelectionOptional","currentFolderId","useFolderNavigation","data","folderStructure","useGetFolderStructureQuery","rootLabel","id","getTranslationKey","defaultMessage","bulkMove","isLoading","isMovePending","useBulkMoveMutation","dragItems","setDragItems","useState","liveAnnouncement","setLiveAnnouncement","dragSessionRef","useRef","items","fromSelection","announceToLiveRegion","useCallback","message","requestAnimationFrame","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","validDropTargets","useMemo","computeValidDropTargets","isValidDropTarget","targetFolderId","has","contextValue","isInternalDragActive","length","clearDragState","current","handleDragStart","event","active","buildDragSet","selectedKeys","handleDragEnd","over","destination","canDropItemOnFolder","payload","buildBulkMovePayload","successMessage","formatMoveSuccessMessage","count","source","getFolderLabel","errorFallback","unwrap","clear","type","error","errorMessage","getBulkMoveErrorMessage","handleDragCancel","announcements","onDragStart","name","onDragOver","onDragEnd","activeData","onDragCancel","_jsx","Provider","value","_jsxs","DndContext","collisionDetection","pointerWithin","accessibility","VisuallyHidden","aria-live","aria-atomic","Box","position","DragOverlay","dropAnimation","DragOverlayChip"],"mappings":"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"}
+{"version":3,"file":"AssetsDndProvider.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/AssetsDndProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Flex, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useMediaLibraryPermissions } from '../../../../hooks/useMediaLibraryPermissions';\nimport { useBulkMoveMutation, useGetFolderStructureQuery } from '../../../../services/folders';\nimport { buildBulkMovePayload } from '../../../../utils/buildBulkMovePayload';\nimport { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder';\nimport { formatMoveSuccessMessage } from '../../../../utils/formatMoveSuccessMessage';\nimport { getBulkMoveErrorMessage } from '../../../../utils/getBulkMoveErrorMessage';\nimport { getFolderLabel } from '../../../../utils/getFolderLabel';\nimport { emptyItemLocations, type ItemLocations } from '../../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../../utils/translations';\nimport { useAssetSelectionOptional } from '../../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../../hooks/useFolderNavigation';\n\nimport { buildDragSet } from './buildDragSet';\nimport { computeValidDropTargets } from './computeValidDropTargets';\nimport { parseFolderTargetId, parseFolderTreeTargetId } from './dndIds';\nimport { DragOverlayChip } from './DragOverlayChip';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\n/* -------------------------------------------------------------------------------------------------\n * Context — shared with UploadDropZoneProvider for bidirectional drag guard.\n * See UploadDropZoneContext.tsx TODO linking both providers.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndContextValue {\n  isInternalDragActive: boolean;\n  isMovePending: boolean;\n  /** O(1) lookup of whether the current drag set may drop on this destination. */\n  isValidDropTarget: (targetFolderId: number | null) => boolean;\n}\n\nconst AssetsDndContext = createContext<AssetsDndContextValue | null>(null);\n\nexport const useAssetsDnd = () => {\n  const context = useContext(AssetsDndContext);\n\n  if (!context) {\n    throw new Error('useAssetsDnd must be used within AssetsDndProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetsDndOptional = () => useContext(AssetsDndContext);\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndProviderProps {\n  children: ReactNode;\n  /**\n   * Real location of every loaded row, so a multi-item drag validates against\n   * each item's own parent. Defaults to a lookup that misses everything, which\n   * falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n}\n\ninterface DragSession {\n  items: DragItemData[];\n  fromSelection: boolean;\n  /** Location of the grabbed row — names the source in the success toast. */\n  activeSourceFolderId: number | null;\n  /** True when the set spans several source folders, so none can be named. */\n  spansMultipleSources: boolean;\n}\n\nconst resolveDestination = (\n  overId: string | number\n): { destinationFolderId: number | null } | null => {\n  const inView = parseFolderTargetId(overId);\n\n  if (inView != null) {\n    return { destinationFolderId: inView };\n  }\n\n  const tree = parseFolderTreeTargetId(overId);\n\n  if (tree === 'root') {\n    return { destinationFolderId: null };\n  }\n\n  if (typeof tree === 'number') {\n    return { destinationFolderId: tree };\n  }\n\n  return null;\n};\n\n// Activation distance no real pointer gesture will ever reach — used to keep a\n// constant-length sensor array while disabling drag for users without the move\n// permission (see the note in the provider).\nconst DRAG_DISABLED_DISTANCE = Number.MAX_SAFE_INTEGER;\n\nexport const AssetsDndProvider = ({\n  children,\n  locations = emptyItemLocations,\n}: AssetsDndProviderProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const selection = useAssetSelectionOptional();\n  const { currentFolderId } = useFolderNavigation();\n  const { data: folderStructure = [] } = useGetFolderStructureQuery();\n  const rootLabel = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n  const [bulkMove, { isLoading: isMovePending }] = useBulkMoveMutation();\n  const [dragItems, setDragItems] = useState<DragItemData[]>([]);\n  const [liveAnnouncement, setLiveAnnouncement] = useState('');\n  // Sync session for drag-end — state alone can lag one render behind dragStart.\n  const dragSessionRef = useRef<DragSession>({\n    items: [],\n    fromSelection: false,\n    activeSourceFolderId: null,\n    spansMultipleSources: false,\n  });\n\n  const announceToLiveRegion = useCallback((message: string) => {\n    setLiveAnnouncement('');\n    requestAnimationFrame(() => setLiveAnnouncement(message));\n  }, []);\n\n  // Moving is a mutation (bulk-move → `assets.update`); without the permission\n  // pointer drag must never activate. Keyboard moves go through BulkMoveDialog,\n  // which is itself gated.\n  //\n  // The gate has to keep BOTH the `useSensor`/`useSensors` calls AND the sensor\n  // array's length constant across renders: `canUpdate` starts false and flips\n  // true once the RBAC check resolves, and dnd-kit keys internal memos/effects\n  // on the sensor list, erroring if its size changes (\"argument changed size\n  // between renders\"). So adding/removing a sensor is out — instead keep one\n  // PointerSensor always and push its activation distance out of reach when the\n  // user can't move, which no real drag gesture will ever satisfy.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: { distance: canUpdate ? 8 : DRAG_DISABLED_DISTANCE },\n    })\n  );\n\n  const validDropTargets = useMemo(\n    () => computeValidDropTargets(dragItems, folderStructure),\n    [dragItems, folderStructure]\n  );\n\n  const isValidDropTarget = useCallback(\n    (targetFolderId: number | null) => validDropTargets.has(targetFolderId),\n    [validDropTargets]\n  );\n\n  const contextValue = useMemo<AssetsDndContextValue>(\n    () => ({\n      isInternalDragActive: dragItems.length > 0,\n      isMovePending,\n      isValidDropTarget,\n    }),\n    [dragItems.length, isMovePending, isValidDropTarget]\n  );\n\n  const clearDragState = useCallback(() => {\n    dragSessionRef.current = {\n      items: [],\n      fromSelection: false,\n      activeSourceFolderId: null,\n      spansMultipleSources: false,\n    };\n    setDragItems([]);\n  }, []);\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const data = event.active.data.current as DragItemData | undefined;\n\n      if (!data) {\n        clearDragState();\n        return;\n      }\n\n      const dragSet = buildDragSet(data, selection?.selectedKeys, locations, currentFolderId);\n      dragSessionRef.current = dragSet;\n      setDragItems(dragSet.items);\n    },\n    [clearDragState, currentFolderId, locations, selection?.selectedKeys]\n  );\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { over } = event;\n      const { items, fromSelection, activeSourceFolderId, spansMultipleSources } =\n        dragSessionRef.current;\n      clearDragState();\n\n      if (isMovePending || !over || items.length === 0) {\n        return;\n      }\n\n      const destination = resolveDestination(over.id);\n\n      if (!destination) {\n        return;\n      }\n\n      const { destinationFolderId: targetFolderId } = destination;\n\n      if (\n        !canDropItemOnFolder({\n          items,\n          targetFolderId,\n          folderStructure,\n        })\n      ) {\n        return;\n      }\n\n      const payload = buildBulkMovePayload(items);\n      // Source is the grabbed row's own location, not the folder currently open:\n      // a global search result can be dragged out of a folder the user isn't in.\n      // A search-built selection can also span folders, and then no single\n      // source is true for the whole set — `null` drops it from the wording\n      // instead of naming one item's folder for all of them. Destination is the\n      // drop target. Both use leaf names so the DnD toast reads identically to\n      // the dialog's.\n      const successMessage = formatMoveSuccessMessage({\n        formatMessage,\n        count: items.length,\n        source: spansMultipleSources\n          ? null\n          : getFolderLabel(folderStructure, activeSourceFolderId, rootLabel),\n        destination: getFolderLabel(folderStructure, targetFolderId, rootLabel),\n      });\n      const errorFallback = formatMessage({\n        id: getTranslationKey('list.bulk-actions.move.error'),\n        defaultMessage: 'An error occurred while moving the items.',\n      });\n\n      try {\n        await bulkMove({ ...payload, destinationFolderId: targetFolderId }).unwrap();\n\n        if (fromSelection) {\n          selection?.clear();\n        }\n\n        announceToLiveRegion(successMessage);\n\n        toggleNotification({\n          type: 'success',\n          message: successMessage,\n        });\n      } catch (error) {\n        const errorMessage = getBulkMoveErrorMessage(error, errorFallback);\n\n        announceToLiveRegion(\n          formatMessage(\n            {\n              id: getTranslationKey('dnd.announce.move-failure'),\n              defaultMessage: 'Move failed. {message}',\n            },\n            { message: errorMessage }\n          )\n        );\n\n        toggleNotification({\n          type: 'danger',\n          message: errorMessage,\n        });\n      }\n    },\n    [\n      announceToLiveRegion,\n      bulkMove,\n      clearDragState,\n      folderStructure,\n      formatMessage,\n      isMovePending,\n      rootLabel,\n      selection,\n      toggleNotification,\n    ]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    clearDragState();\n  }, [clearDragState]);\n\n  const announcements = useMemo(\n    () => ({\n      onDragStart: ({ active }: DragStartEvent) => {\n        const data = active.data.current as DragItemData | undefined;\n        return data\n          ? formatMessage(\n              {\n                id: getTranslationKey('dnd.announce.drag-start'),\n                defaultMessage: 'Picked up {name}. Drop on a folder to move.',\n              },\n              { name: data.name }\n            )\n          : '';\n      },\n      onDragOver: () => '',\n      onDragEnd: ({ active, over }: DragEndEvent) => {\n        if (!over) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.cancel'),\n            defaultMessage: 'Drag cancelled.',\n          });\n        }\n\n        const destination = resolveDestination(over.id);\n        const activeData = active.data.current as DragItemData | undefined;\n\n        if (!destination || !activeData) {\n          return '';\n        }\n\n        const { items } = buildDragSet(\n          activeData,\n          selection?.selectedKeys,\n          locations,\n          currentFolderId\n        );\n\n        if (\n          !canDropItemOnFolder({\n            items,\n            targetFolderId: destination.destinationFolderId,\n            folderStructure,\n          })\n        ) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.invalid-drop'),\n            defaultMessage: 'Cannot move item to this folder.',\n          });\n        }\n\n        return '';\n      },\n      onDragCancel: () =>\n        formatMessage({\n          id: getTranslationKey('dnd.announce.cancel'),\n          defaultMessage: 'Drag cancelled.',\n        }),\n    }),\n    [currentFolderId, folderStructure, formatMessage, locations, selection?.selectedKeys]\n  );\n\n  return (\n    <AssetsDndContext.Provider value={contextValue}>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={pointerWithin}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n        onDragCancel={handleDragCancel}\n        accessibility={{ announcements }}\n      >\n        <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n          {liveAnnouncement}\n        </VisuallyHidden>\n        <Flex position=\"relative\" alignItems=\"stretch\" direction=\"column\" height=\"100%\">\n          {children}\n        </Flex>\n        <DragOverlay dropAnimation={null}>\n          {dragItems.length > 0 ? <DragOverlayChip items={dragItems} /> : null}\n        </DragOverlay>\n      </DndContext>\n    </AssetsDndContext.Provider>\n  );\n};\n\n// Keyboard-accessible moves are handled by `BulkMoveDialog` (reachable from the\n// bulk-actions bar): pointer drag is a mouse-only enhancement, the dialog is the\n// a11y path. No `KeyboardSensor` by design.\n"],"names":["AssetsDndContext","createContext","useAssetsDndOptional","useContext","resolveDestination","overId","inView","parseFolderTargetId","destinationFolderId","tree","parseFolderTreeTargetId","DRAG_DISABLED_DISTANCE","Number","MAX_SAFE_INTEGER","AssetsDndProvider","children","locations","emptyItemLocations","formatMessage","useIntl","toggleNotification","useNotification","selection","useAssetSelectionOptional","currentFolderId","useFolderNavigation","data","folderStructure","useGetFolderStructureQuery","rootLabel","id","getTranslationKey","defaultMessage","bulkMove","isLoading","isMovePending","useBulkMoveMutation","dragItems","setDragItems","useState","liveAnnouncement","setLiveAnnouncement","dragSessionRef","useRef","items","fromSelection","activeSourceFolderId","spansMultipleSources","announceToLiveRegion","useCallback","message","requestAnimationFrame","canUpdate","useMediaLibraryPermissions","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","validDropTargets","useMemo","computeValidDropTargets","isValidDropTarget","targetFolderId","has","contextValue","isInternalDragActive","length","clearDragState","current","handleDragStart","event","active","dragSet","buildDragSet","selectedKeys","handleDragEnd","over","destination","canDropItemOnFolder","payload","buildBulkMovePayload","successMessage","formatMoveSuccessMessage","count","source","getFolderLabel","errorFallback","unwrap","clear","type","error","errorMessage","getBulkMoveErrorMessage","handleDragCancel","announcements","onDragStart","name","onDragOver","onDragEnd","activeData","onDragCancel","_jsx","Provider","value","_jsxs","DndContext","collisionDetection","pointerWithin","accessibility","VisuallyHidden","aria-live","aria-atomic","Flex","position","alignItems","direction","height","DragOverlay","dropAnimation","DragOverlayChip"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/Dnd/AssetsDndProvider.mjs

@@ -2,14 +2,16 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useMemo, createContext, useContext } from 'react';
 import { useSensors, useSensor, PointerSensor, DndContext, pointerWithin, DragOverlay } from '@dnd-kit/core';
 import { useNotification } from '@strapi/admin/strapi-admin';
-import { VisuallyHidden, Box } from '@strapi/design-system';
+import { VisuallyHidden, Flex } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
+import { useMediaLibraryPermissions } from '../../../../hooks/useMediaLibraryPermissions.mjs';
 import { useGetFolderStructureQuery, useBulkMoveMutation } from '../../../../services/folders.mjs';
 import { buildBulkMovePayload } from '../../../../utils/buildBulkMovePayload.mjs';
 import { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder.mjs';
 import { formatMoveSuccessMessage } from '../../../../utils/formatMoveSuccessMessage.mjs';
 import { getBulkMoveErrorMessage } from '../../../../utils/getBulkMoveErrorMessage.mjs';
 import { getFolderLabel } from '../../../../utils/getFolderLabel.mjs';
+import { emptyItemLocations } from '../../../../utils/itemLocations.mjs';
 import { getTranslationKey } from '../../../../utils/translations.mjs';
 import { useAssetSelectionOptional } from '../../hooks/useAssetSelection.mjs';
 import { useFolderNavigation } from '../../hooks/useFolderNavigation.mjs';
@@ -40,7 +42,11 @@ const resolveDestination = (overId)=>{
     }
     return null;
 };
-const AssetsDndProvider = ({ children })=>{
+// Activation distance no real pointer gesture will ever reach — used to keep a
+// constant-length sensor array while disabling drag for users without the move
+// permission (see the note in the provider).
+const DRAG_DISABLED_DISTANCE = Number.MAX_SAFE_INTEGER;
+const AssetsDndProvider = ({ children, locations = emptyItemLocations })=>{
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
     const selection = useAssetSelectionOptional();
@@ -56,15 +62,29 @@ const AssetsDndProvider = ({ children })=>{
     // Sync session for drag-end — state alone can lag one render behind dragStart.
     const dragSessionRef = useRef({
         items: [],
-        fromSelection: false
+        fromSelection: false,
+        activeSourceFolderId: null,
+        spansMultipleSources: false
     });
     const announceToLiveRegion = useCallback((message)=>{
         setLiveAnnouncement('');
         requestAnimationFrame(()=>setLiveAnnouncement(message));
     }, []);
+    // Moving is a mutation (bulk-move → `assets.update`); without the permission
+    // pointer drag must never activate. Keyboard moves go through BulkMoveDialog,
+    // which is itself gated.
+    //
+    // The gate has to keep BOTH the `useSensor`/`useSensors` calls AND the sensor
+    // array's length constant across renders: `canUpdate` starts false and flips
+    // true once the RBAC check resolves, and dnd-kit keys internal memos/effects
+    // on the sensor list, erroring if its size changes ("argument changed size
+    // between renders"). So adding/removing a sensor is out — instead keep one
+    // PointerSensor always and push its activation distance out of reach when the
+    // user can't move, which no real drag gesture will ever satisfy.
+    const { canUpdate } = useMediaLibraryPermissions();
     const sensors = useSensors(useSensor(PointerSensor, {
         activationConstraint: {
-            distance: 8
+            distance: canUpdate ? 8 : DRAG_DISABLED_DISTANCE
         }
     }));
     const validDropTargets = useMemo(()=>computeValidDropTargets(dragItems, folderStructure), [
@@ -86,7 +106,9 @@ const AssetsDndProvider = ({ children })=>{
     const clearDragState = useCallback(()=>{
         dragSessionRef.current = {
             items: [],
-            fromSelection: false
+            fromSelection: false,
+            activeSourceFolderId: null,
+            spansMultipleSources: false
         };
         setDragItems([]);
     }, []);
@@ -96,20 +118,18 @@ const AssetsDndProvider = ({ children })=>{
             clearDragState();
             return;
         }
-        const { items, fromSelection } = buildDragSet(data, selection?.selectedKeys, currentFolderId);
-        dragSessionRef.current = {
-            items,
-            fromSelection
-        };
-        setDragItems(items);
+        const dragSet = buildDragSet(data, selection?.selectedKeys, locations, currentFolderId);
+        dragSessionRef.current = dragSet;
+        setDragItems(dragSet.items);
     }, [
         clearDragState,
         currentFolderId,
+        locations,
         selection?.selectedKeys
     ]);
     const handleDragEnd = useCallback(async (event)=>{
         const { over } = event;
-        const { items, fromSelection } = dragSessionRef.current;
+        const { items, fromSelection, activeSourceFolderId, spansMultipleSources } = dragSessionRef.current;
         clearDragState();
         if (isMovePending || !over || items.length === 0) {
             return;
@@ -127,13 +147,17 @@ const AssetsDndProvider = ({ children })=>{
             return;
         }
         const payload = buildBulkMovePayload(items);
-        // Source is always the current folder — dragged items are, by definition,
-        // visible in the current view. Destination is the drop target. Both use
-        // leaf names so the DnD toast reads identically to the dialog's.
+        // Source is the grabbed row's own location, not the folder currently open:
+        // a global search result can be dragged out of a folder the user isn't in.
+        // A search-built selection can also span folders, and then no single
+        // source is true for the whole set — `null` drops it from the wording
+        // instead of naming one item's folder for all of them. Destination is the
+        // drop target. Both use leaf names so the DnD toast reads identically to
+        // the dialog's.
         const successMessage = formatMoveSuccessMessage({
             formatMessage,
             count: items.length,
-            source: getFolderLabel(folderStructure, currentFolderId, rootLabel),
+            source: spansMultipleSources ? null : getFolderLabel(folderStructure, activeSourceFolderId, rootLabel),
             destination: getFolderLabel(folderStructure, targetFolderId, rootLabel)
         });
         const errorFallback = formatMessage({
@@ -170,7 +194,6 @@ const AssetsDndProvider = ({ children })=>{
         announceToLiveRegion,
         bulkMove,
         clearDragState,
-        currentFolderId,
         folderStructure,
         formatMessage,
         isMovePending,
@@ -206,7 +229,7 @@ const AssetsDndProvider = ({ children })=>{
                 if (!destination || !activeData) {
                     return '';
                 }
-                const { items } = buildDragSet(activeData, selection?.selectedKeys, currentFolderId);
+                const { items } = buildDragSet(activeData, selection?.selectedKeys, locations, currentFolderId);
                 if (!canDropItemOnFolder({
                     items,
                     targetFolderId: destination.destinationFolderId,
@@ -227,6 +250,7 @@ const AssetsDndProvider = ({ children })=>{
         currentFolderId,
         folderStructure,
         formatMessage,
+        locations,
         selection?.selectedKeys
     ]);
     return /*#__PURE__*/ jsx(AssetsDndContext.Provider, {
@@ -246,8 +270,11 @@ const AssetsDndProvider = ({ children })=>{
                     "aria-atomic": "true",
                     children: liveAnnouncement
                 }),
-                /*#__PURE__*/ jsx(Box, {
+                /*#__PURE__*/ jsx(Flex, {
                     position: "relative",
+                    alignItems: "stretch",
+                    direction: "column",
+                    height: "100%",
                     children: children
                 }),
                 /*#__PURE__*/ jsx(DragOverlay, {