@strapi/upload 5.52.3 → 5.53.0

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

@@ -1 +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 { useApiErrorMessage } from '../../../hooks/useApiErrorMessage';\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';\nimport { assetKey } from '../utils/selection';\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 * A successful move or delete deselects this one asset and leaves the rest of\n * the selection intact: the mutations only invalidate RTK tags, so without it an\n * `asset:<id>` key for a file that has been deleted — or has moved out of this\n * list — would linger. The other selected rows are untouched, which is the whole\n * point of the menu being a single-item affordance.\n */\nexport const AssetActionsMenu = ({ asset, dragData }: AssetActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  const { deselect } = 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, fileInfo: { name: asset.name } });\n    } finally {\n      releaseBusy();\n    }\n\n    if ('error' in res) {\n      toggleNotification({\n        type: 'danger',\n        message: getErrorMessage(\n          res.error,\n          formatMessage({\n            id: getTranslationKey('asset-details.replace.error'),\n            defaultMessage: 'Failed to replace the file.',\n          })\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={() => deselect(assetKey(asset.id))}\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={() => deselect(assetKey(asset.id))}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["AssetActionsMenu","asset","dragData","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","copy","useClipboard","toggleNotification","useNotification","deselect","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","fileInfo","name","type","message","error","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","handleDownload","downloadFile","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","assetKey","DeleteItemsDialog","fileIds","folderIds"],"mappings":"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"}
+{"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 { useApiErrorMessage } from '../../../hooks/useApiErrorMessage';\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';\nimport { assetKey } from '../utils/selection';\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 * A successful move or delete deselects this one asset and leaves the rest of\n * the selection intact: the mutations only invalidate RTK tags, so without it an\n * `asset:<id>` key for a file that has been deleted — or has moved out of this\n * list — would linger. The other selected rows are untouched, which is the whole\n * point of the menu being a single-item affordance.\n */\nexport const AssetActionsMenu = ({ asset, dragData }: AssetActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  const { deselect } = 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, fileInfo: { name: asset.name } });\n    } finally {\n      releaseBusy();\n    }\n\n    if ('error' in res) {\n      toggleNotification({\n        type: 'danger',\n        message: getErrorMessage(\n          res.error,\n          formatMessage({\n            id: getTranslationKey('asset-details.replace.error'),\n            defaultMessage: 'Failed to replace the file.',\n          })\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          // Replacing swaps the bytes of an existing asset, so the picker offers\n          // only its own type. Without this the picker accepted anything and a\n          // JPG could come back as PNG bytes still served under a `.jpg` url,\n          // since replace preserves hash and ext by design.\n          accept={asset.mime ?? ''}\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={() => deselect(assetKey(asset.id))}\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={() => deselect(assetKey(asset.id))}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["AssetActionsMenu","asset","dragData","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","copy","useClipboard","toggleNotification","useNotification","deselect","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","fileInfo","name","type","message","error","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","handleDownload","downloadFile","hasTopGroup","hasBottomGroup","showSeparator","_jsxs","_Fragment","_jsx","VisuallyHidden","input","ref","accept","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","assetKey","DeleteItemsDialog","fileIds","folderIds"],"mappings":"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"}

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

@@ -397,6 +397,15 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
                 [axis]: Math.round(pct)
             }));
     };
+    /**
+   * Forces a focal field to redisplay the state on blur.
+   *
+   * One key per axis: a shared key remounted both fields, so tabbing out of X
+   * destroyed Y before it could take focus and it was unreachable by keyboard.
+   */ const [focalXKey, setFocalXKey] = React__namespace.useState(0);
+    const [focalYKey, setFocalYKey] = React__namespace.useState(0);
+    const syncFocalX = ()=>setFocalXKey((key)=>key + 1);
+    const syncFocalY = ()=>setFocalYKey((key)=>key + 1);
     const cropPercents = naturalSize.width && naturalSize.height ? {
         left: crop.x / naturalSize.width * 100,
         top: crop.y / naturalSize.height * 100,
@@ -678,10 +687,13 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
                                                                     defaultMessage: 'Focal point X (px)'
                                                                 }),
                                                                 value: focalPxX,
+                                                                min: 0,
+                                                                max: width || undefined,
                                                                 onValueChange: (next)=>{
                                                                     if (next !== undefined) setFocalPx('x', next);
-                                                                }
-                                                            })
+                                                                },
+                                                                onBlur: syncFocalX
+                                                            }, `focal-x-${focalXKey}`)
                                                         ]
                                                     }),
                                                     /*#__PURE__*/ jsxRuntime.jsxs(FieldRow, {
@@ -701,10 +713,13 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
                                                                     defaultMessage: 'Focal point Y (px)'
                                                                 }),
                                                                 value: focalPxY,
+                                                                min: 0,
+                                                                max: height || undefined,
                                                                 onValueChange: (next)=>{
                                                                     if (next !== undefined) setFocalPx('y', next);
-                                                                }
-                                                            })
+                                                                },
+                                                                onBlur: syncFocalY
+                                                            }, `focal-y-${focalYKey}`)
                                                         ]
                                                     })
                                                 ]

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

@@ -1 +1 @@
-{"version":3,"file":"AssetCropEditor.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetCropEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Field,\n  Flex,\n  FocusTrap,\n  IconButton,\n  NumberInput,\n  Portal,\n  Typography,\n} from '@strapi/design-system';\nimport { ArrowsHorizontal, ArrowsVertical, Crop, Link } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, useTheme } from 'styled-components';\n\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { resolveCornerResize, useCropImg } from './useCropImg';\n\nimport type {\n  AssetWithPopulatedCreatedBy,\n  FocalPoint,\n} from '../../../../../../../shared/contracts/files';\n\nconst FOCAL_DIAMETER_REM = 5.6;\nconst HANDLE_PX = 12;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled\n * -----------------------------------------------------------------------------------------------*/\n\n// Full-viewport takeover with a small inset so the editor reads as a card.\nconst Overlay = styled(Flex)`\n  position: fixed;\n  z-index: 1200;\n  flex-direction: column;\n  top: ${({ theme }) => theme.spaces[1]};\n  left: ${({ theme }) => theme.spaces[1]};\n  right: ${({ theme }) => theme.spaces[1]};\n  bottom: ${({ theme }) => theme.spaces[1]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n  /* Focused programmatically on open (tabIndex -1) — no visible ring needed. */\n  outline: none;\n`;\n\nconst HeaderBar = styled(Flex)`\n  width: 100%;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\n// Fills the remaining space between header/footer; checkerboard pattern.\n// The horizontal padding keeps the image off the viewport edges — the corner\n// handles overhang the image by half their size, and on narrow (mobile)\n// screens an edge-to-edge image leaves nothing to grab.\nconst Body = styled(Box)`\n  width: 100%;\n  position: relative;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      ${({ theme }) => theme.colors.neutral0} 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\n// Wrapper sized to the image's natural aspect ratio so the <img> inside fills\n// it without letterboxing. Percentage-based positioning of the crop overlay\n// then maps directly to natural-px coordinates.\nconst CropArea = styled.div<{ $aspect?: number }>`\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n  ${({ $aspect }) => ($aspect ? `aspect-ratio: ${$aspect};` : '')}\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    user-select: none;\n    -webkit-user-drag: none;\n  }\n`;\n\n// Crop selection rectangle, positioned by % of CropArea. Inverts the dim\n// outside via box-shadow so the focused area shows full color.\nconst CropOverlay = styled.div`\n  position: absolute;\n  border: 1px dashed ${({ theme }) => theme.colors.primary600};\n  box-shadow: 0 0 0 9999px rgba(33, 33, 52, 0.5);\n  cursor: move;\n  /* Without this, touch browsers claim the gesture for scrolling and fire\n     pointercancel mid-drag — the crop drag dies while the finger is down. */\n  touch-action: none;\n`;\n\nconst ResizeHandle = styled.button<{ $cursor: string }>`\n  position: absolute;\n  width: ${HANDLE_PX}px;\n  height: ${HANDLE_PX}px;\n  margin: -${HANDLE_PX / 2}px;\n  padding: 0;\n  border: 1px solid ${({ theme }) => theme.colors.primary600};\n  border-radius: 2px;\n  background: ${({ theme }) => theme.colors.neutral0};\n  cursor: ${({ $cursor }) => $cursor};\n  touch-action: none;\n`;\n\nconst FocalPointHandle = styled.button`\n  position: absolute;\n  width: ${FOCAL_DIAMETER_REM}rem;\n  height: ${FOCAL_DIAMETER_REM}rem;\n  margin: ${-FOCAL_DIAMETER_REM / 2}rem 0 0 ${-FOCAL_DIAMETER_REM / 2}rem;\n  border-radius: 50%;\n  border: 1px solid ${({ theme }) => theme.colors.neutral800};\n  background: transparent;\n  cursor: grab;\n  padding: 0;\n  touch-action: none;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.16);\n    transform: translate(-50%, -50%);\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: ${({ theme }) => theme.colors.neutral800};\n    transform: translate(-50%, -50%);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`;\n\n// Hidden on mobile — the panel (title/hint + numeric crop & focal inputs) is\n// too large for a phone; touch users set the crop by dragging the rectangle and\n// focal handle directly on the image. Shown from tablet up.\nconst InfoBox = styled(Box)`\n  display: none;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    position: absolute;\n    right: ${({ theme }) => theme.spaces[1]};\n    bottom: ${({ theme }) => theme.spaces[1]};\n    width: 100%;\n    max-width: 32rem;\n    padding: ${({ theme }) => theme.spaces[3]};\n    border-radius: ${({ theme }) => theme.borderRadius};\n    background: ${({ theme }) =>\n      theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral900};\n    z-index: 20;\n  }\n`;\n\nconst FooterBar = styled(Flex)`\n  width: 100%;\n  justify-content: space-between;\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\nconst FieldRow = styled(Field.Root)`\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst FieldNumberInput = styled(NumberInput)`\n  width: 8.4rem;\n`;\n\nconst LabelIcon = styled(Field.Label)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n`;\n\nconst BackgroundPreserveRatioContainer = styled(Box)`\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n\n  svg {\n    display: block;\n  }\n`;\n\nconst BackgroundPreserveRatio = () => (\n  <BackgroundPreserveRatioContainer>\n    <svg width=\"17\" height=\"49\" viewBox=\"0 0 17 49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M0.5 0.5H8.5C12.9183 0.5 16.5 4.08172 16.5 8.5M0.5 48.5H8.5C12.9183 48.5 16.5 44.9183 16.5 40.5\"\n        stroke=\"#666687\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  </BackgroundPreserveRatioContainer>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * AssetCropEditor\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetCropEditorProps {\n  asset: AssetWithPopulatedCreatedBy;\n  isBusy?: boolean;\n  onClose: () => void;\n  onApply: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  onSaveAsCopy: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  /**\n   * \"Save as copy\" creates a new asset (`assets.create`), a different permission\n   * from cropping in place (`assets.update`). Hidden when the user lacks it, so\n   * an update-only role can't trigger a 403.\n   */\n  canSaveAsCopy: boolean;\n}\n\ntype Corner = 'tl' | 'tr' | 'bl' | 'br';\n\nexport const AssetCropEditor = ({\n  asset,\n  isBusy = false,\n  onClose,\n  onApply,\n  onSaveAsCopy,\n  canSaveAsCopy,\n}: AssetCropEditorProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // The InfoBox is a fixed dark surface in both themes, so its text can't use a\n  // single neutral token (those invert with the scheme). Pick the scheme's white\n  // and a muted grey explicitly.\n  const theme = useTheme();\n  const isDark = theme.colorScheme === 'dark';\n  const infoTextColor = isDark ? 'neutral1000' : 'neutral0';\n  const infoMutedColor = isDark ? 'neutral600' : 'neutral200';\n  const imgRef = React.useRef<HTMLImageElement>(null);\n  const cropAreaRef = React.useRef<HTMLDivElement>(null);\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  // FocusTrap's auto-focus lands on the first focusable element — the crop\n  // width NumberInput — which pops the keyboard on mobile the moment the\n  // editor opens. Focus the (tabIndex -1) overlay instead: keyboard users are\n  // one Tab away from the first control, Escape still reaches the trap.\n  React.useEffect(() => {\n    overlayRef.current?.focus();\n  }, []);\n\n  const {\n    init,\n    crop,\n    naturalSize,\n    aspectRatio,\n    setCropSize,\n    setCropPosition,\n    setAspectRatio,\n    produceFile,\n    width,\n    height,\n  } = useCropImg();\n\n  const [aspectLocked, setAspectLocked] = React.useState(false);\n  // Focal point as a percentage of the crop area (matches the {x,y} contract).\n  const [focal, setFocal] = React.useState<FocalPoint>(asset.focalPoint ?? { x: 50, y: 50 });\n\n  // The crop editor reads pixels from a canvas (useCropImg -> toBlob), so its\n  // <img> must be CORS-clean and always sets crossOrigin=\"anonymous\" (see the\n  // img below) — even for unsigned URLs, which AssetPreview leaves unset because\n  // it only displays. That difference is why the crop URL is kept DISTINCT from\n  // the thumbnail's: identical URL + different crossOrigin collide in the HTTP\n  // cache (#26581), and the crop's anonymous request could otherwise reuse the\n  // thumbnail's non-CORS cached response and taint the canvas. So the buster\n  // uses `updatedAt` where AssetPreview uses `v`, giving each its own entry\n  // (mirrors the legacy PreviewBox fix).\n  // Signed URLs get no param at all — a presigned S3 URL breaks if you add one,\n  // and on the signed side AssetPreview also loads anonymous, so the identical\n  // URL there shares one CORS-consistent entry, which is fine.\n  const rawImageUrl = prefixFileUrlWithBackendUrl(asset.url) as string;\n  const cacheKey =\n    asset.updatedAt && !asset.isUrlSigned ? new Date(asset.updatedAt).getTime() : undefined;\n  const imageUrl =\n    cacheKey !== undefined\n      ? `${rawImageUrl}${rawImageUrl.includes('?') ? '&' : '?'}updatedAt=${cacheKey}`\n      : rawImageUrl;\n\n  const handleImageLoad = () => {\n    if (imgRef.current) {\n      init(imgRef.current);\n    }\n  };\n\n  // Map a pointer event to natural-px coordinates inside the image.\n  const pointerToNatural = (event: PointerEvent | React.PointerEvent) => {\n    const rect = cropAreaRef.current?.getBoundingClientRect();\n    if (!rect || !naturalSize.width || !naturalSize.height) return null;\n    const ratioX = naturalSize.width / rect.width;\n    const ratioY = naturalSize.height / rect.height;\n    return {\n      x: (event.clientX - rect.left) * ratioX,\n      y: (event.clientY - rect.top) * ratioY,\n    };\n  };\n\n  // Teardown for the drag currently in flight, so it can be run both on pointer\n  // release AND on unmount. Without the unmount path, closing the editor mid-drag\n  // (Escape, drawer close, a re-render dropping the overlay) would never fire a\n  // pointer event, leaking the window listeners and letting a stale `onMove`\n  // call `setCropPosition` on an unmounted component.\n  const activeDragCleanupRef = React.useRef<(() => void) | null>(null);\n\n  React.useEffect(() => {\n    return () => {\n      activeDragCleanupRef.current?.();\n    };\n  }, []);\n\n  // Track a pointer drag until the pointer is released or the browser cancels\n  // it. The pointer is captured so the drag follows the finger even once it\n  // leaves the (12px) handle it started on, and pointercancel is treated as\n  // release so an interrupted touch never leaves stale window listeners.\n  const trackPointerDrag = (event: React.PointerEvent, onMove: (e: PointerEvent) => void) => {\n    event.preventDefault();\n    event.stopPropagation();\n    const { pointerId } = event;\n    try {\n      event.currentTarget.setPointerCapture(pointerId);\n    } catch {\n      // Unsupported environment (jsdom) — window listeners still track the drag.\n    }\n    const move = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      onMove(e);\n    };\n    const cleanup = () => {\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', end);\n      window.removeEventListener('pointercancel', end);\n      activeDragCleanupRef.current = null;\n    };\n    const end = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      cleanup();\n    };\n    // Only one drag is ever live at a time; tear down any previous one first.\n    activeDragCleanupRef.current?.();\n    activeDragCleanupRef.current = cleanup;\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', end);\n    window.addEventListener('pointercancel', end);\n  };\n\n  // Drag the entire crop rectangle.\n  const handleMovePointerDown = (event: React.PointerEvent) => {\n    const start = pointerToNatural(event);\n    if (!start) return;\n    const startCrop = { ...crop };\n    trackPointerDrag(event, (e) => {\n      const next = pointerToNatural(e);\n      if (!next) return;\n      setCropPosition({\n        x: startCrop.x + (next.x - start.x),\n        y: startCrop.y + (next.y - start.y),\n      });\n    });\n  };\n\n  // Resize from a corner; the opposite corner stays anchored.\n  const handleResizePointerDown = (corner: Corner) => (event: React.PointerEvent) => {\n    const startCrop = { ...crop };\n    const anchorX =\n      corner === 'tl' || corner === 'bl' ? startCrop.x + startCrop.width : startCrop.x;\n    const anchorY =\n      corner === 'tl' || corner === 'tr' ? startCrop.y + startCrop.height : startCrop.y;\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      const {\n        x,\n        y,\n        width: w,\n        height: h,\n      } = resolveCornerResize({\n        anchorX,\n        anchorY,\n        point,\n        aspectRatio: aspectLocked ? aspectRatio : null,\n      });\n      setCropPosition({ x, y });\n      setCropSize({ width: w, height: h });\n    });\n  };\n\n  const toggleAspectLock = () => {\n    setAspectLocked((locked) => {\n      const next = !locked;\n      setAspectRatio(next && height ? width / height : null);\n      return next;\n    });\n  };\n\n  // Drag the focal handle within the crop rectangle, clamped 0–100.\n  const handleFocalPointerDown = (event: React.PointerEvent) => {\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      // Convert pointer to a percentage of the current crop area.\n      const px = ((point.x - crop.x) / crop.width) * 100;\n      const py = ((point.y - crop.y) / crop.height) * 100;\n      setFocal({\n        x: Math.round(Math.min(100, Math.max(0, px))),\n        y: Math.round(Math.min(100, Math.max(0, py))),\n      });\n    });\n  };\n\n  const focalPxX = Math.round((focal.x / 100) * width);\n  const focalPxY = Math.round((focal.y / 100) * height);\n\n  const setFocalPx = (axis: 'x' | 'y', value: number) => {\n    const dim = axis === 'x' ? width : height;\n    if (!dim) return;\n    const pct = Math.min(100, Math.max(0, (value / dim) * 100));\n    setFocal((prev) => ({ ...prev, [axis]: Math.round(pct) }));\n  };\n\n  const cropPercents =\n    naturalSize.width && naturalSize.height\n      ? {\n          left: (crop.x / naturalSize.width) * 100,\n          top: (crop.y / naturalSize.height) * 100,\n          width: (crop.width / naturalSize.width) * 100,\n          height: (crop.height / naturalSize.height) * 100,\n        }\n      : null;\n\n  // The crop is only usable once the image has loaded and `init()` has seeded\n  // the natural size. Until then the produce/export path would reject.\n  const isReady = cropPercents !== null;\n\n  const handleAction = async (action: 'apply' | 'copy') => {\n    if (!isReady) return;\n\n    let file: globalThis.File;\n    try {\n      file = await produceFile(asset.name, asset.mime ?? 'image/png', asset.updatedAt);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.crop.export-error'),\n          defaultMessage: 'Could not process the cropped image.',\n        }),\n      });\n      return;\n    }\n\n    const roundedFocal = { x: Math.round(focal.x), y: Math.round(focal.y) };\n    if (action === 'apply') {\n      onApply(file, roundedFocal);\n    } else {\n      onSaveAsCopy(file, roundedFocal);\n    }\n  };\n\n  return (\n    <Portal>\n      <FocusTrap onEscape={onClose} skipAutoFocus>\n        <Overlay ref={overlayRef} tabIndex={-1}>\n          <HeaderBar alignItems=\"center\">\n            <Crop aria-hidden />\n            <Typography variant=\"omega\" fontWeight=\"bold\">\n              {formatMessage({\n                id: getTranslationKey('asset-details.crop.title'),\n                defaultMessage: 'Crop & Focus area',\n              })}\n            </Typography>\n          </HeaderBar>\n\n          <Body>\n            <CropArea\n              ref={cropAreaRef}\n              $aspect={\n                naturalSize.width && naturalSize.height\n                  ? naturalSize.width / naturalSize.height\n                  : undefined\n              }\n            >\n              <img\n                ref={imgRef}\n                src={imageUrl}\n                alt={asset.name}\n                // Always anonymous, unlike AssetPreview/AssetsGrid which gate it:\n                // the editor reads pixels via canvas (useCropImg -> toBlob), which\n                // taints on a cross-origin image loaded without CORS, so every\n                // remote image must be fetched CORS-clean.\n                crossOrigin=\"anonymous\"\n                onLoad={handleImageLoad}\n                draggable={false}\n              />\n\n              {cropPercents ? (\n                <CropOverlay\n                  style={{\n                    left: `${cropPercents.left}%`,\n                    top: `${cropPercents.top}%`,\n                    width: `${cropPercents.width}%`,\n                    height: `${cropPercents.height}%`,\n                  }}\n                  onPointerDown={handleMovePointerDown}\n                >\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-left'),\n                      defaultMessage: 'Resize top-left',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ left: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-right'),\n                      defaultMessage: 'Resize top-right',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ right: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tr')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-left'),\n                      defaultMessage: 'Resize bottom-left',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ left: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('bl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-right'),\n                      defaultMessage: 'Resize bottom-right',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ right: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('br')}\n                  />\n\n                  <FocalPointHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.focal-point'),\n                      defaultMessage: 'Focal point',\n                    })}\n                    style={{ left: `${focal.x}%`, top: `${focal.y}%` }}\n                    onPointerDown={handleFocalPointerDown}\n                  />\n                </CropOverlay>\n              ) : null}\n            </CropArea>\n\n            <InfoBox>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={1} paddingBottom={3}>\n                <Typography variant=\"omega\" fontWeight=\"bold\" textColor={infoTextColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.title'),\n                    defaultMessage: 'Crop & Focus area',\n                  })}\n                </Typography>\n                <Typography variant=\"pi\" textColor={infoMutedColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.hint'),\n                    defaultMessage:\n                      'Set the crop area with the rectangle. Pin the always-visible area with the circle.',\n                  })}\n                </Typography>\n              </Flex>\n\n              <Flex gap={6} alignItems=\"center\">\n                <Flex alignItems=\"center\" gap={2}>\n                  <Flex direction=\"column\" gap={2}>\n                    <FieldRow name=\"crop-width\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsHorizontal />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.width'),\n                          defaultMessage: 'Width (px)',\n                        })}\n                        value={width}\n                        min={1}\n                        max={naturalSize.width || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ width: next });\n                        }}\n                      />\n                    </FieldRow>\n                    <FieldRow name=\"crop-height\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsVertical />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.height'),\n                          defaultMessage: 'Height (px)',\n                        })}\n                        value={height}\n                        min={1}\n                        max={naturalSize.height || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ height: next });\n                        }}\n                      />\n                    </FieldRow>\n                  </Flex>\n\n                  <Flex position=\"relative\">\n                    <IconButton\n                      label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.aspect-lock'),\n                        defaultMessage: 'Lock aspect ratio',\n                      })}\n                      variant={aspectLocked ? 'secondary' : 'ghost'}\n                      onClick={toggleAspectLock}\n                    >\n                      <Link />\n                    </IconButton>\n                    <BackgroundPreserveRatio />\n                  </Flex>\n                </Flex>\n\n                <Flex direction=\"column\" gap={2} marginLeft={'auto'}>\n                  <FieldRow name=\"focal-x\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x-axis'),\n                        defaultMessage: 'X',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x'),\n                        defaultMessage: 'Focal point X (px)',\n                      })}\n                      value={focalPxX}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('x', next);\n                      }}\n                    />\n                  </FieldRow>\n                  <FieldRow name=\"focal-y\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y-axis'),\n                        defaultMessage: 'Y',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y'),\n                        defaultMessage: 'Focal point Y (px)',\n                      })}\n                      value={focalPxY}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('y', next);\n                      }}\n                    />\n                  </FieldRow>\n                </Flex>\n              </Flex>\n            </InfoBox>\n          </Body>\n\n          <FooterBar alignItems=\"center\">\n            <Button variant=\"tertiary\" onClick={onClose} disabled={isBusy}>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n            <Flex gap={2}>\n              {canSaveAsCopy && (\n                <Button\n                  variant=\"secondary\"\n                  onClick={() => handleAction('copy')}\n                  loading={isBusy}\n                  disabled={!isReady}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.save-as-copy'),\n                    defaultMessage: 'Save as copy',\n                  })}\n                </Button>\n              )}\n              <Button\n                variant=\"default\"\n                onClick={() => handleAction('apply')}\n                loading={isBusy}\n                disabled={!isReady}\n              >\n                {formatMessage({\n                  id: getTranslationKey('asset-details.crop.apply'),\n                  defaultMessage: 'Apply',\n                })}\n              </Button>\n            </Flex>\n          </FooterBar>\n        </Overlay>\n      </FocusTrap>\n    </Portal>\n  );\n};\n"],"names":["FOCAL_DIAMETER_REM","HANDLE_PX","Overlay","styled","Flex","theme","spaces","borderRadius","colors","neutral150","neutral0","HeaderBar","Body","Box","neutral100","CropArea","div","$aspect","CropOverlay","primary600","ResizeHandle","button","$cursor","FocalPointHandle","neutral800","InfoBox","breakpoints","medium","colorScheme","neutral900","FooterBar","FieldRow","Field","Root","FieldNumberInput","NumberInput","LabelIcon","Label","BackgroundPreserveRatioContainer","BackgroundPreserveRatio","_jsx","svg","width","height","viewBox","fill","xmlns","path","d","stroke","strokeLinecap","AssetCropEditor","asset","isBusy","onClose","onApply","onSaveAsCopy","canSaveAsCopy","formatMessage","useIntl","toggleNotification","useNotification","useTheme","isDark","infoTextColor","infoMutedColor","imgRef","React","useRef","cropAreaRef","overlayRef","useEffect","current","focus","init","crop","naturalSize","aspectRatio","setCropSize","setCropPosition","setAspectRatio","produceFile","useCropImg","aspectLocked","setAspectLocked","useState","focal","setFocal","focalPoint","x","y","rawImageUrl","prefixFileUrlWithBackendUrl","url","cacheKey","updatedAt","isUrlSigned","Date","getTime","undefined","imageUrl","includes","handleImageLoad","pointerToNatural","event","rect","getBoundingClientRect","ratioX","ratioY","clientX","left","clientY","top","activeDragCleanupRef","trackPointerDrag","onMove","preventDefault","stopPropagation","pointerId","currentTarget","setPointerCapture","move","e","cleanup","window","removeEventListener","end","addEventListener","handleMovePointerDown","start","startCrop","next","handleResizePointerDown","corner","anchorX","anchorY","point","w","h","resolveCornerResize","toggleAspectLock","locked","handleFocalPointerDown","px","py","Math","round","min","max","focalPxX","focalPxY","setFocalPx","axis","value","dim","pct","prev","cropPercents","isReady","handleAction","action","file","name","mime","type","message","id","getTranslationKey","defaultMessage","roundedFocal","Portal","FocusTrap","onEscape","skipAutoFocus","_jsxs","ref","tabIndex","alignItems","Crop","aria-hidden","Typography","variant","fontWeight","img","src","alt","crossOrigin","onLoad","draggable","style","onPointerDown","aria-label","right","bottom","direction","gap","paddingBottom","textColor","ArrowsHorizontal","onValueChange","ArrowsVertical","position","IconButton","label","onClick","Link","marginLeft","Button","disabled","loading"],"mappings":"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"}
+{"version":3,"file":"AssetCropEditor.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetCropEditor.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Field,\n  Flex,\n  FocusTrap,\n  IconButton,\n  NumberInput,\n  Portal,\n  Typography,\n} from '@strapi/design-system';\nimport { ArrowsHorizontal, ArrowsVertical, Crop, Link } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, useTheme } from 'styled-components';\n\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { resolveCornerResize, useCropImg } from './useCropImg';\n\nimport type {\n  AssetWithPopulatedCreatedBy,\n  FocalPoint,\n} from '../../../../../../../shared/contracts/files';\n\nconst FOCAL_DIAMETER_REM = 5.6;\nconst HANDLE_PX = 12;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled\n * -----------------------------------------------------------------------------------------------*/\n\n// Full-viewport takeover with a small inset so the editor reads as a card.\nconst Overlay = styled(Flex)`\n  position: fixed;\n  z-index: 1200;\n  flex-direction: column;\n  top: ${({ theme }) => theme.spaces[1]};\n  left: ${({ theme }) => theme.spaces[1]};\n  right: ${({ theme }) => theme.spaces[1]};\n  bottom: ${({ theme }) => theme.spaces[1]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n  /* Focused programmatically on open (tabIndex -1) — no visible ring needed. */\n  outline: none;\n`;\n\nconst HeaderBar = styled(Flex)`\n  width: 100%;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\n// Fills the remaining space between header/footer; checkerboard pattern.\n// The horizontal padding keeps the image off the viewport edges — the corner\n// handles overhang the image by half their size, and on narrow (mobile)\n// screens an edge-to-edge image leaves nothing to grab.\nconst Body = styled(Box)`\n  width: 100%;\n  position: relative;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      ${({ theme }) => theme.colors.neutral0} 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\n// Wrapper sized to the image's natural aspect ratio so the <img> inside fills\n// it without letterboxing. Percentage-based positioning of the crop overlay\n// then maps directly to natural-px coordinates.\nconst CropArea = styled.div<{ $aspect?: number }>`\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n  ${({ $aspect }) => ($aspect ? `aspect-ratio: ${$aspect};` : '')}\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    user-select: none;\n    -webkit-user-drag: none;\n  }\n`;\n\n// Crop selection rectangle, positioned by % of CropArea. Inverts the dim\n// outside via box-shadow so the focused area shows full color.\nconst CropOverlay = styled.div`\n  position: absolute;\n  border: 1px dashed ${({ theme }) => theme.colors.primary600};\n  box-shadow: 0 0 0 9999px rgba(33, 33, 52, 0.5);\n  cursor: move;\n  /* Without this, touch browsers claim the gesture for scrolling and fire\n     pointercancel mid-drag — the crop drag dies while the finger is down. */\n  touch-action: none;\n`;\n\nconst ResizeHandle = styled.button<{ $cursor: string }>`\n  position: absolute;\n  width: ${HANDLE_PX}px;\n  height: ${HANDLE_PX}px;\n  margin: -${HANDLE_PX / 2}px;\n  padding: 0;\n  border: 1px solid ${({ theme }) => theme.colors.primary600};\n  border-radius: 2px;\n  background: ${({ theme }) => theme.colors.neutral0};\n  cursor: ${({ $cursor }) => $cursor};\n  touch-action: none;\n`;\n\nconst FocalPointHandle = styled.button`\n  position: absolute;\n  width: ${FOCAL_DIAMETER_REM}rem;\n  height: ${FOCAL_DIAMETER_REM}rem;\n  margin: ${-FOCAL_DIAMETER_REM / 2}rem 0 0 ${-FOCAL_DIAMETER_REM / 2}rem;\n  border-radius: 50%;\n  border: 1px solid ${({ theme }) => theme.colors.neutral800};\n  background: transparent;\n  cursor: grab;\n  padding: 0;\n  touch-action: none;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.16);\n    transform: translate(-50%, -50%);\n  }\n  &::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: ${({ theme }) => theme.colors.neutral800};\n    transform: translate(-50%, -50%);\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`;\n\n// Hidden on mobile — the panel (title/hint + numeric crop & focal inputs) is\n// too large for a phone; touch users set the crop by dragging the rectangle and\n// focal handle directly on the image. Shown from tablet up.\nconst InfoBox = styled(Box)`\n  display: none;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    position: absolute;\n    right: ${({ theme }) => theme.spaces[1]};\n    bottom: ${({ theme }) => theme.spaces[1]};\n    width: 100%;\n    max-width: 32rem;\n    padding: ${({ theme }) => theme.spaces[3]};\n    border-radius: ${({ theme }) => theme.borderRadius};\n    background: ${({ theme }) =>\n      theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral900};\n    z-index: 20;\n  }\n`;\n\nconst FooterBar = styled(Flex)`\n  width: 100%;\n  justify-content: space-between;\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[5]}`};\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  background: ${({ theme }) => theme.colors.neutral0};\n`;\n\nconst FieldRow = styled(Field.Root)`\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst FieldNumberInput = styled(NumberInput)`\n  width: 8.4rem;\n`;\n\nconst LabelIcon = styled(Field.Label)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n`;\n\nconst BackgroundPreserveRatioContainer = styled(Box)`\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n\n  svg {\n    display: block;\n  }\n`;\n\nconst BackgroundPreserveRatio = () => (\n  <BackgroundPreserveRatioContainer>\n    <svg width=\"17\" height=\"49\" viewBox=\"0 0 17 49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M0.5 0.5H8.5C12.9183 0.5 16.5 4.08172 16.5 8.5M0.5 48.5H8.5C12.9183 48.5 16.5 44.9183 16.5 40.5\"\n        stroke=\"#666687\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  </BackgroundPreserveRatioContainer>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * AssetCropEditor\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetCropEditorProps {\n  asset: AssetWithPopulatedCreatedBy;\n  isBusy?: boolean;\n  onClose: () => void;\n  onApply: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  onSaveAsCopy: (file: globalThis.File, focalPoint: FocalPoint) => void;\n  /**\n   * \"Save as copy\" creates a new asset (`assets.create`), a different permission\n   * from cropping in place (`assets.update`). Hidden when the user lacks it, so\n   * an update-only role can't trigger a 403.\n   */\n  canSaveAsCopy: boolean;\n}\n\ntype Corner = 'tl' | 'tr' | 'bl' | 'br';\n\nexport const AssetCropEditor = ({\n  asset,\n  isBusy = false,\n  onClose,\n  onApply,\n  onSaveAsCopy,\n  canSaveAsCopy,\n}: AssetCropEditorProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // The InfoBox is a fixed dark surface in both themes, so its text can't use a\n  // single neutral token (those invert with the scheme). Pick the scheme's white\n  // and a muted grey explicitly.\n  const theme = useTheme();\n  const isDark = theme.colorScheme === 'dark';\n  const infoTextColor = isDark ? 'neutral1000' : 'neutral0';\n  const infoMutedColor = isDark ? 'neutral600' : 'neutral200';\n  const imgRef = React.useRef<HTMLImageElement>(null);\n  const cropAreaRef = React.useRef<HTMLDivElement>(null);\n  const overlayRef = React.useRef<HTMLDivElement>(null);\n\n  // FocusTrap's auto-focus lands on the first focusable element — the crop\n  // width NumberInput — which pops the keyboard on mobile the moment the\n  // editor opens. Focus the (tabIndex -1) overlay instead: keyboard users are\n  // one Tab away from the first control, Escape still reaches the trap.\n  React.useEffect(() => {\n    overlayRef.current?.focus();\n  }, []);\n\n  const {\n    init,\n    crop,\n    naturalSize,\n    aspectRatio,\n    setCropSize,\n    setCropPosition,\n    setAspectRatio,\n    produceFile,\n    width,\n    height,\n  } = useCropImg();\n\n  const [aspectLocked, setAspectLocked] = React.useState(false);\n  // Focal point as a percentage of the crop area (matches the {x,y} contract).\n  const [focal, setFocal] = React.useState<FocalPoint>(asset.focalPoint ?? { x: 50, y: 50 });\n\n  // The crop editor reads pixels from a canvas (useCropImg -> toBlob), so its\n  // <img> must be CORS-clean and always sets crossOrigin=\"anonymous\" (see the\n  // img below) — even for unsigned URLs, which AssetPreview leaves unset because\n  // it only displays. That difference is why the crop URL is kept DISTINCT from\n  // the thumbnail's: identical URL + different crossOrigin collide in the HTTP\n  // cache (#26581), and the crop's anonymous request could otherwise reuse the\n  // thumbnail's non-CORS cached response and taint the canvas. So the buster\n  // uses `updatedAt` where AssetPreview uses `v`, giving each its own entry\n  // (mirrors the legacy PreviewBox fix).\n  // Signed URLs get no param at all — a presigned S3 URL breaks if you add one,\n  // and on the signed side AssetPreview also loads anonymous, so the identical\n  // URL there shares one CORS-consistent entry, which is fine.\n  const rawImageUrl = prefixFileUrlWithBackendUrl(asset.url) as string;\n  const cacheKey =\n    asset.updatedAt && !asset.isUrlSigned ? new Date(asset.updatedAt).getTime() : undefined;\n  const imageUrl =\n    cacheKey !== undefined\n      ? `${rawImageUrl}${rawImageUrl.includes('?') ? '&' : '?'}updatedAt=${cacheKey}`\n      : rawImageUrl;\n\n  const handleImageLoad = () => {\n    if (imgRef.current) {\n      init(imgRef.current);\n    }\n  };\n\n  // Map a pointer event to natural-px coordinates inside the image.\n  const pointerToNatural = (event: PointerEvent | React.PointerEvent) => {\n    const rect = cropAreaRef.current?.getBoundingClientRect();\n    if (!rect || !naturalSize.width || !naturalSize.height) return null;\n    const ratioX = naturalSize.width / rect.width;\n    const ratioY = naturalSize.height / rect.height;\n    return {\n      x: (event.clientX - rect.left) * ratioX,\n      y: (event.clientY - rect.top) * ratioY,\n    };\n  };\n\n  // Teardown for the drag currently in flight, so it can be run both on pointer\n  // release AND on unmount. Without the unmount path, closing the editor mid-drag\n  // (Escape, drawer close, a re-render dropping the overlay) would never fire a\n  // pointer event, leaking the window listeners and letting a stale `onMove`\n  // call `setCropPosition` on an unmounted component.\n  const activeDragCleanupRef = React.useRef<(() => void) | null>(null);\n\n  React.useEffect(() => {\n    return () => {\n      activeDragCleanupRef.current?.();\n    };\n  }, []);\n\n  // Track a pointer drag until the pointer is released or the browser cancels\n  // it. The pointer is captured so the drag follows the finger even once it\n  // leaves the (12px) handle it started on, and pointercancel is treated as\n  // release so an interrupted touch never leaves stale window listeners.\n  const trackPointerDrag = (event: React.PointerEvent, onMove: (e: PointerEvent) => void) => {\n    event.preventDefault();\n    event.stopPropagation();\n    const { pointerId } = event;\n    try {\n      event.currentTarget.setPointerCapture(pointerId);\n    } catch {\n      // Unsupported environment (jsdom) — window listeners still track the drag.\n    }\n    const move = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      onMove(e);\n    };\n    const cleanup = () => {\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', end);\n      window.removeEventListener('pointercancel', end);\n      activeDragCleanupRef.current = null;\n    };\n    const end = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      cleanup();\n    };\n    // Only one drag is ever live at a time; tear down any previous one first.\n    activeDragCleanupRef.current?.();\n    activeDragCleanupRef.current = cleanup;\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', end);\n    window.addEventListener('pointercancel', end);\n  };\n\n  // Drag the entire crop rectangle.\n  const handleMovePointerDown = (event: React.PointerEvent) => {\n    const start = pointerToNatural(event);\n    if (!start) return;\n    const startCrop = { ...crop };\n    trackPointerDrag(event, (e) => {\n      const next = pointerToNatural(e);\n      if (!next) return;\n      setCropPosition({\n        x: startCrop.x + (next.x - start.x),\n        y: startCrop.y + (next.y - start.y),\n      });\n    });\n  };\n\n  // Resize from a corner; the opposite corner stays anchored.\n  const handleResizePointerDown = (corner: Corner) => (event: React.PointerEvent) => {\n    const startCrop = { ...crop };\n    const anchorX =\n      corner === 'tl' || corner === 'bl' ? startCrop.x + startCrop.width : startCrop.x;\n    const anchorY =\n      corner === 'tl' || corner === 'tr' ? startCrop.y + startCrop.height : startCrop.y;\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      const {\n        x,\n        y,\n        width: w,\n        height: h,\n      } = resolveCornerResize({\n        anchorX,\n        anchorY,\n        point,\n        aspectRatio: aspectLocked ? aspectRatio : null,\n      });\n      setCropPosition({ x, y });\n      setCropSize({ width: w, height: h });\n    });\n  };\n\n  const toggleAspectLock = () => {\n    setAspectLocked((locked) => {\n      const next = !locked;\n      setAspectRatio(next && height ? width / height : null);\n      return next;\n    });\n  };\n\n  // Drag the focal handle within the crop rectangle, clamped 0–100.\n  const handleFocalPointerDown = (event: React.PointerEvent) => {\n    trackPointerDrag(event, (e) => {\n      const point = pointerToNatural(e);\n      if (!point) return;\n      // Convert pointer to a percentage of the current crop area.\n      const px = ((point.x - crop.x) / crop.width) * 100;\n      const py = ((point.y - crop.y) / crop.height) * 100;\n      setFocal({\n        x: Math.round(Math.min(100, Math.max(0, px))),\n        y: Math.round(Math.min(100, Math.max(0, py))),\n      });\n    });\n  };\n\n  const focalPxX = Math.round((focal.x / 100) * width);\n  const focalPxY = Math.round((focal.y / 100) * height);\n\n  const setFocalPx = (axis: 'x' | 'y', value: number) => {\n    const dim = axis === 'x' ? width : height;\n    if (!dim) return;\n    const pct = Math.min(100, Math.max(0, (value / dim) * 100));\n    setFocal((prev) => ({ ...prev, [axis]: Math.round(pct) }));\n  };\n\n  /**\n   * Forces a focal field to redisplay the state on blur.\n   *\n   * One key per axis: a shared key remounted both fields, so tabbing out of X\n   * destroyed Y before it could take focus and it was unreachable by keyboard.\n   */\n  const [focalXKey, setFocalXKey] = React.useState(0);\n  const [focalYKey, setFocalYKey] = React.useState(0);\n  const syncFocalX = () => setFocalXKey((key) => key + 1);\n  const syncFocalY = () => setFocalYKey((key) => key + 1);\n\n  const cropPercents =\n    naturalSize.width && naturalSize.height\n      ? {\n          left: (crop.x / naturalSize.width) * 100,\n          top: (crop.y / naturalSize.height) * 100,\n          width: (crop.width / naturalSize.width) * 100,\n          height: (crop.height / naturalSize.height) * 100,\n        }\n      : null;\n\n  // The crop is only usable once the image has loaded and `init()` has seeded\n  // the natural size. Until then the produce/export path would reject.\n  const isReady = cropPercents !== null;\n\n  const handleAction = async (action: 'apply' | 'copy') => {\n    if (!isReady) return;\n\n    let file: globalThis.File;\n    try {\n      file = await produceFile(asset.name, asset.mime ?? 'image/png', asset.updatedAt);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.crop.export-error'),\n          defaultMessage: 'Could not process the cropped image.',\n        }),\n      });\n      return;\n    }\n\n    const roundedFocal = { x: Math.round(focal.x), y: Math.round(focal.y) };\n    if (action === 'apply') {\n      onApply(file, roundedFocal);\n    } else {\n      onSaveAsCopy(file, roundedFocal);\n    }\n  };\n\n  return (\n    <Portal>\n      <FocusTrap onEscape={onClose} skipAutoFocus>\n        <Overlay ref={overlayRef} tabIndex={-1}>\n          <HeaderBar alignItems=\"center\">\n            <Crop aria-hidden />\n            <Typography variant=\"omega\" fontWeight=\"bold\">\n              {formatMessage({\n                id: getTranslationKey('asset-details.crop.title'),\n                defaultMessage: 'Crop & Focus area',\n              })}\n            </Typography>\n          </HeaderBar>\n\n          <Body>\n            <CropArea\n              ref={cropAreaRef}\n              $aspect={\n                naturalSize.width && naturalSize.height\n                  ? naturalSize.width / naturalSize.height\n                  : undefined\n              }\n            >\n              <img\n                ref={imgRef}\n                src={imageUrl}\n                alt={asset.name}\n                // Always anonymous, unlike AssetPreview/AssetsGrid which gate it:\n                // the editor reads pixels via canvas (useCropImg -> toBlob), which\n                // taints on a cross-origin image loaded without CORS, so every\n                // remote image must be fetched CORS-clean.\n                crossOrigin=\"anonymous\"\n                onLoad={handleImageLoad}\n                draggable={false}\n              />\n\n              {cropPercents ? (\n                <CropOverlay\n                  style={{\n                    left: `${cropPercents.left}%`,\n                    top: `${cropPercents.top}%`,\n                    width: `${cropPercents.width}%`,\n                    height: `${cropPercents.height}%`,\n                  }}\n                  onPointerDown={handleMovePointerDown}\n                >\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-left'),\n                      defaultMessage: 'Resize top-left',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ left: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.top-right'),\n                      defaultMessage: 'Resize top-right',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ right: 0, top: 0 }}\n                    onPointerDown={handleResizePointerDown('tr')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-left'),\n                      defaultMessage: 'Resize bottom-left',\n                    })}\n                    $cursor=\"nesw-resize\"\n                    style={{ left: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('bl')}\n                  />\n                  <ResizeHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.resize.bottom-right'),\n                      defaultMessage: 'Resize bottom-right',\n                    })}\n                    $cursor=\"nwse-resize\"\n                    style={{ right: 0, bottom: 0 }}\n                    onPointerDown={handleResizePointerDown('br')}\n                  />\n\n                  <FocalPointHandle\n                    type=\"button\"\n                    aria-label={formatMessage({\n                      id: getTranslationKey('asset-details.crop.focal-point'),\n                      defaultMessage: 'Focal point',\n                    })}\n                    style={{ left: `${focal.x}%`, top: `${focal.y}%` }}\n                    onPointerDown={handleFocalPointerDown}\n                  />\n                </CropOverlay>\n              ) : null}\n            </CropArea>\n\n            <InfoBox>\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={1} paddingBottom={3}>\n                <Typography variant=\"omega\" fontWeight=\"bold\" textColor={infoTextColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.title'),\n                    defaultMessage: 'Crop & Focus area',\n                  })}\n                </Typography>\n                <Typography variant=\"pi\" textColor={infoMutedColor}>\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.hint'),\n                    defaultMessage:\n                      'Set the crop area with the rectangle. Pin the always-visible area with the circle.',\n                  })}\n                </Typography>\n              </Flex>\n\n              <Flex gap={6} alignItems=\"center\">\n                <Flex alignItems=\"center\" gap={2}>\n                  <Flex direction=\"column\" gap={2}>\n                    <FieldRow name=\"crop-width\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsHorizontal />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.width'),\n                          defaultMessage: 'Width (px)',\n                        })}\n                        value={width}\n                        min={1}\n                        max={naturalSize.width || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ width: next });\n                        }}\n                      />\n                    </FieldRow>\n                    <FieldRow name=\"crop-height\" gap={2}>\n                      <LabelIcon textColor={infoTextColor}>\n                        <ArrowsVertical />\n                      </LabelIcon>\n                      <FieldNumberInput\n                        aria-label={formatMessage({\n                          id: getTranslationKey('asset-details.crop.height'),\n                          defaultMessage: 'Height (px)',\n                        })}\n                        value={height}\n                        min={1}\n                        max={naturalSize.height || undefined}\n                        onValueChange={(next) => {\n                          if (next !== undefined) setCropSize({ height: next });\n                        }}\n                      />\n                    </FieldRow>\n                  </Flex>\n\n                  <Flex position=\"relative\">\n                    <IconButton\n                      label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.aspect-lock'),\n                        defaultMessage: 'Lock aspect ratio',\n                      })}\n                      variant={aspectLocked ? 'secondary' : 'ghost'}\n                      onClick={toggleAspectLock}\n                    >\n                      <Link />\n                    </IconButton>\n                    <BackgroundPreserveRatio />\n                  </Flex>\n                </Flex>\n\n                <Flex direction=\"column\" gap={2} marginLeft={'auto'}>\n                  <FieldRow name=\"focal-x\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x-axis'),\n                        defaultMessage: 'X',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-x'),\n                        defaultMessage: 'Focal point X (px)',\n                      })}\n                      key={`focal-x-${focalXKey}`}\n                      value={focalPxX}\n                      min={0}\n                      max={width || undefined}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('x', next);\n                      }}\n                      onBlur={syncFocalX}\n                    />\n                  </FieldRow>\n                  <FieldRow name=\"focal-y\" gap={2}>\n                    <Field.Label textColor={infoTextColor}>\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y-axis'),\n                        defaultMessage: 'Y',\n                      })}\n                    </Field.Label>\n                    <FieldNumberInput\n                      aria-label={formatMessage({\n                        id: getTranslationKey('asset-details.crop.focal-y'),\n                        defaultMessage: 'Focal point Y (px)',\n                      })}\n                      key={`focal-y-${focalYKey}`}\n                      value={focalPxY}\n                      min={0}\n                      max={height || undefined}\n                      onValueChange={(next) => {\n                        if (next !== undefined) setFocalPx('y', next);\n                      }}\n                      onBlur={syncFocalY}\n                    />\n                  </FieldRow>\n                </Flex>\n              </Flex>\n            </InfoBox>\n          </Body>\n\n          <FooterBar alignItems=\"center\">\n            <Button variant=\"tertiary\" onClick={onClose} disabled={isBusy}>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n            <Flex gap={2}>\n              {canSaveAsCopy && (\n                <Button\n                  variant=\"secondary\"\n                  onClick={() => handleAction('copy')}\n                  loading={isBusy}\n                  disabled={!isReady}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.crop.save-as-copy'),\n                    defaultMessage: 'Save as copy',\n                  })}\n                </Button>\n              )}\n              <Button\n                variant=\"default\"\n                onClick={() => handleAction('apply')}\n                loading={isBusy}\n                disabled={!isReady}\n              >\n                {formatMessage({\n                  id: getTranslationKey('asset-details.crop.apply'),\n                  defaultMessage: 'Apply',\n                })}\n              </Button>\n            </Flex>\n          </FooterBar>\n        </Overlay>\n      </FocusTrap>\n    </Portal>\n  );\n};\n"],"names":["FOCAL_DIAMETER_REM","HANDLE_PX","Overlay","styled","Flex","theme","spaces","borderRadius","colors","neutral150","neutral0","HeaderBar","Body","Box","neutral100","CropArea","div","$aspect","CropOverlay","primary600","ResizeHandle","button","$cursor","FocalPointHandle","neutral800","InfoBox","breakpoints","medium","colorScheme","neutral900","FooterBar","FieldRow","Field","Root","FieldNumberInput","NumberInput","LabelIcon","Label","BackgroundPreserveRatioContainer","BackgroundPreserveRatio","_jsx","svg","width","height","viewBox","fill","xmlns","path","d","stroke","strokeLinecap","AssetCropEditor","asset","isBusy","onClose","onApply","onSaveAsCopy","canSaveAsCopy","formatMessage","useIntl","toggleNotification","useNotification","useTheme","isDark","infoTextColor","infoMutedColor","imgRef","React","useRef","cropAreaRef","overlayRef","useEffect","current","focus","init","crop","naturalSize","aspectRatio","setCropSize","setCropPosition","setAspectRatio","produceFile","useCropImg","aspectLocked","setAspectLocked","useState","focal","setFocal","focalPoint","x","y","rawImageUrl","prefixFileUrlWithBackendUrl","url","cacheKey","updatedAt","isUrlSigned","Date","getTime","undefined","imageUrl","includes","handleImageLoad","pointerToNatural","event","rect","getBoundingClientRect","ratioX","ratioY","clientX","left","clientY","top","activeDragCleanupRef","trackPointerDrag","onMove","preventDefault","stopPropagation","pointerId","currentTarget","setPointerCapture","move","e","cleanup","window","removeEventListener","end","addEventListener","handleMovePointerDown","start","startCrop","next","handleResizePointerDown","corner","anchorX","anchorY","point","w","h","resolveCornerResize","toggleAspectLock","locked","handleFocalPointerDown","px","py","Math","round","min","max","focalPxX","focalPxY","setFocalPx","axis","value","dim","pct","prev","focalXKey","setFocalXKey","focalYKey","setFocalYKey","syncFocalX","key","syncFocalY","cropPercents","isReady","handleAction","action","file","name","mime","type","message","id","getTranslationKey","defaultMessage","roundedFocal","Portal","FocusTrap","onEscape","skipAutoFocus","_jsxs","ref","tabIndex","alignItems","Crop","aria-hidden","Typography","variant","fontWeight","img","src","alt","crossOrigin","onLoad","draggable","style","onPointerDown","aria-label","right","bottom","direction","gap","paddingBottom","textColor","ArrowsHorizontal","onValueChange","ArrowsVertical","position","IconButton","label","onClick","Link","marginLeft","onBlur","Button","disabled","loading"],"mappings":"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"}

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

@@ -375,6 +375,15 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
                 [axis]: Math.round(pct)
             }));
     };
+    /**
+   * Forces a focal field to redisplay the state on blur.
+   *
+   * One key per axis: a shared key remounted both fields, so tabbing out of X
+   * destroyed Y before it could take focus and it was unreachable by keyboard.
+   */ const [focalXKey, setFocalXKey] = React.useState(0);
+    const [focalYKey, setFocalYKey] = React.useState(0);
+    const syncFocalX = ()=>setFocalXKey((key)=>key + 1);
+    const syncFocalY = ()=>setFocalYKey((key)=>key + 1);
     const cropPercents = naturalSize.width && naturalSize.height ? {
         left: crop.x / naturalSize.width * 100,
         top: crop.y / naturalSize.height * 100,
@@ -656,10 +665,13 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
                                                                     defaultMessage: 'Focal point X (px)'
                                                                 }),
                                                                 value: focalPxX,
+                                                                min: 0,
+                                                                max: width || undefined,
                                                                 onValueChange: (next)=>{
                                                                     if (next !== undefined) setFocalPx('x', next);
-                                                                }
-                                                            })
+                                                                },
+                                                                onBlur: syncFocalX
+                                                            }, `focal-x-${focalXKey}`)
                                                         ]
                                                     }),
                                                     /*#__PURE__*/ jsxs(FieldRow, {
@@ -679,10 +691,13 @@ const AssetCropEditor = ({ asset, isBusy = false, onClose, onApply, onSaveAsCopy
                                                                     defaultMessage: 'Focal point Y (px)'
                                                                 }),
                                                                 value: focalPxY,
+                                                                min: 0,
+                                                                max: height || undefined,
                                                                 onValueChange: (next)=>{
                                                                     if (next !== undefined) setFocalPx('y', next);
-                                                                }
-                                                            })
+                                                                },
+                                                                onBlur: syncFocalY
+                                                            }, `focal-y-${focalYKey}`)
                                                         ]
                                                     })
                                                 ]