@strapi/upload 5.51.2 → 5.52.0

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

@@ -0,0 +1,323 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useMemo } from 'react';
+import { useClipboard, useNotification } from '@strapi/admin/strapi-admin';
+import { VisuallyHidden, Menu, IconButton, Dialog, Flex, Typography, Button } from '@strapi/design-system';
+import { More, ArrowsCounterClockwise, Link, Download, ArrowRight, Trash } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled.mjs';
+import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
+import { useReplaceAssetMutation } from '../../../services/assets.mjs';
+import { downloadFile } from '../../../utils/downloadFile.mjs';
+import { prefixFileUrlWithBackendUrl } from '../../../utils/files.mjs';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
+import { useBusyAssetsOptional } from '../hooks/useBusyAssets.mjs';
+import { ActionsMenuContent } from './ActionsMenuContent.mjs';
+import { BulkMoveDialog } from './BulkMoveDialog.mjs';
+import { DeleteItemsDialog } from './DeleteItemsDialog.mjs';
+
+/**
+ * The "..." menu on an asset row/card. Always acts on that one asset, whatever
+ * the current multi-selection is (the bulk actions bar is the selection-scoped
+ * affordance) — the file mirror of `FolderActionsMenu`.
+ *
+ * Replace / copy link / download duplicate what the details drawer offers as
+ * icon buttons, so the same action is one click away without opening the asset
+ * first. They are re-implemented rather than lifted out of the drawer: the
+ * drawer versions render as `IconButton`s and report through its in-drawer toast
+ * slot, neither of which fits a menu item on a row.
+ *
+ * Any successful move or delete clears the whole selection: a delete only
+ * invalidates RTK tags, so without it an `asset:<id>` key for a file that no
+ * longer exists would linger in the selection.
+ */ const AssetActionsMenu = ({ asset, dragData })=>{
+    const { formatMessage } = useIntl();
+    const { copy } = useClipboard();
+    const { toggleNotification } = useNotification();
+    const { clear } = useAssetSelection();
+    // Absent in the asset picker and in unit tests: the replace still runs, it
+    // just renders no row-level overlay.
+    const markBusy = useBusyAssetsOptional()?.markBusy ?? (()=>()=>{});
+    const { canUpdate, canDownload, canCopyLink, isLoading: isLoadingPermissions } = useMediaLibraryPermissions();
+    const [replaceAsset, { isLoading: isReplacing }] = useReplaceAssetMutation();
+    const aiEnabled = useAIMetadataEnabled({
+        mime: asset.mime
+    });
+    const fileInputRef = useRef(null);
+    const [isReplaceOpen, setIsReplaceOpen] = useState(false);
+    const [isMoveOpen, setIsMoveOpen] = useState(false);
+    const [isDeleteOpen, setIsDeleteOpen] = useState(false);
+    const [isDownloading, setIsDownloading] = useState(false);
+    // Stable identity: the move dialog memoizes its destination walk on it.
+    const moveItems = useMemo(()=>[
+            dragData
+        ], [
+        dragData
+    ]);
+    // Confirm first, then open the native picker, so the user only commits to
+    // replacing after acknowledging the warning (same order as the drawer).
+    const handleReplaceContinue = ()=>{
+        setIsReplaceOpen(false);
+        fileInputRef.current?.click();
+    };
+    const handleFileChange = async (event)=>{
+        const file = event.target.files?.[0];
+        // Reset the native input so the same file can be picked again later.
+        event.target.value = '';
+        if (!file) {
+            return;
+        }
+        // The menu has closed by the time the picker returns, so `isReplacing` has
+        // nothing left to disable and the row would otherwise sit inert for the
+        // whole upload. Marking the asset busy puts the same overlay the drawer
+        // uses on the row/card, cleared when the mutation settles either way.
+        const releaseBusy = markBusy(asset.id, formatMessage({
+            id: getTranslationKey('asset-details.replace.loading'),
+            defaultMessage: 'Replacing the file…'
+        }));
+        let res;
+        try {
+            res = await replaceAsset({
+                id: asset.id,
+                file
+            });
+        } finally{
+            releaseBusy();
+        }
+        if ('error' in res) {
+            // `fetchBaseQuery` already unwraps the API envelope, so a server-sent
+            // reason (file too large, unsupported type) lands directly on `message`.
+            const { message } = res.error;
+            toggleNotification({
+                type: 'danger',
+                message: message ?? formatMessage({
+                    id: getTranslationKey('asset-details.replace.error'),
+                    defaultMessage: 'Failed to replace the file.'
+                })
+            });
+            return;
+        }
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: getTranslationKey('asset-details.replace.success'),
+                defaultMessage: 'File replaced.'
+            })
+        });
+    };
+    const handleCopyLink = async ()=>{
+        const url = prefixFileUrlWithBackendUrl(asset.url);
+        if (!url) {
+            return;
+        }
+        const didCopy = await copy(url);
+        toggleNotification({
+            type: didCopy ? 'success' : 'danger',
+            message: formatMessage(didCopy ? {
+                id: getTranslationKey('asset-details.copy-link.success'),
+                defaultMessage: 'Link copied.'
+            } : {
+                id: getTranslationKey('asset-details.copy-link.error'),
+                defaultMessage: 'Failed to copy the link.'
+            })
+        });
+    };
+    const handleDownload = async ()=>{
+        const url = prefixFileUrlWithBackendUrl(asset.url);
+        if (!url) {
+            return;
+        }
+        setIsDownloading(true);
+        try {
+            await downloadFile(url, asset.name);
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('asset-details.download.error'),
+                    defaultMessage: 'Failed to download the file.'
+                })
+            });
+        } finally{
+            setIsDownloading(false);
+        }
+    };
+    // Two permission-gated groups: replace/copy-link/download above, move/delete
+    // below. The separator earns its place only when both survive the gate —
+    // `canUpdate` alone puts Replace in the top group, which is not enough.
+    const hasTopGroup = canUpdate || canCopyLink || canDownload;
+    const hasBottomGroup = canUpdate;
+    const showSeparator = (canCopyLink || canDownload) && hasBottomGroup;
+    // A role can read the library while holding none of these, and an empty
+    // popup is worse than no trigger at all. Every flag is `false` until the
+    // RBAC check settles, so wait for it — otherwise the trigger unmounts and
+    // remounts on first paint for everyone.
+    if (!isLoadingPermissions && !hasTopGroup && !hasBottomGroup) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(VisuallyHidden, {
+                children: /*#__PURE__*/ jsx("input", {
+                    ref: fileInputRef,
+                    type: "file",
+                    multiple: false,
+                    onChange: handleFileChange,
+                    "aria-hidden": true,
+                    tabIndex: -1
+                })
+            }),
+            /*#__PURE__*/ jsxs(Menu.Root, {
+                modal: false,
+                children: [
+                    /*#__PURE__*/ jsx(Menu.Trigger, {
+                        tag: IconButton,
+                        icon: /*#__PURE__*/ jsx(More, {}),
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: getTranslationKey('control-card.more-actions'),
+                            defaultMessage: 'More actions'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(ActionsMenuContent, {
+                        popoverPlacement: "bottom-end",
+                        zIndex: 2,
+                        minWidth: "22rem",
+                        children: [
+                            canUpdate && /*#__PURE__*/ jsx(Menu.Item, {
+                                startIcon: /*#__PURE__*/ jsx(ArrowsCounterClockwise, {}),
+                                disabled: isReplacing,
+                                onSelect: ()=>setIsReplaceOpen(true),
+                                children: formatMessage({
+                                    id: getTranslationKey('list.assets.actions.replace'),
+                                    defaultMessage: 'Replace media'
+                                })
+                            }),
+                            canCopyLink && /*#__PURE__*/ jsx(Menu.Item, {
+                                startIcon: /*#__PURE__*/ jsx(Link, {}),
+                                onSelect: handleCopyLink,
+                                children: formatMessage({
+                                    id: getTranslationKey('list.assets.actions.copy-link'),
+                                    defaultMessage: 'Copy link to media'
+                                })
+                            }),
+                            canDownload && /*#__PURE__*/ jsx(Menu.Item, {
+                                startIcon: /*#__PURE__*/ jsx(Download, {}),
+                                disabled: isDownloading,
+                                onSelect: handleDownload,
+                                children: formatMessage({
+                                    id: getTranslationKey('list.assets.actions.download'),
+                                    defaultMessage: 'Download media'
+                                })
+                            }),
+                            showSeparator && /*#__PURE__*/ jsx(Menu.Separator, {}),
+                            canUpdate && /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Menu.Item, {
+                                        startIcon: /*#__PURE__*/ jsx(ArrowRight, {}),
+                                        onSelect: ()=>setIsMoveOpen(true),
+                                        children: formatMessage({
+                                            id: getTranslationKey('list.assets.actions.move'),
+                                            defaultMessage: 'Move to folder'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Menu.Item, {
+                                        startIcon: /*#__PURE__*/ jsx(Trash, {}),
+                                        variant: "danger",
+                                        onSelect: ()=>setIsDeleteOpen(true),
+                                        children: formatMessage({
+                                            id: getTranslationKey('list.assets.actions.delete'),
+                                            defaultMessage: 'Delete'
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Dialog.Root, {
+                open: isReplaceOpen,
+                onOpenChange: setIsReplaceOpen,
+                children: /*#__PURE__*/ jsxs(Dialog.Content, {
+                    children: [
+                        /*#__PURE__*/ jsx(Dialog.Header, {
+                            children: formatMessage({
+                                id: getTranslationKey('asset-details.replace.title'),
+                                defaultMessage: 'Replace this media file?'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Dialog.Body, {
+                            textAlign: "center",
+                            children: /*#__PURE__*/ jsxs(Flex, {
+                                direction: "column",
+                                textAlign: "center",
+                                children: [
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        variant: "omega",
+                                        children: formatMessage({
+                                            id: getTranslationKey('asset-details.replace.description'),
+                                            defaultMessage: 'Current content will be permanently replaced.'
+                                        })
+                                    }),
+                                    aiEnabled ? /*#__PURE__*/ jsx(Typography, {
+                                        variant: "omega",
+                                        children: formatMessage({
+                                            id: getTranslationKey('asset-details.replace.description.ai'),
+                                            defaultMessage: 'AI will generate new metadata after upload.'
+                                        })
+                                    }) : null
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(Dialog.Footer, {
+                            children: [
+                                /*#__PURE__*/ jsx(Dialog.Cancel, {
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        variant: "tertiary",
+                                        fullWidth: true,
+                                        children: formatMessage({
+                                            id: 'app.components.Button.cancel',
+                                            defaultMessage: 'Cancel'
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Dialog.Action, {
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        variant: "secondary",
+                                        onClick: handleReplaceContinue,
+                                        fullWidth: true,
+                                        children: formatMessage({
+                                            id: getTranslationKey('asset-details.replace.continue'),
+                                            defaultMessage: 'Continue'
+                                        })
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            isMoveOpen && /*#__PURE__*/ jsx(BulkMoveDialog, {
+                open: true,
+                onClose: ()=>setIsMoveOpen(false),
+                items: moveItems,
+                onSuccess: clear
+            }),
+            isDeleteOpen && /*#__PURE__*/ jsx(DeleteItemsDialog, {
+                open: true,
+                onClose: ()=>setIsDeleteOpen(false),
+                target: {
+                    fileIds: [
+                        asset.id
+                    ],
+                    folderIds: []
+                },
+                onSuccess: clear
+            })
+        ]
+    });
+};
+
+export { AssetActionsMenu };
+//# sourceMappingURL=AssetActionsMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetActionsMenu.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetActionsMenu.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\n\nimport { useClipboard, useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Dialog,\n  Flex,\n  IconButton,\n  Menu,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { ArrowRight, ArrowsCounterClockwise, Download, Link, More, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useReplaceAssetMutation } from '../../../services/assets';\nimport { downloadFile } from '../../../utils/downloadFile';\nimport { prefixFileUrlWithBackendUrl } from '../../../utils/files';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useBusyAssetsOptional } from '../hooks/useBusyAssets';\n\nimport { ActionsMenuContent } from './ActionsMenuContent';\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { DragFileData } from '../../../types/dnd';\n\ninterface AssetActionsMenuProps {\n  asset: File;\n  /** Drag data for this asset, so the move dialog validates against its real folder. */\n  dragData: DragFileData;\n}\n\n/**\n * The \"...\" menu on an asset row/card. Always acts on that one asset, whatever\n * the current multi-selection is (the bulk actions bar is the selection-scoped\n * affordance) — the file mirror of `FolderActionsMenu`.\n *\n * Replace / copy link / download duplicate what the details drawer offers as\n * icon buttons, so the same action is one click away without opening the asset\n * first. They are re-implemented rather than lifted out of the drawer: the\n * drawer versions render as `IconButton`s and report through its in-drawer toast\n * slot, neither of which fits a menu item on a row.\n *\n * Any successful move or delete clears the whole selection: a delete only\n * invalidates RTK tags, so without it an `asset:<id>` key for a file that no\n * longer exists would linger in the selection.\n */\nexport const AssetActionsMenu = ({ asset, dragData }: AssetActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  const { clear } = useAssetSelection();\n  // Absent in the asset picker and in unit tests: the replace still runs, it\n  // just renders no row-level overlay.\n  const markBusy = useBusyAssetsOptional()?.markBusy ?? (() => () => {});\n  const {\n    canUpdate,\n    canDownload,\n    canCopyLink,\n    isLoading: isLoadingPermissions,\n  } = useMediaLibraryPermissions();\n  const [replaceAsset, { isLoading: isReplacing }] = useReplaceAssetMutation();\n  const aiEnabled = useAIMetadataEnabled({ mime: asset.mime });\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isReplaceOpen, setIsReplaceOpen] = useState(false);\n  const [isMoveOpen, setIsMoveOpen] = useState(false);\n  const [isDeleteOpen, setIsDeleteOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n\n  // Stable identity: the move dialog memoizes its destination walk on it.\n  const moveItems = useMemo(() => [dragData], [dragData]);\n\n  // Confirm first, then open the native picker, so the user only commits to\n  // replacing after acknowledging the warning (same order as the drawer).\n  const handleReplaceContinue = () => {\n    setIsReplaceOpen(false);\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    // Reset the native input so the same file can be picked again later.\n    event.target.value = '';\n\n    if (!file) {\n      return;\n    }\n\n    // The menu has closed by the time the picker returns, so `isReplacing` has\n    // nothing left to disable and the row would otherwise sit inert for the\n    // whole upload. Marking the asset busy puts the same overlay the drawer\n    // uses on the row/card, cleared when the mutation settles either way.\n    const releaseBusy = markBusy(\n      asset.id,\n      formatMessage({\n        id: getTranslationKey('asset-details.replace.loading'),\n        defaultMessage: 'Replacing the file…',\n      })\n    );\n\n    let res;\n    try {\n      res = await replaceAsset({ id: asset.id, file });\n    } finally {\n      releaseBusy();\n    }\n\n    if ('error' in res) {\n      // `fetchBaseQuery` already unwraps the API envelope, so a server-sent\n      // reason (file too large, unsupported type) lands directly on `message`.\n      const { message } = res.error as { message?: string };\n      toggleNotification({\n        type: 'danger',\n        message:\n          message ??\n          formatMessage({\n            id: getTranslationKey('asset-details.replace.error'),\n            defaultMessage: 'Failed to replace the file.',\n          }),\n      });\n      return;\n    }\n\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: getTranslationKey('asset-details.replace.success'),\n        defaultMessage: 'File replaced.',\n      }),\n    });\n  };\n\n  const handleCopyLink = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    const didCopy = await copy(url);\n\n    toggleNotification({\n      type: didCopy ? 'success' : 'danger',\n      message: formatMessage(\n        didCopy\n          ? {\n              id: getTranslationKey('asset-details.copy-link.success'),\n              defaultMessage: 'Link copied.',\n            }\n          : {\n              id: getTranslationKey('asset-details.copy-link.error'),\n              defaultMessage: 'Failed to copy the link.',\n            }\n      ),\n    });\n  };\n\n  const handleDownload = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    setIsDownloading(true);\n\n    try {\n      await downloadFile(url, asset.name);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.download.error'),\n          defaultMessage: 'Failed to download the file.',\n        }),\n      });\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  // Two permission-gated groups: replace/copy-link/download above, move/delete\n  // below. The separator earns its place only when both survive the gate —\n  // `canUpdate` alone puts Replace in the top group, which is not enough.\n  const hasTopGroup = canUpdate || canCopyLink || canDownload;\n  const hasBottomGroup = canUpdate;\n  const showSeparator = (canCopyLink || canDownload) && hasBottomGroup;\n\n  // A role can read the library while holding none of these, and an empty\n  // popup is worse than no trigger at all. Every flag is `false` until the\n  // RBAC check settles, so wait for it — otherwise the trigger unmounts and\n  // remounts on first paint for everyone.\n  if (!isLoadingPermissions && !hasTopGroup && !hasBottomGroup) {\n    return null;\n  }\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple={false}\n          onChange={handleFileChange}\n          aria-hidden\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {/* Non-modal: Radix's default `modal` marks the rest of the document\n          `aria-hidden` and blocks pointer events while the menu is open, so\n          clicking a sibling row's trigger only dismissed this one — leaving\n          every menu you touched to be closed one click at a time. Non-modal\n          dismissal treats that click as both \"close this\" and \"open that\". */}\n      <Menu.Root modal={false}>\n        <Menu.Trigger\n          tag={IconButton}\n          icon={<More />}\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('control-card.more-actions'),\n            defaultMessage: 'More actions',\n          })}\n        />\n        {/* `ActionsMenuContent` replaces the design system's flat 15rem clamp\n            with the height Radix actually measured, and un-hides the scrollbar\n            it would otherwise overflow into. See that file for why. */}\n        <ActionsMenuContent popoverPlacement=\"bottom-end\" zIndex={2} minWidth=\"22rem\">\n          {canUpdate && (\n            <Menu.Item\n              startIcon={<ArrowsCounterClockwise />}\n              disabled={isReplacing}\n              onSelect={() => setIsReplaceOpen(true)}\n            >\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.replace'),\n                defaultMessage: 'Replace media',\n              })}\n            </Menu.Item>\n          )}\n          {canCopyLink && (\n            <Menu.Item startIcon={<Link />} onSelect={handleCopyLink}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.copy-link'),\n                defaultMessage: 'Copy link to media',\n              })}\n            </Menu.Item>\n          )}\n          {canDownload && (\n            <Menu.Item startIcon={<Download />} disabled={isDownloading} onSelect={handleDownload}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.download'),\n                defaultMessage: 'Download media',\n              })}\n            </Menu.Item>\n          )}\n          {showSeparator && <Menu.Separator />}\n          {canUpdate && (\n            <>\n              <Menu.Item startIcon={<ArrowRight />} onSelect={() => setIsMoveOpen(true)}>\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.move'),\n                  defaultMessage: 'Move to folder',\n                })}\n              </Menu.Item>\n              <Menu.Item\n                startIcon={<Trash />}\n                variant=\"danger\"\n                onSelect={() => setIsDeleteOpen(true)}\n              >\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.delete'),\n                  defaultMessage: 'Delete',\n                })}\n              </Menu.Item>\n            </>\n          )}\n        </ActionsMenuContent>\n      </Menu.Root>\n      <Dialog.Root open={isReplaceOpen} onOpenChange={setIsReplaceOpen}>\n        <Dialog.Content>\n          <Dialog.Header>\n            {formatMessage({\n              id: getTranslationKey('asset-details.replace.title'),\n              defaultMessage: 'Replace this media file?',\n            })}\n          </Dialog.Header>\n          <Dialog.Body textAlign=\"center\">\n            <Flex direction=\"column\" textAlign=\"center\">\n              <Typography variant=\"omega\">\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.description'),\n                  defaultMessage: 'Current content will be permanently replaced.',\n                })}\n              </Typography>\n              {aiEnabled ? (\n                <Typography variant=\"omega\">\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.replace.description.ai'),\n                    defaultMessage: 'AI will generate new metadata after upload.',\n                  })}\n                </Typography>\n              ) : null}\n            </Flex>\n          </Dialog.Body>\n          <Dialog.Footer>\n            <Dialog.Cancel>\n              <Button variant=\"tertiary\" fullWidth>\n                {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n              </Button>\n            </Dialog.Cancel>\n            <Dialog.Action>\n              <Button variant=\"secondary\" onClick={handleReplaceContinue} fullWidth>\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.continue'),\n                  defaultMessage: 'Continue',\n                })}\n              </Button>\n            </Dialog.Action>\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog.Root>\n      {isMoveOpen && (\n        <BulkMoveDialog\n          open\n          onClose={() => setIsMoveOpen(false)}\n          items={moveItems}\n          onSuccess={clear}\n        />\n      )}\n      {/* Both dialogs live inside the row, so a background refetch that drops the\n          row would take an open dialog with it. Nothing invalidates until the\n          mutation resolves, and the dialog closes in the same tick, so the\n          flows themselves can't trigger it. */}\n      {isDeleteOpen && (\n        <DeleteItemsDialog\n          open\n          onClose={() => setIsDeleteOpen(false)}\n          target={{ fileIds: [asset.id], folderIds: [] }}\n          onSuccess={clear}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["AssetActionsMenu","asset","dragData","formatMessage","useIntl","copy","useClipboard","toggleNotification","useNotification","clear","useAssetSelection","markBusy","useBusyAssetsOptional","canUpdate","canDownload","canCopyLink","isLoading","isLoadingPermissions","useMediaLibraryPermissions","replaceAsset","isReplacing","useReplaceAssetMutation","aiEnabled","useAIMetadataEnabled","mime","fileInputRef","useRef","isReplaceOpen","setIsReplaceOpen","useState","isMoveOpen","setIsMoveOpen","isDeleteOpen","setIsDeleteOpen","isDownloading","setIsDownloading","moveItems","useMemo","handleReplaceContinue","current","click","handleFileChange","event","file","target","files","value","releaseBusy","id","getTranslationKey","defaultMessage","res","message","error","type","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","handleDownload","downloadFile","name","hasTopGroup","hasBottomGroup","showSeparator","_jsxs","_Fragment","_jsx","VisuallyHidden","input","ref","multiple","onChange","aria-hidden","tabIndex","Menu","Root","modal","Trigger","tag","IconButton","icon","More","variant","label","ActionsMenuContent","popoverPlacement","zIndex","minWidth","Item","startIcon","ArrowsCounterClockwise","disabled","onSelect","Link","Download","Separator","ArrowRight","Trash","Dialog","open","onOpenChange","Content","Header","Body","textAlign","Flex","direction","Typography","Footer","Cancel","Button","fullWidth","Action","onClick","BulkMoveDialog","onClose","items","onSuccess","DeleteItemsDialog","fileIds","folderIds"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA;;;;;;;;;;;;;;UAeaA,gBAAAA,GAAmB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAyB,GAAA;IACzE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC,YAAAA,EAAAA;IACjB,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAC/B,MAAM,EAAEC,KAAK,EAAE,GAAGC,iBAAAA,EAAAA;;;AAGlB,IAAA,MAAMC,WAAWC,qBAAAA,EAAAA,EAAyBD,QAAAA,KAAa,IAAM,KAAO,CAAA,CAAA;IACpE,MAAM,EACJE,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,SAAAA,EAAWC,oBAAoB,EAChC,GAAGC,0BAAAA,EAAAA;AACJ,IAAA,MAAM,CAACC,YAAAA,EAAc,EAAEH,WAAWI,WAAW,EAAE,CAAC,GAAGC,uBAAAA,EAAAA;AACnD,IAAA,MAAMC,YAAYC,oBAAAA,CAAqB;AAAEC,QAAAA,IAAAA,EAAMvB,MAAMuB;AAAK,KAAA,CAAA;AAE1D,IAAA,MAAMC,eAAeC,MAAAA,CAAyB,IAAA,CAAA;AAC9C,IAAA,MAAM,CAACC,aAAAA,EAAeC,gBAAAA,CAAiB,GAAGC,QAAAA,CAAS,KAAA,CAAA;AACnD,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGF,QAAAA,CAAS,KAAA,CAAA;AAC7C,IAAA,MAAM,CAACG,YAAAA,EAAcC,eAAAA,CAAgB,GAAGJ,QAAAA,CAAS,KAAA,CAAA;AACjD,IAAA,MAAM,CAACK,aAAAA,EAAeC,gBAAAA,CAAiB,GAAGN,QAAAA,CAAS,KAAA,CAAA;;IAGnD,MAAMO,SAAAA,GAAYC,QAAQ,IAAM;AAACnC,YAAAA;SAAS,EAAE;AAACA,QAAAA;AAAS,KAAA,CAAA;;;AAItD,IAAA,MAAMoC,qBAAAA,GAAwB,IAAA;QAC5BV,gBAAAA,CAAiB,KAAA,CAAA;AACjBH,QAAAA,YAAAA,CAAac,OAAO,EAAEC,KAAAA,EAAAA;AACxB,IAAA,CAAA;AAEA,IAAA,MAAMC,mBAAmB,OAAOC,KAAAA,GAAAA;AAC9B,QAAA,MAAMC,OAAOD,KAAAA,CAAME,MAAM,CAACC,KAAK,GAAG,CAAA,CAAE;;QAEpCH,KAAAA,CAAME,MAAM,CAACE,KAAK,GAAG,EAAA;AAErB,QAAA,IAAI,CAACH,IAAAA,EAAM;AACT,YAAA;AACF,QAAA;;;;;AAMA,QAAA,MAAMI,WAAAA,GAAcpC,QAAAA,CAClBV,KAAAA,CAAM+C,EAAE,EACR7C,aAAAA,CAAc;AACZ6C,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,+BAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB,SAAA,CAAA,CAAA;QAGF,IAAIC,GAAAA;QACJ,IAAI;AACFA,YAAAA,GAAAA,GAAM,MAAMhC,YAAAA,CAAa;AAAE6B,gBAAAA,EAAAA,EAAI/C,MAAM+C,EAAE;AAAEL,gBAAAA;AAAK,aAAA,CAAA;QAChD,CAAA,QAAU;AACRI,YAAAA,WAAAA,EAAAA;AACF,QAAA;AAEA,QAAA,IAAI,WAAWI,GAAAA,EAAK;;;AAGlB,YAAA,MAAM,EAAEC,OAAO,EAAE,GAAGD,IAAIE,KAAK;YAC7B9C,kBAAAA,CAAmB;gBACjB+C,IAAAA,EAAM,QAAA;AACNF,gBAAAA,OAAAA,EACEA,WACAjD,aAAAA,CAAc;AACZ6C,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,6BAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;AACJ,aAAA,CAAA;AACA,YAAA;AACF,QAAA;QAEA3C,kBAAAA,CAAmB;YACjB+C,IAAAA,EAAM,SAAA;AACNF,YAAAA,OAAAA,EAASjD,aAAAA,CAAc;AACrB6C,gBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,+BAAA,CAAA;gBACtBC,cAAAA,EAAgB;AAClB,aAAA;AACF,SAAA,CAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMK,cAAAA,GAAiB,UAAA;QACrB,MAAMC,GAAAA,GAAMC,2BAAAA,CAA4BxD,KAAAA,CAAMuD,GAAG,CAAA;AAEjD,QAAA,IAAI,CAACA,GAAAA,EAAK;AACR,YAAA;AACF,QAAA;QAEA,MAAME,OAAAA,GAAU,MAAMrD,IAAAA,CAAKmD,GAAAA,CAAAA;QAE3BjD,kBAAAA,CAAmB;AACjB+C,YAAAA,IAAAA,EAAMI,UAAU,SAAA,GAAY,QAAA;AAC5BN,YAAAA,OAAAA,EAASjD,cACPuD,OAAAA,GACI;AACEV,gBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,iCAAA,CAAA;gBACtBC,cAAAA,EAAgB;aAClB,GACA;AACEF,gBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,+BAAA,CAAA;gBACtBC,cAAAA,EAAgB;AAClB,aAAA;AAER,SAAA,CAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMS,cAAAA,GAAiB,UAAA;QACrB,MAAMH,GAAAA,GAAMC,2BAAAA,CAA4BxD,KAAAA,CAAMuD,GAAG,CAAA;AAEjD,QAAA,IAAI,CAACA,GAAAA,EAAK;AACR,YAAA;AACF,QAAA;QAEArB,gBAAAA,CAAiB,IAAA,CAAA;QAEjB,IAAI;YACF,MAAMyB,YAAAA,CAAaJ,GAAAA,EAAKvD,KAAAA,CAAM4D,IAAI,CAAA;AACpC,QAAA,CAAA,CAAE,OAAM;YACNtD,kBAAAA,CAAmB;gBACjB+C,IAAAA,EAAM,QAAA;AACNF,gBAAAA,OAAAA,EAASjD,aAAAA,CAAc;AACrB6C,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,8BAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;QACF,CAAA,QAAU;YACRf,gBAAAA,CAAiB,KAAA,CAAA;AACnB,QAAA;AACF,IAAA,CAAA;;;;IAKA,MAAM2B,WAAAA,GAAcjD,aAAaE,WAAAA,IAAeD,WAAAA;AAChD,IAAA,MAAMiD,cAAAA,GAAiBlD,SAAAA;AACvB,IAAA,MAAMmD,aAAAA,GAAiBjD,CAAAA,WAAAA,IAAeD,WAAU,KAAMiD,cAAAA;;;;;AAMtD,IAAA,IAAI,CAAC9C,oBAAAA,IAAwB,CAAC6C,WAAAA,IAAe,CAACC,cAAAA,EAAgB;QAC5D,OAAO,IAAA;AACT,IAAA;IAEA,qBACEE,IAAA,CAAAC,QAAA,EAAA;;0BACEC,GAAA,CAACC,cAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAD,GAAA,CAACE,OAAAA,EAAAA;oBACCC,GAAAA,EAAK7C,YAAAA;oBACL6B,IAAAA,EAAK,MAAA;oBACLiB,QAAAA,EAAU,KAAA;oBACVC,QAAAA,EAAU/B,gBAAAA;oBACVgC,aAAW,EAAA,IAAA;AACXC,oBAAAA,QAAAA,EAAU;;;AAQd,0BAAAT,IAAA,CAACU,KAAKC,IAAI,EAAA;gBAACC,KAAAA,EAAO,KAAA;;AAChB,kCAAAV,GAAA,CAACQ,KAAKG,OAAO,EAAA;wBACXC,GAAAA,EAAKC,UAAAA;AACLC,wBAAAA,IAAAA,gBAAMd,GAAA,CAACe,IAAAA,EAAAA,EAAAA,CAAAA;wBACPC,OAAAA,EAAQ,OAAA;AACRC,wBAAAA,KAAAA,EAAOjF,aAAAA,CAAc;AACnB6C,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;kCAKFe,IAAA,CAACoB,kBAAAA,EAAAA;wBAAmBC,gBAAAA,EAAiB,YAAA;wBAAaC,MAAAA,EAAQ,CAAA;wBAAGC,QAAAA,EAAS,OAAA;;4BACnE3E,SAAAA,kBACCsD,GAAA,CAACQ,KAAKc,IAAI,EAAA;AACRC,gCAAAA,SAAAA,gBAAWvB,GAAA,CAACwB,sBAAAA,EAAAA,EAAAA,CAAAA;gCACZC,QAAAA,EAAUxE,WAAAA;AACVyE,gCAAAA,QAAAA,EAAU,IAAMjE,gBAAAA,CAAiB,IAAA,CAAA;0CAEhCzB,aAAAA,CAAc;AACb6C,oCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,6BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;4BAGHnC,WAAAA,kBACCoD,GAAA,CAACQ,KAAKc,IAAI,EAAA;AAACC,gCAAAA,SAAAA,gBAAWvB,GAAA,CAAC2B,IAAAA,EAAAA,EAAAA,CAAAA;gCAASD,QAAAA,EAAUtC,cAAAA;0CACvCpD,aAAAA,CAAc;AACb6C,oCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,+BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;4BAGHpC,WAAAA,kBACCqD,GAAA,CAACQ,KAAKc,IAAI,EAAA;AAACC,gCAAAA,SAAAA,gBAAWvB,GAAA,CAAC4B,QAAAA,EAAAA,EAAAA,CAAAA;gCAAaH,QAAAA,EAAU1D,aAAAA;gCAAe2D,QAAAA,EAAUlC,cAAAA;0CACpExD,aAAAA,CAAc;AACb6C,oCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,8BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;4BAGHc,aAAAA,kBAAiBG,GAAA,CAACQ,KAAKqB,SAAS,EAAA,EAAA,CAAA;4BAChCnF,SAAAA,kBACCoD,IAAA,CAAAC,QAAA,EAAA;;AACE,kDAAAC,GAAA,CAACQ,KAAKc,IAAI,EAAA;AAACC,wCAAAA,SAAAA,gBAAWvB,GAAA,CAAC8B,UAAAA,EAAAA,EAAAA,CAAAA;AAAeJ,wCAAAA,QAAAA,EAAU,IAAM9D,aAAAA,CAAc,IAAA,CAAA;kDACjE5B,aAAAA,CAAc;AACb6C,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;AAEF,kDAAAiB,GAAA,CAACQ,KAAKc,IAAI,EAAA;AACRC,wCAAAA,SAAAA,gBAAWvB,GAAA,CAAC+B,KAAAA,EAAAA,EAAAA,CAAAA;wCACZf,OAAAA,EAAQ,QAAA;AACRU,wCAAAA,QAAAA,EAAU,IAAM5D,eAAAA,CAAgB,IAAA,CAAA;kDAE/B9B,aAAAA,CAAc;AACb6C,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,4BAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;;;;;;;AAMV,0BAAAiB,GAAA,CAACgC,OAAOvB,IAAI,EAAA;gBAACwB,IAAAA,EAAMzE,aAAAA;gBAAe0E,YAAAA,EAAczE,gBAAAA;wCAC9CqC,IAAA,CAACkC,OAAOG,OAAO,EAAA;;AACb,sCAAAnC,GAAA,CAACgC,OAAOI,MAAM,EAAA;sCACXpG,aAAAA,CAAc;AACb6C,gCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,6BAAA,CAAA;gCACtBC,cAAAA,EAAgB;AAClB,6BAAA;;AAEF,sCAAAiB,GAAA,CAACgC,OAAOK,IAAI,EAAA;4BAACC,SAAAA,EAAU,QAAA;AACrB,4BAAA,QAAA,gBAAAxC,IAAA,CAACyC,IAAAA,EAAAA;gCAAKC,SAAAA,EAAU,QAAA;gCAASF,SAAAA,EAAU,QAAA;;kDACjCtC,GAAA,CAACyC,UAAAA,EAAAA;wCAAWzB,OAAAA,EAAQ,OAAA;kDACjBhF,aAAAA,CAAc;AACb6C,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mCAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;AAED5B,oCAAAA,SAAAA,iBACC6C,GAAA,CAACyC,UAAAA,EAAAA;wCAAWzB,OAAAA,EAAQ,OAAA;kDACjBhF,aAAAA,CAAc;AACb6C,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,sCAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;AAEA,qCAAA,CAAA,GAAA;;;;AAGR,sCAAAe,IAAA,CAACkC,OAAOU,MAAM,EAAA;;AACZ,8CAAA1C,GAAA,CAACgC,OAAOW,MAAM,EAAA;AACZ,oCAAA,QAAA,gBAAA3C,GAAA,CAAC4C,MAAAA,EAAAA;wCAAO5B,OAAAA,EAAQ,UAAA;wCAAW6B,SAAS,EAAA,IAAA;kDACjC7G,aAAAA,CAAc;4CAAE6C,EAAAA,EAAI,8BAAA;4CAAgCE,cAAAA,EAAgB;AAAS,yCAAA;;;AAGlF,8CAAAiB,GAAA,CAACgC,OAAOc,MAAM,EAAA;AACZ,oCAAA,QAAA,gBAAA9C,GAAA,CAAC4C,MAAAA,EAAAA;wCAAO5B,OAAAA,EAAQ,WAAA;wCAAY+B,OAAAA,EAAS5E,qBAAAA;wCAAuB0E,SAAS,EAAA,IAAA;kDAClE7G,aAAAA,CAAc;AACb6C,4CAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;;;;;;;AAMTpB,YAAAA,UAAAA,kBACCqC,GAAA,CAACgD,cAAAA,EAAAA;gBACCf,IAAI,EAAA,IAAA;AACJgB,gBAAAA,OAAAA,EAAS,IAAMrF,aAAAA,CAAc,KAAA,CAAA;gBAC7BsF,KAAAA,EAAOjF,SAAAA;gBACPkF,SAAAA,EAAW7G;;AAOduB,YAAAA,YAAAA,kBACCmC,GAAA,CAACoD,iBAAAA,EAAAA;gBACCnB,IAAI,EAAA,IAAA;AACJgB,gBAAAA,OAAAA,EAAS,IAAMnF,eAAAA,CAAgB,KAAA,CAAA;gBAC/BW,MAAAA,EAAQ;oBAAE4E,OAAAA,EAAS;AAACvH,wBAAAA,KAAAA,CAAM+C;AAAG,qBAAA;AAAEyE,oBAAAA,SAAAA,EAAW;AAAG,iBAAA;gBAC7CH,SAAAA,EAAW7G;;;;AAKrB;;;;"}

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetCropEditor.js

@@ -156,16 +156,24 @@ const FocalPointHandle = styledComponents.styled.button`
     cursor: grabbing;
   }
 `;
+// Hidden on mobile — the panel (title/hint + numeric crop & focal inputs) is
+// too large for a phone; touch users set the crop by dragging the rectangle and
+// focal handle directly on the image. Shown from tablet up.
 const InfoBox = styledComponents.styled(designSystem.Box)`
-  position: absolute;
-  right: ${({ theme })=>theme.spaces[1]};
-  bottom: ${({ theme })=>theme.spaces[1]};
-  width: 100%;
-  max-width: 32rem;
-  padding: ${({ theme })=>theme.spaces[3]};
-  border-radius: ${({ theme })=>theme.borderRadius};
-  background: ${({ theme })=>theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral900};
-  z-index: 20;
+  display: none;
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    display: block;
+    position: absolute;
+    right: ${({ theme })=>theme.spaces[1]};
+    bottom: ${({ theme })=>theme.spaces[1]};
+    width: 100%;
+    max-width: 32rem;
+    padding: ${({ theme })=>theme.spaces[3]};
+    border-radius: ${({ theme })=>theme.borderRadius};
+    background: ${({ theme })=>theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral900};
+    z-index: 20;
+  }
 `;
 const FooterBar = styledComponents.styled(designSystem.Flex)`
   width: 100%;
@@ -239,12 +247,21 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
         x: 50,
         y: 50
     });
-    // Append `updatedAt` as a cache-buster: a replaced asset is served at the same
-    // URL, so without this, reopening the editor shows the browser-cached old image
-    // (mirrors AssetPreview).
+    // The crop editor reads pixels from a canvas (useCropImg -> toBlob), so its
+    // <img> must be CORS-clean and always sets crossOrigin="anonymous" (see the
+    // img below) — even for unsigned URLs, which AssetPreview leaves unset because
+    // it only displays. That difference is why the crop URL is kept DISTINCT from
+    // the thumbnail's: identical URL + different crossOrigin collide in the HTTP
+    // cache (#26581), and the crop's anonymous request could otherwise reuse the
+    // thumbnail's non-CORS cached response and taint the canvas. So the buster
+    // uses `updatedAt` where AssetPreview uses `v`, giving each its own entry
+    // (mirrors the legacy PreviewBox fix).
+    // Signed URLs get no param at all — a presigned S3 URL breaks if you add one,
+    // and on the signed side AssetPreview also loads anonymous, so the identical
+    // URL there shares one CORS-consistent entry, which is fine.
     const rawImageUrl = files.prefixFileUrlWithBackendUrl(asset.url);
-    const cacheKey = asset.updatedAt ? new Date(asset.updatedAt).getTime() : undefined;
-    const imageUrl = cacheKey !== undefined ? `${rawImageUrl}${rawImageUrl.includes('?') ? '&' : '?'}v=${cacheKey}` : rawImageUrl;
+    const cacheKey = asset.updatedAt && !asset.isUrlSigned ? new Date(asset.updatedAt).getTime() : undefined;
+    const imageUrl = cacheKey !== undefined ? `${rawImageUrl}${rawImageUrl.includes('?') ? '&' : '?'}updatedAt=${cacheKey}` : rawImageUrl;
     const handleImageLoad = ()=>{
         if (imgRef.current) {
             init(imgRef.current);
@@ -448,6 +465,10 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
                                         ref: imgRef,
                                         src: imageUrl,
                                         alt: asset.name,
+                                        // Always anonymous, unlike AssetPreview/AssetsGrid which gate it:
+                                        // the editor reads pixels via canvas (useCropImg -> toBlob), which
+                                        // taints on a cross-origin image loaded without CORS, so every
+                                        // remote image must be fetched CORS-clean.
                                         crossOrigin: "anonymous",
                                         onLoad: handleImageLoad,
                                         draggable: false