@strapi/upload 5.47.1 → 5.48.0

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailsDrawer.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Blocker,\n  Form,\n  useField,\n  useForm,\n  useNotification,\n  useQueryParams,\n  getDisplayName,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Alert,\n  Box,\n  Button,\n  Field,\n  Flex,\n  Loader,\n  SingleSelect,\n  SingleSelectOption,\n  TextInput,\n  Tooltip,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { ArrowLineRight, FileError, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Drawer } from '../../../../components/Drawer';\nimport { AssetType } from '../../../../enums';\nimport { useGetAssetQuery, useUpdateAssetMutation } from '../../../../services/assets';\nimport { useGetAllFoldersQuery } from '../../../../services/folders';\nimport { formatBytes, getFileExtension } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { AssetPreview } from './AssetPreview';\n\nimport type { AssetWithPopulatedCreatedBy } from '../../../../../../../shared/contracts/files';\n\n// Name of the parameter to look for in the URL to open the drawer\nconst URL_PARAM = 'assetId';\n\n/* -------------------------------------------------------------------------------------------------\n * useAssetDetailsParam - sync drawer visibility with URL ?{URL_PARAM}={id}\n * -----------------------------------------------------------------------------------------------*/\n\nexport const useAssetDetailsParam = () => {\n  const [{ query }, setQuery] = useQueryParams<{ [URL_PARAM]?: string }>();\n\n  const detailsId = query?.[URL_PARAM];\n  const assetId = detailsId ? parseInt(detailsId, 10) : null;\n  const hasValidId = assetId !== null && !Number.isNaN(assetId);\n\n  // Closing is driven by removing the URL param (a navigation), so navigation\n  // guards like <Blocker> can intercept it. `isMounted` keeps the drawer in the\n  // tree through the slide-out: it stays true once opened and only flips false\n  // when the close animation actually ends (see onCloseAnimationEnd), so the\n  // close duration lives entirely in CSS — no JS timer.\n  const [isMounted, setIsMounted] = React.useState(hasValidId);\n  const displayAssetId = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    if (hasValidId) {\n      displayAssetId.current = assetId;\n      setIsMounted(true);\n    }\n  }, [hasValidId, assetId]);\n\n  const onCloseAnimationEnd = React.useCallback(\n    (event: React.AnimationEvent) => {\n      // Ignore animations bubbling up from descendants, and the slide-in.\n      if (event.target === event.currentTarget && !hasValidId) {\n        setIsMounted(false);\n      }\n    },\n    [hasValidId]\n  );\n\n  const openDetails = React.useCallback(\n    (id: number) => {\n      setQuery({ [URL_PARAM]: String(id) }, 'push', true);\n    },\n    [setQuery]\n  );\n\n  const closeDetails = React.useCallback(() => {\n    setQuery({ [URL_PARAM]: undefined }, 'remove', true);\n  }, [setQuery]);\n\n  return {\n    assetId: hasValidId ? assetId : displayAssetId.current,\n    isVisible: hasValidId,\n    shouldRenderDrawer: isMounted,\n    onCloseAnimationEnd,\n    openDetails,\n    closeDetails,\n  };\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DetailItem\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DetailItemProps {\n  label: string;\n  value: React.ReactNode;\n}\n\nconst DetailItemContainer = styled(Flex)`\n  flex: 0 0 calc(50% - ${({ theme }) => theme.spaces[2]});\n`;\n\nconst DetailItem = ({ label, value }: DetailItemProps) => (\n  <DetailItemContainer\n    direction=\"column\"\n    justifyContent=\"flex-start\"\n    alignItems=\"flex-start\"\n    gap={1}\n  >\n    <Typography\n      variant=\"sigma\"\n      textColor=\"neutral600\"\n      fontWeight=\"semiBold\"\n      textTransform=\"uppercase\"\n    >\n      {label}\n    </Typography>\n    <Typography variant=\"pi\" textColor=\"neutral700\">\n      {value ?? '-'}\n    </Typography>\n  </DetailItemContainer>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DetailField\n * -----------------------------------------------------------------------------------------------*/\n\nconst StyledWarning = styled(WarningCircle)`\n  width: 1.6rem;\n  height: 1.6rem;\n\n  path {\n    fill: ${({ theme }) => theme.colors.warning500};\n  }\n`;\n\ninterface DetailFieldProps {\n  name: string;\n  label: string;\n  required?: boolean;\n}\n\nconst DetailField = ({ name, label, required }: DetailFieldProps) => {\n  const { formatMessage } = useIntl();\n  const field = useField<string>(name);\n  const isSubmitting = useForm('DetailField', (state) => state.isSubmitting);\n  const value = field.value ?? '';\n  const emptyTooltipLabel = formatMessage(\n    {\n      id: getTranslationKey('asset-details.field.empty'),\n      defaultMessage: '{label} is currently empty.',\n    },\n    { label }\n  );\n\n  return (\n    <Field.Root name={name} required={required}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput\n        value={value}\n        onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n          field.onChange(name, event.target.value)\n        }\n        endAction={\n          !value ? (\n            <Tooltip label={emptyTooltipLabel}>\n              <StyledWarning aria-label={emptyTooltipLabel} role=\"img\" />\n            </Tooltip>\n          ) : undefined\n        }\n        type=\"text\"\n        disabled={isSubmitting}\n      />\n    </Field.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LocationField\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LocationFieldProps {\n  label: string;\n  rootLabel: string;\n  folders: Array<{ id: number; name: string }>;\n}\n\nconst LocationField = ({ label, rootLabel, folders }: LocationFieldProps) => {\n  const field = useField<number | null>('folder');\n  const isSubmitting = useForm('LocationField', (state) => state.isSubmitting);\n\n  return (\n    <Field.Root name=\"folder\" required>\n      <Field.Label>{label}</Field.Label>\n      {/* `null` is the canonical \"root of the Media Library\" value everywhere\n          in the upload domain. The DS `SingleSelectOption.value` prop is typed\n          `string | number`, so we use the empty string as a DOM-only sentinel\n          for the root option and map it back to `null` on change. */}\n      <SingleSelect\n        value={field.value == null ? '' : String(field.value)}\n        onChange={(value) => {\n          const next = value === '' ? null : Number(value);\n          field.onChange('folder', next);\n        }}\n        disabled={isSubmitting}\n      >\n        <SingleSelectOption value=\"\">{rootLabel}</SingleSelectOption>\n        {folders.map((folder) => (\n          <SingleSelectOption key={folder.id} value={String(folder.id)}>\n            {folder.name}\n          </SingleSelectOption>\n        ))}\n      </SingleSelect>\n    </Field.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetDetails\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetDetailsProps {\n  asset: AssetWithPopulatedCreatedBy;\n}\n\ninterface AssetFormState {\n  name: string;\n  caption: string;\n  alternativeText: string;\n  folder: number | null;\n}\n\nexport const AssetDetails = ({ asset }: AssetDetailsProps) => {\n  const { formatMessage, formatDate } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { data: folders = [] } = useGetAllFoldersQuery();\n  const [updateAsset] = useUpdateAssetMutation();\n\n  const isImage = asset.mime?.includes(AssetType.Image);\n\n  const initialValues: AssetFormState = {\n    name: asset.name ?? '',\n    caption: asset.caption ?? '',\n    alternativeText: asset.alternativeText ?? '',\n    folder:\n      typeof asset.folder === 'object' && asset.folder !== null\n        ? ((asset.folder as { id: number }).id ?? null)\n        : ((asset.folder as number | null | undefined) ?? null),\n  };\n\n  const handleSubmit = async (values: AssetFormState) => {\n    const res = await updateAsset({\n      id: asset.id,\n      fileInfo: {\n        name: values.name,\n        caption: values.caption,\n        alternativeText: values.alternativeText,\n        folder: values.folder,\n      },\n    });\n\n    if ('error' in res) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.update.error'),\n          defaultMessage: 'Failed to update the file.',\n        }),\n      });\n      return;\n    }\n\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: getTranslationKey('asset-details.update.success'),\n        defaultMessage: 'File updated',\n      }),\n    });\n  };\n\n  return (\n    // `key={asset.id}` resets the form when the drawer switches to a different\n    // asset so cached values from the previous asset don't bleed in.\n    <Form key={asset.id} method=\"POST\" initialValues={initialValues} onSubmit={handleSubmit}>\n      {({ modified, isSubmitting, values, resetForm }) => {\n        const nameIsEmpty = ((values as AssetFormState).name ?? '').trim() === '';\n        return (\n          <>\n            {/* Guards every close path (X button, ESC, route change, browser\n                back) by intercepting the navigation when the form is dirty.\n                `onProceed` resets the form so the held navigation can complete.\n                Lives inside <Form> so it can read the form context. */}\n            <Blocker onProceed={resetForm} />\n            <Flex\n              direction=\"column\"\n              alignItems=\"stretch\"\n              gap={4}\n              paddingTop={4}\n              paddingBottom={4}\n              paddingLeft={5}\n              paddingRight={5}\n            >\n              <Typography variant=\"beta\" fontWeight=\"semiBold\" tag=\"h3\">\n                {formatMessage({\n                  id: getTranslationKey('asset-details.fileInfo'),\n                  defaultMessage: 'File info',\n                })}\n              </Typography>\n              <Flex\n                wrap=\"wrap\"\n                gap={4}\n                background=\"neutral100\"\n                paddingTop={4}\n                paddingBottom={4}\n                paddingLeft={6}\n                paddingRight={6}\n                alignItems=\"flex-start\"\n              >\n                <DetailItem\n                  label={formatMessage({\n                    id: getTranslationKey('asset-details.creationDate'),\n                    defaultMessage: 'Creation date',\n                  })}\n                  value={\n                    asset.createdAt\n                      ? formatDate(new Date(asset.createdAt), {\n                          dateStyle: 'long',\n                          timeStyle: 'short',\n                        })\n                      : null\n                  }\n                />\n                <DetailItem\n                  label={formatMessage({\n                    id: getTranslationKey('asset-details.lastUpdated'),\n                    defaultMessage: 'Last updated',\n                  })}\n                  value={\n                    asset.updatedAt\n                      ? formatDate(new Date(asset.updatedAt), {\n                          dateStyle: 'long',\n                          timeStyle: 'short',\n                        })\n                      : null\n                  }\n                />\n                <DetailItem\n                  label={formatMessage({\n                    id: getTranslationKey('asset-details.createdBy'),\n                    defaultMessage: 'Created by',\n                  })}\n                  value={\n                    asset.createdBy\n                      ? (getDisplayName({\n                          firstname: asset.createdBy.firstname ?? undefined,\n                          lastname: asset.createdBy.lastname ?? undefined,\n                          username: asset.createdBy.username ?? undefined,\n                          email: asset.createdBy.email ?? undefined,\n                        }) ?? '-')\n                      : null\n                  }\n                />\n                <DetailItem\n                  label={formatMessage({\n                    id: getTranslationKey('asset-details.size'),\n                    defaultMessage: 'Size',\n                  })}\n                  value={asset.size ? formatBytes(asset.size, 1) : null}\n                />\n                {isImage && (asset.width != null || asset.height != null) && (\n                  <DetailItem\n                    label={formatMessage({\n                      id: getTranslationKey('asset-details.dimensions'),\n                      defaultMessage: 'Dimensions',\n                    })}\n                    value={\n                      asset.width != null && asset.height != null\n                        ? `${asset.width} × ${asset.height}`\n                        : null\n                    }\n                  />\n                )}\n                <DetailItem\n                  label={formatMessage({\n                    id: getTranslationKey('asset-details.extension'),\n                    defaultMessage: 'Extension',\n                  })}\n                  value={getFileExtension(asset.ext)}\n                />\n                <DetailItem\n                  label={formatMessage({\n                    id: getTranslationKey('asset-details.assetId'),\n                    defaultMessage: 'Asset ID',\n                  })}\n                  value={String(asset.id)}\n                />\n              </Flex>\n              <DetailField\n                name=\"name\"\n                label={formatMessage({\n                  id: getTranslationKey('asset-details.fileName'),\n                  defaultMessage: 'File name',\n                })}\n                required\n              />\n              <LocationField\n                label={formatMessage({\n                  id: getTranslationKey('asset-details.location'),\n                  defaultMessage: 'Location',\n                })}\n                rootLabel={formatMessage({\n                  id: getTranslationKey('plugin.home'),\n                  defaultMessage: 'Home',\n                })}\n                folders={folders}\n              />\n              {isImage && (\n                <>\n                  <DetailField\n                    name=\"caption\"\n                    label={formatMessage({\n                      id: getTranslationKey('asset-details.caption'),\n                      defaultMessage: 'Caption',\n                    })}\n                  />\n                  <DetailField\n                    name=\"alternativeText\"\n                    label={formatMessage({\n                      id: getTranslationKey('asset-details.alternativeText'),\n                      defaultMessage: 'Alternative text',\n                    })}\n                  />\n                </>\n              )}\n\n              <Flex justifyContent=\"flex-end\" gap={2} paddingTop={2}>\n                <Button\n                  type=\"submit\"\n                  variant=\"default\"\n                  loading={isSubmitting}\n                  // File name is required; block submit when it's empty or whitespace so the API can't 400 on a blank value.\n                  disabled={!modified || isSubmitting || nameIsEmpty}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.save'),\n                    defaultMessage: 'Save changes',\n                  })}\n                </Button>\n              </Flex>\n            </Flex>\n          </>\n        );\n      }}\n    </Form>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DrawerHeader\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerHeaderProps {\n  asset: AssetWithPopulatedCreatedBy;\n  closeDetails: () => void;\n}\n\nconst DrawerHeader = ({ asset, closeDetails }: DrawerHeaderProps) => {\n  const DocIcon = asset ? getAssetIcon(asset.mime, asset.ext) : FileError;\n  return (\n    <Flex gap={2} paddingLeft={5} paddingTop={3} paddingBottom={3} paddingRight={3}>\n      <DocIcon width={20} height={20} />\n      <Drawer.Title asChild>\n        <Typography variant=\"omega\" fontWeight=\"semiBold\" overflow=\"hidden\" ellipsis tag=\"h2\">\n          {asset.name}\n        </Typography>\n      </Drawer.Title>\n      <Box marginLeft=\"auto\">\n        <Drawer.CloseButton onClose={closeDetails}>\n          <ArrowLineRight />\n        </Drawer.CloseButton>\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DrawerContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContentProps {\n  assetId: number;\n  closeDetails: () => void;\n}\n\nconst DrawerContent = ({ assetId, closeDetails }: DrawerContentProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    data: asset,\n    isLoading,\n    error,\n  } = useGetAssetQuery(assetId, {\n    refetchOnMountOrArgChange: false,\n    refetchOnReconnect: false,\n    refetchOnFocus: false,\n  });\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error || !asset) {\n    return (\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4} padding={4}>\n        <Alert\n          variant=\"danger\"\n          closeLabel={formatMessage({ id: 'global.close', defaultMessage: 'Close' })}\n          onClose={closeDetails}\n        >\n          {formatMessage({\n            id: getTranslationKey('asset-details.error'),\n            defaultMessage: 'Failed to load file details.',\n          })}\n        </Alert>\n      </Flex>\n    );\n  }\n\n  return (\n    <>\n      <DrawerHeader asset={asset} closeDetails={closeDetails} />\n      <Drawer.ScrollableContent>\n        <AssetPreview asset={asset} />\n        <AssetDetails asset={asset} />\n      </Drawer.ScrollableContent>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetDetailsDrawer\n * -----------------------------------------------------------------------------------------------*/\n\nexport const AssetDetailsDrawer = () => {\n  const { formatMessage } = useIntl();\n  const { assetId, isVisible, shouldRenderDrawer, onCloseAnimationEnd, closeDetails } =\n    useAssetDetailsParam();\n\n  if (!shouldRenderDrawer || assetId === null) {\n    return null;\n  }\n\n  return (\n    <Drawer.Root isVisible={isVisible} onClose={closeDetails}>\n      {/* Wrapper div required: Dialog.Portal uses asChild and merges ref onto each child.\n          VisuallyHidden does not forward refs, so we wrap it in a div that can receive the ref. */}\n      <div>\n        <VisuallyHidden>\n          <Drawer.Title>\n            {formatMessage({\n              id: getTranslationKey('asset-details.title'),\n              defaultMessage: 'File details',\n            })}\n          </Drawer.Title>\n          <Drawer.Description>\n            {formatMessage({\n              id: getTranslationKey('asset-details.description'),\n              defaultMessage: 'Displays file information and metadata',\n            })}\n          </Drawer.Description>\n        </VisuallyHidden>\n      </div>\n      <Drawer.Body\n        animationDirection=\"left\"\n        width=\"41.6rem\"\n        height=\"100vh\"\n        onAnimationEnd={onCloseAnimationEnd}\n      >\n        <DrawerContent assetId={assetId} closeDetails={closeDetails} />\n      </Drawer.Body>\n    </Drawer.Root>\n  );\n};\n"],"names":["URL_PARAM","useAssetDetailsParam","query","setQuery","useQueryParams","detailsId","assetId","parseInt","hasValidId","Number","isNaN","isMounted","setIsMounted","React","useState","displayAssetId","useRef","useEffect","current","onCloseAnimationEnd","useCallback","event","target","currentTarget","openDetails","id","String","closeDetails","undefined","isVisible","shouldRenderDrawer","DetailItemContainer","styled","Flex","theme","spaces","DetailItem","label","value","_jsxs","direction","justifyContent","alignItems","gap","_jsx","Typography","variant","textColor","fontWeight","textTransform","StyledWarning","WarningCircle","colors","warning500","DetailField","name","required","formatMessage","useIntl","field","useField","isSubmitting","useForm","state","emptyTooltipLabel","getTranslationKey","defaultMessage","Field","Root","Label","TextInput","onChange","endAction","Tooltip","aria-label","role","type","disabled","LocationField","rootLabel","folders","SingleSelect","next","SingleSelectOption","map","folder","AssetDetails","asset","formatDate","toggleNotification","useNotification","data","useGetAllFoldersQuery","updateAsset","useUpdateAssetMutation","isImage","mime","includes","AssetType","Image","initialValues","caption","alternativeText","handleSubmit","values","res","fileInfo","message","Form","method","onSubmit","modified","resetForm","nameIsEmpty","trim","_Fragment","Blocker","onProceed","paddingTop","paddingBottom","paddingLeft","paddingRight","tag","wrap","background","createdAt","Date","dateStyle","timeStyle","updatedAt","createdBy","getDisplayName","firstname","lastname","username","email","size","formatBytes","width","height","getFileExtension","ext","Button","loading","DrawerHeader","DocIcon","getAssetIcon","FileError","Drawer","Title","asChild","overflow","ellipsis","Box","marginLeft","CloseButton","onClose","ArrowLineRight","DrawerContent","isLoading","error","useGetAssetQuery","refetchOnMountOrArgChange","refetchOnReconnect","refetchOnFocus","padding","Loader","Alert","closeLabel","ScrollableContent","AssetPreview","AssetDetailsDrawer","div","VisuallyHidden","Description","Body","animationDirection","onAnimationEnd"],"mappings":"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"}
+{"version":3,"file":"AssetDetailsDrawer.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetDetailsDrawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Blocker,\n  Form,\n  useClipboard,\n  useField,\n  useForm,\n  useNotification,\n  useQueryParams,\n  getDisplayName,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Alert,\n  Box,\n  Button,\n  Dialog,\n  Field,\n  Flex,\n  IconButton,\n  Loader,\n  SingleSelect,\n  SingleSelectOption,\n  TextInput,\n  Tooltip,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  ArrowLineRight,\n  Download,\n  FileError,\n  Link,\n  Trash,\n  WarningCircle,\n  ArrowsCounterClockwise,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { Drawer } from '../../../../components/Drawer';\nimport { AssetType } from '../../../../enums';\nimport {\n  useDeleteAssetMutation,\n  useGetAssetQuery,\n  useReplaceAssetMutation,\n  useUpdateAssetMutation,\n} from '../../../../services/assets';\nimport { useGetAllFoldersQuery } from '../../../../services/folders';\nimport { useGetSettingsQuery } from '../../../../services/settings';\nimport { downloadFile } from '../../../../utils/downloadFile';\nimport {\n  formatBytes,\n  getFileExtension,\n  prefixFileUrlWithBackendUrl,\n} from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\nimport { useFolderInfo } from '../../hooks/useFolderInfo';\n\nimport { AssetPreview } from './AssetPreview';\n\nimport type { AssetWithPopulatedCreatedBy } from '../../../../../../../shared/contracts/files';\n\n// Name of the parameter to look for in the URL to open the drawer\nconst URL_PARAM = 'assetId';\n\ninterface DrawerToast {\n  type: 'success' | 'danger';\n  message: string;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * DrawerNotifyContext — exposes the in-drawer toast setter so deep descendants\n * (footer action buttons) can report success/error without prop drilling.\n * -----------------------------------------------------------------------------------------------*/\n\ntype DrawerNotify = (toast: DrawerToast) => void;\n\nexport const DrawerNotifyContext = React.createContext<DrawerNotify | null>(null);\n\nconst useDrawerNotify = () => {\n  const ctx = React.useContext(DrawerNotifyContext);\n  if (!ctx) {\n    throw new Error('useDrawerNotify must be used within AssetDetails');\n  }\n  return ctx;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetOperationsContext — drawer-scoped mutations + their pending state, so\n * leaf buttons (Delete, Replace) consume them without prop drilling and the\n * full-drawer busy overlay reads a single flag.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetOperations {\n  replaceAsset: (file: globalThis.File) => Promise<void>;\n  deleteAsset: () => Promise<void>;\n  isReplacing: boolean;\n  isDeleting: boolean;\n}\n\nexport const AssetOperationsContext = React.createContext<AssetOperations | null>(null);\n\nconst useAssetOperation = () => {\n  const ctx = React.useContext(AssetOperationsContext);\n  if (!ctx) {\n    throw new Error('useAssetOperation must be used within AssetDetails');\n  }\n  return ctx;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * useAssetDetailsParam - sync drawer visibility with URL ?{URL_PARAM}={id}\n * -----------------------------------------------------------------------------------------------*/\n\nexport const useAssetDetailsParam = () => {\n  const [{ query }, setQuery] = useQueryParams<{ [URL_PARAM]?: string }>();\n\n  const detailsId = query?.[URL_PARAM];\n  const assetId = detailsId ? parseInt(detailsId, 10) : null;\n  const hasValidId = assetId !== null && !Number.isNaN(assetId);\n\n  // Closing is driven by removing the URL param (a navigation), so navigation\n  // guards like <Blocker> can intercept it. `isMounted` keeps the drawer in the\n  // tree through the slide-out: it stays true once opened and only flips false\n  // when the close animation actually ends (see onCloseAnimationEnd), so the\n  // close duration lives entirely in CSS — no JS timer.\n  const [isMounted, setIsMounted] = React.useState(hasValidId);\n  const displayAssetId = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    if (hasValidId) {\n      displayAssetId.current = assetId;\n      setIsMounted(true);\n    }\n  }, [hasValidId, assetId]);\n\n  const onCloseAnimationEnd = React.useCallback(\n    (event: React.AnimationEvent) => {\n      // Ignore animations bubbling up from descendants, and the slide-in.\n      if (event.target === event.currentTarget && !hasValidId) {\n        setIsMounted(false);\n      }\n    },\n    [hasValidId]\n  );\n\n  const openDetails = React.useCallback(\n    (id: number) => {\n      setQuery({ [URL_PARAM]: String(id) }, 'push', true);\n    },\n    [setQuery]\n  );\n\n  const closeDetails = React.useCallback(() => {\n    setQuery({ [URL_PARAM]: undefined }, 'remove', true);\n  }, [setQuery]);\n\n  return {\n    assetId: hasValidId ? assetId : displayAssetId.current,\n    isVisible: hasValidId,\n    shouldRenderDrawer: isMounted,\n    onCloseAnimationEnd,\n    openDetails,\n    closeDetails,\n  };\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DetailItem\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DetailItemProps {\n  label: string;\n  value: React.ReactNode;\n}\n\nconst DetailItemContainer = styled(Flex)`\n  flex: 0 0 calc(50% - ${({ theme }) => theme.spaces[2]});\n`;\n\nconst DetailItem = ({ label, value }: DetailItemProps) => (\n  <DetailItemContainer\n    direction=\"column\"\n    justifyContent=\"flex-start\"\n    alignItems=\"flex-start\"\n    gap={1}\n  >\n    <Typography\n      variant=\"sigma\"\n      textColor=\"neutral600\"\n      fontWeight=\"semiBold\"\n      textTransform=\"uppercase\"\n    >\n      {label}\n    </Typography>\n    <Typography variant=\"pi\" textColor=\"neutral700\">\n      {value ?? '-'}\n    </Typography>\n  </DetailItemContainer>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * DetailField\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * Make the asset details Form behave as a flex column inside Drawer.Body so\n * the scrollable area can grow while the footer stays pinned at the bottom.\n * The Form component from `@strapi/admin/strapi-admin` only forwards `width`\n * + `height` to its Box, so we target the rendered `<form>` element via a\n * styled-components descendant rule.\n */\nconst FormShell = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n\n  > form {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    position: relative;\n  }\n`;\n\n/**\n * In-drawer toast container\n */\nconst DrawerToastSlot = styled(Box)`\n  position: absolute;\n  top: ${({ theme }) => theme.spaces[2]};\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 10;\n  width: calc(100% - ${({ theme }) => theme.spaces[2]});\n`;\n\n/**\n * Full-form overlay rendered during long-running drawer-scoped mutations\n * (e.g. replacing the binary). Sits above the toast slot (z-index 10) and\n * the in-drawer Alert so the user can't interact with the form mid-flight.\n */\nconst DrawerBusyOverlay = styled(Flex)`\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  align-items: center;\n  justify-content: center;\n  background: ${({ theme }) => theme.colors.neutral0};\n  opacity: 0.7;\n`;\n\nconst StyledWarning = styled(WarningCircle)`\n  width: 1.6rem;\n  height: 1.6rem;\n\n  path {\n    fill: ${({ theme }) => theme.colors.warning500};\n  }\n`;\n\ninterface DetailFieldProps {\n  name: string;\n  label: string;\n  required?: boolean;\n}\n\nconst DetailField = ({ name, label, required }: DetailFieldProps) => {\n  const { formatMessage } = useIntl();\n  const field = useField<string>(name);\n  const isSubmitting = useForm('DetailField', (state) => state.isSubmitting);\n  const value = field.value ?? '';\n  const emptyTooltipLabel = formatMessage(\n    {\n      id: getTranslationKey('asset-details.field.empty'),\n      defaultMessage: '{label} is currently empty.',\n    },\n    { label }\n  );\n\n  return (\n    <Field.Root name={name} required={required}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput\n        value={value}\n        onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n          field.onChange(name, event.target.value)\n        }\n        endAction={\n          !value ? (\n            <Tooltip label={emptyTooltipLabel}>\n              <StyledWarning aria-label={emptyTooltipLabel} role=\"img\" />\n            </Tooltip>\n          ) : undefined\n        }\n        type=\"text\"\n        disabled={isSubmitting}\n      />\n    </Field.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LocationField\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LocationFieldProps {\n  label: string;\n  rootLabel: string;\n  folders: Array<{ id: number; name: string }>;\n}\n\nconst LocationField = ({ label, rootLabel, folders }: LocationFieldProps) => {\n  const field = useField<number | null>('folder');\n  const isSubmitting = useForm('LocationField', (state) => state.isSubmitting);\n\n  return (\n    <Field.Root name=\"folder\" required>\n      <Field.Label>{label}</Field.Label>\n      {/* `null` is the canonical \"root of the Media Library\" value everywhere\n          in the upload domain. The DS `SingleSelectOption.value` prop is typed\n          `string | number`, so we use the empty string as a DOM-only sentinel\n          for the root option and map it back to `null` on change. */}\n      <SingleSelect\n        value={field.value == null ? '' : String(field.value)}\n        onChange={(value) => {\n          const next = value === '' ? null : Number(value);\n          field.onChange('folder', next);\n        }}\n        disabled={isSubmitting}\n      >\n        <SingleSelectOption value=\"\">{rootLabel}</SingleSelectOption>\n        {folders.map((folder) => (\n          <SingleSelectOption key={folder.id} value={String(folder.id)}>\n            {folder.name}\n          </SingleSelectOption>\n        ))}\n      </SingleSelect>\n    </Field.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DeleteAssetButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst DeleteAssetButton = () => {\n  const { formatMessage } = useIntl();\n  const { deleteAsset, isDeleting } = useAssetOperation();\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  const handleConfirm = async () => {\n    await deleteAsset();\n    setIsOpen(false);\n  };\n\n  const triggerLabel = formatMessage({\n    id: getTranslationKey('asset-details.delete.trigger'),\n    defaultMessage: 'Delete this file',\n  });\n\n  return (\n    <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>\n      <Dialog.Trigger>\n        <IconButton withTooltip={false} label={triggerLabel} variant=\"danger-light\">\n          <Trash />\n        </IconButton>\n      </Dialog.Trigger>\n      <Dialog.Content>\n        <Dialog.Header>\n          {formatMessage({\n            id: getTranslationKey('asset-details.delete.title'),\n            defaultMessage: 'Delete this media file?',\n          })}\n        </Dialog.Header>\n        <Dialog.Body\n          icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n          textAlign=\"center\"\n        >\n          {formatMessage({\n            id: getTranslationKey('asset-details.delete.description'),\n            defaultMessage:\n              'This file cannot be recovered once deleted. If it is currently in use, linked content will break and image containers will be empty.',\n          })}\n        </Dialog.Body>\n        <Dialog.Footer>\n          <Dialog.Cancel>\n            <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          </Dialog.Cancel>\n          <Dialog.Action>\n            <Button variant=\"danger-light\" loading={isDeleting} onClick={handleConfirm} fullWidth>\n              {formatMessage({ id: 'app.components.Button.confirm', defaultMessage: 'Confirm' })}\n            </Button>\n          </Dialog.Action>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CopyLinkButton — write the absolute asset URL to the clipboard.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CopyLinkButtonProps {\n  asset: AssetWithPopulatedCreatedBy;\n}\n\nconst CopyLinkButton = ({ asset }: CopyLinkButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n  const notify = useDrawerNotify();\n\n  const handleCopy = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n    if (!url) return;\n    const didCopy = await copy(url);\n    notify({\n      type: didCopy ? 'success' : 'danger',\n      message: didCopy\n        ? formatMessage({\n            id: getTranslationKey('asset-details.copy-link.success'),\n            defaultMessage: 'Link copied.',\n          })\n        : formatMessage({\n            id: getTranslationKey('asset-details.copy-link.error'),\n            defaultMessage: 'Failed to copy the link.',\n          }),\n    });\n  };\n\n  return (\n    <IconButton\n      withTooltip={false}\n      label={formatMessage({\n        id: getTranslationKey('asset-details.copy-link.trigger'),\n        defaultMessage: 'Copy link',\n      })}\n      variant=\"tertiary\"\n      onClick={handleCopy}\n    >\n      <Link />\n    </IconButton>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DownloadAssetButton — fetch the file and trigger a browser download.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DownloadAssetButtonProps {\n  asset: AssetWithPopulatedCreatedBy;\n}\n\nconst DownloadAssetButton = ({ asset }: DownloadAssetButtonProps) => {\n  const { formatMessage } = useIntl();\n  const notify = useDrawerNotify();\n  const [isDownloading, setIsDownloading] = React.useState(false);\n\n  const handleDownload = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n    if (!url) return;\n    setIsDownloading(true);\n    try {\n      await downloadFile(url, asset.name);\n    } catch {\n      notify({\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  return (\n    <IconButton\n      withTooltip={false}\n      label={formatMessage({\n        id: getTranslationKey('asset-details.download.trigger'),\n        defaultMessage: 'Download',\n      })}\n      variant=\"tertiary\"\n      onClick={handleDownload}\n      disabled={isDownloading}\n    >\n      <Download />\n    </IconButton>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ReplaceAssetButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ReplaceAssetButton = () => {\n  const { formatMessage } = useIntl();\n  const { replaceAsset, isReplacing } = useAssetOperation();\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n  const [isDialogOpen, setIsDialogOpen] = React.useState(false);\n  const { data: settings } = useGetSettingsQuery();\n  const aiEnabled = settings?.data?.aiMetadata ?? false;\n\n  const handleTriggerClick = () => {\n    setIsDialogOpen(true);\n  };\n\n  const handleContinue = () => {\n    // Confirm first, then open the native picker so the user only commits to\n    // replacing after acknowledging the warning. The actual POST is delegated\n    // to the parent (which owns the mutation + loading state).\n    setIsDialogOpen(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    if (!file) {\n      return;\n    }\n    await replaceAsset(file);\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      <IconButton\n        withTooltip={false}\n        label={formatMessage({\n          id: getTranslationKey('asset-details.replace.trigger'),\n          defaultMessage: 'Replace this file',\n        })}\n        variant=\"tertiary\"\n        onClick={handleTriggerClick}\n        disabled={isReplacing}\n      >\n        <ArrowsCounterClockwise />\n      </IconButton>\n      <Dialog.Root open={isDialogOpen} onOpenChange={setIsDialogOpen}>\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={handleContinue} 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    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetDetails\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetDetailsProps {\n  asset: AssetWithPopulatedCreatedBy;\n  closeDetails: () => void;\n}\n\ninterface AssetFormState {\n  name: string;\n  caption: string;\n  alternativeText: string;\n  folder: number | null;\n}\n\nexport const AssetDetails = ({ asset, closeDetails }: AssetDetailsProps) => {\n  const { formatMessage, formatDate } = useIntl();\n  const { data: folders = [] } = useGetAllFoldersQuery();\n  const { toggleNotification } = useNotification();\n  const [updateAsset] = useUpdateAssetMutation();\n  const [replaceMutation, { isLoading: isReplacing }] = useReplaceAssetMutation();\n  const [deleteMutation, { isLoading: isDeleting }] = useDeleteAssetMutation();\n\n  // In-drawer toast slot\n  const [drawerToast, setDrawerToast] = React.useState<DrawerToast | null>(null);\n  React.useEffect(() => {\n    if (!drawerToast) return;\n    const timer = window.setTimeout(() => setDrawerToast(null), 5000);\n    return () => window.clearTimeout(timer);\n  }, [drawerToast]);\n\n  // Local alias matching the DrawerNotifyContext signature, so the drawer's\n  // own handlers (replace, update) read like the consumers do.\n  const notify = React.useCallback<DrawerNotify>((toast) => setDrawerToast(toast), []);\n\n  const isImage = asset.mime?.includes(AssetType.Image);\n\n  const initialValues: AssetFormState = {\n    name: asset.name ?? '',\n    caption: asset.caption ?? '',\n    alternativeText: asset.alternativeText ?? '',\n    folder:\n      typeof asset.folder === 'object' && asset.folder !== null\n        ? ((asset.folder as { id: number }).id ?? null)\n        : ((asset.folder as number | null | undefined) ?? null),\n  };\n\n  const handleSubmit = async (values: AssetFormState) => {\n    const res = await updateAsset({\n      id: asset.id,\n      fileInfo: {\n        name: values.name,\n        caption: values.caption,\n        alternativeText: values.alternativeText,\n        folder: values.folder,\n      },\n    });\n\n    if ('error' in res) {\n      notify({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.update.error'),\n          defaultMessage: 'Failed to update the file.',\n        }),\n      });\n      return;\n    }\n\n    notify({\n      type: 'success',\n      message: formatMessage({\n        id: getTranslationKey('asset-details.update.success'),\n        defaultMessage: 'File updated',\n      }),\n    });\n  };\n\n  const { title: folderName } = useFolderInfo(\n    typeof asset.folder === 'object' && asset.folder !== null\n      ? ((asset.folder as { id: number }).id ?? null)\n      : ((asset.folder as number | null | undefined) ?? null)\n  );\n\n  // Owns the replace upload so isReplacing can drive the busy overlay.\n  const handleReplace = async (file: globalThis.File) => {\n    const res = await replaceMutation({ id: asset.id, file });\n    if ('error' in res) {\n      const error = res.error as { data?: { error?: { message?: string }; message?: string } };\n      const message =\n        error?.data?.error?.message ??\n        error?.data?.message ??\n        formatMessage({\n          id: getTranslationKey('asset-details.replace.error'),\n          defaultMessage: 'Failed to replace the file.',\n        });\n      notify({ type: 'danger', message });\n      return;\n    }\n    notify({\n      type: 'success',\n      message: formatMessage({\n        id: getTranslationKey('asset-details.replace.success'),\n        defaultMessage: 'File replaced.',\n      }),\n    });\n  };\n\n  // Owns the delete: on error notify in-drawer (drawer stays), on success fire\n  // a persistent global notification then close the drawer.\n  const handleDelete = async () => {\n    const res = await deleteMutation(asset.id);\n    if ('error' in res) {\n      const error = res.error as { data?: { error?: { message?: string }; message?: string } };\n      const message =\n        error?.data?.error?.message ??\n        error?.data?.message ??\n        formatMessage({\n          id: getTranslationKey('asset-details.delete.error'),\n          defaultMessage: 'Failed to delete the asset.',\n        });\n      notify({ type: 'danger', message });\n      return;\n    }\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('asset-details.delete.success'),\n          defaultMessage: '1 element have been deleted from {folderName}',\n        },\n        { folderName }\n      ),\n    });\n    closeDetails();\n  };\n\n  const operations = React.useMemo<AssetOperations>(\n    () => ({\n      replaceAsset: handleReplace,\n      deleteAsset: handleDelete,\n      isReplacing,\n      isDeleting,\n    }),\n    // handleReplace / handleDelete close over asset+mutations and don't need a\n    // stable identity here; the consumers re-render with the new context value.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isReplacing, isDeleting]\n  );\n\n  return (\n    // `key={asset.id}` resets the form when the drawer switches to a different\n    // asset so cached values from the previous asset don't bleed in.\n    <DrawerNotifyContext.Provider value={notify}>\n      <AssetOperationsContext.Provider value={operations}>\n        <FormShell>\n          <Form key={asset.id} method=\"POST\" initialValues={initialValues} onSubmit={handleSubmit}>\n            {({ modified, isSubmitting, values, resetForm }) => {\n              const nameIsEmpty = ((values as AssetFormState).name ?? '').trim() === '';\n              return (\n                <>\n                  {/* Guards every close path (X button, ESC, route change, browser\n                back) by intercepting the navigation when the form is dirty.\n                `onProceed` resets the form so the held navigation can complete.\n                Lives inside <Form> so it can read the form context. */}\n                  <Blocker onProceed={resetForm} />\n                  {isReplacing || isDeleting ? (\n                    <DrawerBusyOverlay>\n                      <Loader>\n                        {formatMessage({\n                          id: getTranslationKey(\n                            isDeleting\n                              ? 'asset-details.delete.loading'\n                              : 'asset-details.replace.loading'\n                          ),\n                          defaultMessage: isDeleting ? 'Deleting the file…' : 'Replacing the file…',\n                        })}\n                      </Loader>\n                    </DrawerBusyOverlay>\n                  ) : null}\n                  {drawerToast ? (\n                    <DrawerToastSlot>\n                      <Alert\n                        variant={drawerToast.type === 'success' ? 'success' : 'danger'}\n                        closeLabel={formatMessage({ id: 'global.close', defaultMessage: 'Close' })}\n                        onClose={() => setDrawerToast(null)}\n                      >\n                        {drawerToast.message}\n                      </Alert>\n                    </DrawerToastSlot>\n                  ) : null}\n                  <Drawer.ScrollableContent>\n                    <AssetPreview\n                      asset={asset}\n                      actions={\n                        isImage ? (\n                          <Flex direction=\"column\" gap={2}>\n                            <ReplaceAssetButton />\n                          </Flex>\n                        ) : null\n                      }\n                    />\n                    <Flex\n                      direction=\"column\"\n                      alignItems=\"stretch\"\n                      gap={4}\n                      paddingTop={4}\n                      paddingBottom={4}\n                      paddingLeft={5}\n                      paddingRight={5}\n                    >\n                      <Typography variant=\"beta\" fontWeight=\"semiBold\" tag=\"h3\">\n                        {formatMessage({\n                          id: getTranslationKey('asset-details.fileInfo'),\n                          defaultMessage: 'File info',\n                        })}\n                      </Typography>\n                      <Flex\n                        wrap=\"wrap\"\n                        gap={4}\n                        background=\"neutral100\"\n                        paddingTop={4}\n                        paddingBottom={4}\n                        paddingLeft={6}\n                        paddingRight={6}\n                        alignItems=\"flex-start\"\n                      >\n                        <DetailItem\n                          label={formatMessage({\n                            id: getTranslationKey('asset-details.creationDate'),\n                            defaultMessage: 'Creation date',\n                          })}\n                          value={\n                            asset.createdAt\n                              ? formatDate(new Date(asset.createdAt), {\n                                  dateStyle: 'long',\n                                  timeStyle: 'short',\n                                })\n                              : null\n                          }\n                        />\n                        <DetailItem\n                          label={formatMessage({\n                            id: getTranslationKey('asset-details.lastUpdated'),\n                            defaultMessage: 'Last updated',\n                          })}\n                          value={\n                            asset.updatedAt\n                              ? formatDate(new Date(asset.updatedAt), {\n                                  dateStyle: 'long',\n                                  timeStyle: 'short',\n                                })\n                              : null\n                          }\n                        />\n                        <DetailItem\n                          label={formatMessage({\n                            id: getTranslationKey('asset-details.createdBy'),\n                            defaultMessage: 'Created by',\n                          })}\n                          value={\n                            asset.createdBy\n                              ? (getDisplayName({\n                                  firstname: asset.createdBy.firstname ?? undefined,\n                                  lastname: asset.createdBy.lastname ?? undefined,\n                                  username: asset.createdBy.username ?? undefined,\n                                  email: asset.createdBy.email ?? undefined,\n                                }) ?? '-')\n                              : null\n                          }\n                        />\n                        <DetailItem\n                          label={formatMessage({\n                            id: getTranslationKey('asset-details.size'),\n                            defaultMessage: 'Size',\n                          })}\n                          value={asset.size ? formatBytes(asset.size, 1) : null}\n                        />\n                        {isImage && (asset.width != null || asset.height != null) && (\n                          <DetailItem\n                            label={formatMessage({\n                              id: getTranslationKey('asset-details.dimensions'),\n                              defaultMessage: 'Dimensions',\n                            })}\n                            value={\n                              asset.width != null && asset.height != null\n                                ? `${asset.width} × ${asset.height}`\n                                : null\n                            }\n                          />\n                        )}\n                        <DetailItem\n                          label={formatMessage({\n                            id: getTranslationKey('asset-details.extension'),\n                            defaultMessage: 'Extension',\n                          })}\n                          value={getFileExtension(asset.ext)}\n                        />\n                        <DetailItem\n                          label={formatMessage({\n                            id: getTranslationKey('asset-details.assetId'),\n                            defaultMessage: 'Asset ID',\n                          })}\n                          value={String(asset.id)}\n                        />\n                      </Flex>\n                      <DetailField\n                        name=\"name\"\n                        label={formatMessage({\n                          id: getTranslationKey('asset-details.fileName'),\n                          defaultMessage: 'File name',\n                        })}\n                        required\n                      />\n                      <LocationField\n                        label={formatMessage({\n                          id: getTranslationKey('asset-details.location'),\n                          defaultMessage: 'Location',\n                        })}\n                        rootLabel={formatMessage({\n                          id: getTranslationKey('plugin.home'),\n                          defaultMessage: 'Home',\n                        })}\n                        folders={folders}\n                      />\n                      {isImage && (\n                        <>\n                          <DetailField\n                            name=\"caption\"\n                            label={formatMessage({\n                              id: getTranslationKey('asset-details.caption'),\n                              defaultMessage: 'Caption',\n                            })}\n                          />\n                          <DetailField\n                            name=\"alternativeText\"\n                            label={formatMessage({\n                              id: getTranslationKey('asset-details.alternativeText'),\n                              defaultMessage: 'Alternative text',\n                            })}\n                          />\n                        </>\n                      )}\n                    </Flex>\n                  </Drawer.ScrollableContent>\n                  <Flex\n                    justifyContent=\"space-between\"\n                    alignItems=\"center\"\n                    gap={2}\n                    padding={3}\n                    borderColor=\"neutral150\"\n                    borderStyle=\"solid\"\n                    borderWidth=\"1px 0 0 0\"\n                    background=\"neutral0\"\n                  >\n                    <Flex gap={2}>\n                      <DeleteAssetButton />\n                      <CopyLinkButton asset={asset} />\n                      <DownloadAssetButton asset={asset} />\n                    </Flex>\n                    <Button\n                      type=\"submit\"\n                      variant=\"default\"\n                      loading={isSubmitting}\n                      // File name is required; block submit when it's empty or whitespace so the API can't 400 on a blank value.\n                      disabled={!modified || isSubmitting || nameIsEmpty}\n                    >\n                      {formatMessage({\n                        id: getTranslationKey('asset-details.save'),\n                        defaultMessage: 'Save changes',\n                      })}\n                    </Button>\n                  </Flex>\n                </>\n              );\n            }}\n          </Form>\n        </FormShell>\n      </AssetOperationsContext.Provider>\n    </DrawerNotifyContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DrawerHeader\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerHeaderProps {\n  asset: AssetWithPopulatedCreatedBy;\n  closeDetails: () => void;\n}\n\nconst DrawerHeader = ({ asset, closeDetails }: DrawerHeaderProps) => {\n  const DocIcon = asset ? getAssetIcon(asset.mime, asset.ext) : FileError;\n  return (\n    <Flex\n      gap={2}\n      paddingLeft={5}\n      paddingTop={3}\n      paddingBottom={3}\n      paddingRight={3}\n      borderColor=\"neutral150\"\n      borderStyle=\"solid\"\n      borderWidth=\"0 0 1px 0\"\n    >\n      <DocIcon width={20} height={20} />\n      <Drawer.Title asChild>\n        <Typography variant=\"omega\" fontWeight=\"semiBold\" overflow=\"hidden\" ellipsis tag=\"h2\">\n          {asset.name}\n        </Typography>\n      </Drawer.Title>\n      <Box marginLeft=\"auto\">\n        <Drawer.CloseButton onClose={closeDetails}>\n          <ArrowLineRight />\n        </Drawer.CloseButton>\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DrawerContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContentProps {\n  assetId: number;\n  closeDetails: () => void;\n}\n\nconst DrawerContent = ({ assetId, closeDetails }: DrawerContentProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    data: asset,\n    isLoading,\n    error,\n  } = useGetAssetQuery(assetId, {\n    refetchOnMountOrArgChange: false,\n    refetchOnReconnect: false,\n    refetchOnFocus: false,\n  });\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error || !asset) {\n    return (\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4} padding={4}>\n        <Alert\n          variant=\"danger\"\n          closeLabel={formatMessage({ id: 'global.close', defaultMessage: 'Close' })}\n          onClose={closeDetails}\n        >\n          {formatMessage({\n            id: getTranslationKey('asset-details.error'),\n            defaultMessage: 'Failed to load file details.',\n          })}\n        </Alert>\n      </Flex>\n    );\n  }\n\n  return (\n    <>\n      <DrawerHeader asset={asset} closeDetails={closeDetails} />\n      <AssetDetails asset={asset} closeDetails={closeDetails} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetDetailsDrawer\n * -----------------------------------------------------------------------------------------------*/\n\nexport const AssetDetailsDrawer = () => {\n  const { formatMessage } = useIntl();\n  const { assetId, isVisible, shouldRenderDrawer, onCloseAnimationEnd, closeDetails } =\n    useAssetDetailsParam();\n\n  if (!shouldRenderDrawer || assetId === null) {\n    return null;\n  }\n\n  return (\n    <Drawer.Root isVisible={isVisible} onClose={closeDetails}>\n      {/* Wrapper div required: Dialog.Portal uses asChild and merges ref onto each child.\n          VisuallyHidden does not forward refs, so we wrap it in a div that can receive the ref. */}\n      <div>\n        <VisuallyHidden>\n          <Drawer.Title>\n            {formatMessage({\n              id: getTranslationKey('asset-details.title'),\n              defaultMessage: 'File details',\n            })}\n          </Drawer.Title>\n          <Drawer.Description>\n            {formatMessage({\n              id: getTranslationKey('asset-details.description'),\n              defaultMessage: 'Displays file information and metadata',\n            })}\n          </Drawer.Description>\n        </VisuallyHidden>\n      </div>\n      <Drawer.Body\n        animationDirection=\"left\"\n        width=\"41.6rem\"\n        height=\"100vh\"\n        onAnimationEnd={onCloseAnimationEnd}\n      >\n        <DrawerContent assetId={assetId} closeDetails={closeDetails} />\n      </Drawer.Body>\n    </Drawer.Root>\n  );\n};\n"],"names":["URL_PARAM","DrawerNotifyContext","React","createContext","useDrawerNotify","ctx","useContext","Error","AssetOperationsContext","useAssetOperation","useAssetDetailsParam","query","setQuery","useQueryParams","detailsId","assetId","parseInt","hasValidId","Number","isNaN","isMounted","setIsMounted","useState","displayAssetId","useRef","useEffect","current","onCloseAnimationEnd","useCallback","event","target","currentTarget","openDetails","id","String","closeDetails","undefined","isVisible","shouldRenderDrawer","DetailItemContainer","styled","Flex","theme","spaces","DetailItem","label","value","_jsxs","direction","justifyContent","alignItems","gap","_jsx","Typography","variant","textColor","fontWeight","textTransform","FormShell","Box","DrawerToastSlot","DrawerBusyOverlay","colors","neutral0","StyledWarning","WarningCircle","warning500","DetailField","name","required","formatMessage","useIntl","field","useField","isSubmitting","useForm","state","emptyTooltipLabel","getTranslationKey","defaultMessage","Field","Root","Label","TextInput","onChange","endAction","Tooltip","aria-label","role","type","disabled","LocationField","rootLabel","folders","SingleSelect","next","SingleSelectOption","map","folder","DeleteAssetButton","deleteAsset","isDeleting","isOpen","setIsOpen","handleConfirm","triggerLabel","Dialog","open","onOpenChange","Trigger","IconButton","withTooltip","Trash","Content","Header","Body","icon","width","height","fill","textAlign","Footer","Cancel","Button","fullWidth","Action","loading","onClick","CopyLinkButton","asset","copy","useClipboard","notify","handleCopy","url","prefixFileUrlWithBackendUrl","didCopy","message","Link","DownloadAssetButton","isDownloading","setIsDownloading","handleDownload","downloadFile","Download","ReplaceAssetButton","replaceAsset","isReplacing","fileInputRef","isDialogOpen","setIsDialogOpen","data","settings","useGetSettingsQuery","aiEnabled","aiMetadata","handleTriggerClick","handleContinue","click","handleFileChange","file","files","_Fragment","VisuallyHidden","input","ref","multiple","aria-hidden","tabIndex","ArrowsCounterClockwise","AssetDetails","formatDate","useGetAllFoldersQuery","toggleNotification","useNotification","updateAsset","useUpdateAssetMutation","replaceMutation","isLoading","useReplaceAssetMutation","deleteMutation","useDeleteAssetMutation","drawerToast","setDrawerToast","timer","window","setTimeout","clearTimeout","toast","isImage","mime","includes","AssetType","Image","initialValues","caption","alternativeText","handleSubmit","values","res","fileInfo","title","folderName","useFolderInfo","handleReplace","error","handleDelete","operations","useMemo","Provider","Form","method","onSubmit","modified","resetForm","nameIsEmpty","trim","Blocker","onProceed","Loader","Alert","closeLabel","onClose","Drawer","ScrollableContent","AssetPreview","actions","paddingTop","paddingBottom","paddingLeft","paddingRight","tag","wrap","background","createdAt","Date","dateStyle","timeStyle","updatedAt","createdBy","getDisplayName","firstname","lastname","username","email","size","formatBytes","getFileExtension","ext","padding","borderColor","borderStyle","borderWidth","DrawerHeader","DocIcon","getAssetIcon","FileError","Title","asChild","overflow","ellipsis","marginLeft","CloseButton","ArrowLineRight","DrawerContent","useGetAssetQuery","refetchOnMountOrArgChange","refetchOnReconnect","refetchOnFocus","AssetDetailsDrawer","div","Description","animationDirection","onAnimationEnd"],"mappings":"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"}

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

@@ -57,6 +57,15 @@ const StyledImage = styledComponents.styled.img`
   max-height: 100%;
   object-fit: contain;
 `;
+/**
+ * Top-right overlay slot for image actions (crop / rotate). Sits above the
+ * image (z-index 3 > AssetContainer 2) so the buttons stay clickable.
+ */ const ActionsOverlay = styledComponents.styled(designSystem.Flex)`
+  position: absolute;
+  top: ${({ theme })=>theme.spaces[3]};
+  right: ${({ theme })=>theme.spaces[3]};
+  z-index: 3;
+`;
 const StyledVideo = styledComponents.styled.video`
   max-width: 100%;
   max-height: 100%;
@@ -100,10 +109,18 @@ const LoaderOverlay = styledComponents.styled(designSystem.Flex)`
         })
     });
 };
-const AssetPreview = ({ asset })=>{
+const AssetPreview = ({ asset, actions, isLoading = false })=>{
     const { formatMessage } = reactIntl.useIntl();
-    const { alternativeText, ext, mime, url } = asset;
-    const mediaUrl = files.prefixFileUrlWithBackendUrl(url);
+    const { alternativeText, ext, mime, url, updatedAt } = asset;
+    // Append the asset's `updatedAt` as a cache-buster so a freshly replaced
+    // file (often served at the same URL) shows the new content instead of the
+    // browser-cached old version.
+    const cacheKey = updatedAt ? new Date(updatedAt).getTime() : undefined;
+    const appendCacheBuster = (raw)=>{
+        if (!raw || cacheKey === undefined) return raw;
+        return raw.includes('?') ? `${raw}&v=${cacheKey}` : `${raw}?v=${cacheKey}`;
+    };
+    const mediaUrl = appendCacheBuster(files.prefixFileUrlWithBackendUrl(url));
     const [isMediaLoaded, setIsMediaLoaded] = React__namespace.useState(false);
     React__namespace.useEffect(()=>{
         setIsMediaLoaded(false);
@@ -111,11 +128,14 @@ const AssetPreview = ({ asset })=>{
         mediaUrl
     ]);
     if (mime?.includes(enums.AssetType.Image)) {
-        const imageUrl = files.prefixFileUrlWithBackendUrl(url);
+        const imageUrl = appendCacheBuster(files.prefixFileUrlWithBackendUrl(url));
         if (imageUrl) {
             return /*#__PURE__*/ jsxRuntime.jsxs(PreviewContainer, {
                 children: [
-                    !isMediaLoaded && /*#__PURE__*/ jsxRuntime.jsx(AssetLoader, {}),
+                    (!isMediaLoaded || isLoading) && /*#__PURE__*/ jsxRuntime.jsx(AssetLoader, {}),
+                    actions ? /*#__PURE__*/ jsxRuntime.jsx(ActionsOverlay, {
+                        children: actions
+                    }) : null,
                     /*#__PURE__*/ jsxRuntime.jsx(AssetContainer, {
                         children: /*#__PURE__*/ jsxRuntime.jsx(StyledImage, {
                             src: imageUrl,

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

@@ -1 +1 @@
-{"version":3,"file":"AssetPreview.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { AssetType } from '../../../../enums';\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport type {\n  File,\n  AssetWithPopulatedCreatedBy,\n} from '../../../../../../../shared/contracts/files';\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewContainer = styled(Box)`\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  max-height: 24rem;\n  overflow: hidden;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding: ${({ theme }) => theme.spaces[3]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      transparent 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\nconst AssetContainer = styled(Flex)`\n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n`;\n\nconst StyledImage = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\nconst StyledVideo = styled.video`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\nconst StyledAudio = styled.audio`\n  width: 100%;\n`;\n\nconst StyledPdfIframe = styled.iframe`\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  border: none;\n`;\n\nconst IconFallback = styled(Flex)`\n  height: 100%;\n  aspect-ratio: 1;\n  width: auto;\n  max-width: 100%;\n  margin: 0 auto;\n  color: ${({ theme }) => theme.colors.neutral500};\n  background: ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst LoaderOverlay = styled(Flex)`\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * AssetLoader\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssetLoader = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <LoaderOverlay justifyContent=\"center\" alignItems=\"center\">\n      <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n    </LoaderOverlay>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetPreviewContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetPreviewProps {\n  asset: File | AssetWithPopulatedCreatedBy;\n}\n\nexport const AssetPreview = ({ asset }: AssetPreviewProps) => {\n  const { formatMessage } = useIntl();\n  const { alternativeText, ext, mime, url } = asset;\n  const mediaUrl = prefixFileUrlWithBackendUrl(url);\n\n  const [isMediaLoaded, setIsMediaLoaded] = React.useState(false);\n  React.useEffect(() => {\n    setIsMediaLoaded(false);\n  }, [mediaUrl]);\n\n  if (mime?.includes(AssetType.Image)) {\n    const imageUrl = prefixFileUrlWithBackendUrl(url);\n\n    if (imageUrl) {\n      return (\n        <PreviewContainer>\n          {!isMediaLoaded && <AssetLoader />}\n          <AssetContainer>\n            <StyledImage\n              src={imageUrl}\n              alt={alternativeText || asset.name || ''}\n              onLoad={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </AssetContainer>\n        </PreviewContainer>\n      );\n    }\n  }\n\n  if (mime?.includes(AssetType.Video) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledVideo\n            src={mediaUrl}\n            controls\n            title={asset.name}\n            onLoadedData={() => setIsMediaLoaded(true)}\n            onError={() => setIsMediaLoaded(true)}\n          >\n            {formatMessage({\n              id: getTranslationKey('asset-details.videoNotSupported'),\n              defaultMessage: 'Your browser does not support the video tag.',\n            })}\n          </StyledVideo>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  if (mime?.includes(AssetType.Audio) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <Flex\n            width=\"100%\"\n            padding={4}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            height=\"100%\"\n            minHeight=\"12rem\"\n          >\n            <StyledAudio\n              src={mediaUrl}\n              controls\n              onLoadedData={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </Flex>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const isPdf =\n    ext?.toLowerCase() === 'pdf' || ext?.toLowerCase() === '.pdf' || mime === 'application/pdf';\n  if (isPdf && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledPdfIframe\n            src={`${mediaUrl}#toolbar=0`}\n            title={asset.name}\n            onLoad={() => setIsMediaLoaded(true)}\n          />\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const DocIcon = getAssetIcon(mime, ext);\n  return (\n    <PreviewContainer>\n      <IconFallback\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        gap={1}\n        direction=\"column\"\n        hasRadius\n      >\n        <DocIcon width={24} height={24} />\n        <Typography variant=\"pi\">\n          {formatMessage({\n            id: getTranslationKey('asset-details.noPreview'),\n            defaultMessage: 'No preview available',\n          })}\n        </Typography>\n      </IconFallback>\n    </PreviewContainer>\n  );\n};\n"],"names":["PreviewContainer","styled","Box","theme","borderRadius","spaces","colors","neutral100","AssetContainer","Flex","StyledImage","img","StyledVideo","video","StyledAudio","audio","StyledPdfIframe","iframe","IconFallback","neutral500","neutral150","LoaderOverlay","AssetLoader","formatMessage","useIntl","_jsx","justifyContent","alignItems","Loader","id","defaultMessage","AssetPreview","asset","alternativeText","ext","mime","url","mediaUrl","prefixFileUrlWithBackendUrl","isMediaLoaded","setIsMediaLoaded","React","useState","useEffect","includes","AssetType","Image","imageUrl","_jsxs","src","alt","name","onLoad","onError","Video","controls","title","onLoadedData","getTranslationKey","Audio","width","padding","height","minHeight","isPdf","toLowerCase","DocIcon","getAssetIcon","gap","direction","hasRadius","Typography","variant"],"mappings":"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"}
+{"version":3,"file":"AssetPreview.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { AssetType } from '../../../../enums';\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport type {\n  File,\n  AssetWithPopulatedCreatedBy,\n} from '../../../../../../../shared/contracts/files';\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewContainer = styled(Box)`\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  max-height: 24rem;\n  overflow: hidden;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding: ${({ theme }) => theme.spaces[3]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      transparent 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\nconst AssetContainer = styled(Flex)`\n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n`;\n\nconst StyledImage = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\n/**\n * Top-right overlay slot for image actions (crop / rotate). Sits above the\n * image (z-index 3 > AssetContainer 2) so the buttons stay clickable.\n */\nconst ActionsOverlay = styled(Flex)`\n  position: absolute;\n  top: ${({ theme }) => theme.spaces[3]};\n  right: ${({ theme }) => theme.spaces[3]};\n  z-index: 3;\n`;\n\nconst StyledVideo = styled.video`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\nconst StyledAudio = styled.audio`\n  width: 100%;\n`;\n\nconst StyledPdfIframe = styled.iframe`\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  border: none;\n`;\n\nconst IconFallback = styled(Flex)`\n  height: 100%;\n  aspect-ratio: 1;\n  width: auto;\n  max-width: 100%;\n  margin: 0 auto;\n  color: ${({ theme }) => theme.colors.neutral500};\n  background: ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst LoaderOverlay = styled(Flex)`\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * AssetLoader\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssetLoader = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <LoaderOverlay justifyContent=\"center\" alignItems=\"center\">\n      <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n    </LoaderOverlay>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetPreviewContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetPreviewProps {\n  asset: File | AssetWithPopulatedCreatedBy;\n  actions?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nexport const AssetPreview = ({ asset, actions, isLoading = false }: AssetPreviewProps) => {\n  const { formatMessage } = useIntl();\n  const { alternativeText, ext, mime, url, updatedAt } = asset;\n  // Append the asset's `updatedAt` as a cache-buster so a freshly replaced\n  // file (often served at the same URL) shows the new content instead of the\n  // browser-cached old version.\n  const cacheKey = updatedAt ? new Date(updatedAt).getTime() : undefined;\n  const appendCacheBuster = (raw: string | undefined) => {\n    if (!raw || cacheKey === undefined) return raw;\n    return raw.includes('?') ? `${raw}&v=${cacheKey}` : `${raw}?v=${cacheKey}`;\n  };\n  const mediaUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));\n\n  const [isMediaLoaded, setIsMediaLoaded] = React.useState(false);\n  React.useEffect(() => {\n    setIsMediaLoaded(false);\n  }, [mediaUrl]);\n\n  if (mime?.includes(AssetType.Image)) {\n    const imageUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));\n\n    if (imageUrl) {\n      return (\n        <PreviewContainer>\n          {(!isMediaLoaded || isLoading) && <AssetLoader />}\n          {actions ? <ActionsOverlay>{actions}</ActionsOverlay> : null}\n          <AssetContainer>\n            <StyledImage\n              src={imageUrl}\n              alt={alternativeText || asset.name || ''}\n              onLoad={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </AssetContainer>\n        </PreviewContainer>\n      );\n    }\n  }\n\n  if (mime?.includes(AssetType.Video) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledVideo\n            src={mediaUrl}\n            controls\n            title={asset.name}\n            onLoadedData={() => setIsMediaLoaded(true)}\n            onError={() => setIsMediaLoaded(true)}\n          >\n            {formatMessage({\n              id: getTranslationKey('asset-details.videoNotSupported'),\n              defaultMessage: 'Your browser does not support the video tag.',\n            })}\n          </StyledVideo>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  if (mime?.includes(AssetType.Audio) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <Flex\n            width=\"100%\"\n            padding={4}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            height=\"100%\"\n            minHeight=\"12rem\"\n          >\n            <StyledAudio\n              src={mediaUrl}\n              controls\n              onLoadedData={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </Flex>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const isPdf =\n    ext?.toLowerCase() === 'pdf' || ext?.toLowerCase() === '.pdf' || mime === 'application/pdf';\n  if (isPdf && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledPdfIframe\n            src={`${mediaUrl}#toolbar=0`}\n            title={asset.name}\n            onLoad={() => setIsMediaLoaded(true)}\n          />\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const DocIcon = getAssetIcon(mime, ext);\n  return (\n    <PreviewContainer>\n      <IconFallback\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        gap={1}\n        direction=\"column\"\n        hasRadius\n      >\n        <DocIcon width={24} height={24} />\n        <Typography variant=\"pi\">\n          {formatMessage({\n            id: getTranslationKey('asset-details.noPreview'),\n            defaultMessage: 'No preview available',\n          })}\n        </Typography>\n      </IconFallback>\n    </PreviewContainer>\n  );\n};\n"],"names":["PreviewContainer","styled","Box","theme","borderRadius","spaces","colors","neutral100","AssetContainer","Flex","StyledImage","img","ActionsOverlay","StyledVideo","video","StyledAudio","audio","StyledPdfIframe","iframe","IconFallback","neutral500","neutral150","LoaderOverlay","AssetLoader","formatMessage","useIntl","_jsx","justifyContent","alignItems","Loader","id","defaultMessage","AssetPreview","asset","actions","isLoading","alternativeText","ext","mime","url","updatedAt","cacheKey","Date","getTime","undefined","appendCacheBuster","raw","includes","mediaUrl","prefixFileUrlWithBackendUrl","isMediaLoaded","setIsMediaLoaded","React","useState","useEffect","AssetType","Image","imageUrl","_jsxs","src","alt","name","onLoad","onError","Video","controls","title","onLoadedData","getTranslationKey","Audio","width","padding","height","minHeight","isPdf","toLowerCase","DocIcon","getAssetIcon","gap","direction","hasRadius","Typography","variant"],"mappings":"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"}

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

@@ -36,6 +36,15 @@ const StyledImage = styled.img`
   max-height: 100%;
   object-fit: contain;
 `;
+/**
+ * Top-right overlay slot for image actions (crop / rotate). Sits above the
+ * image (z-index 3 > AssetContainer 2) so the buttons stay clickable.
+ */ const ActionsOverlay = styled(Flex)`
+  position: absolute;
+  top: ${({ theme })=>theme.spaces[3]};
+  right: ${({ theme })=>theme.spaces[3]};
+  z-index: 3;
+`;
 const StyledVideo = styled.video`
   max-width: 100%;
   max-height: 100%;
@@ -79,10 +88,18 @@ const LoaderOverlay = styled(Flex)`
         })
     });
 };
-const AssetPreview = ({ asset })=>{
+const AssetPreview = ({ asset, actions, isLoading = false })=>{
     const { formatMessage } = useIntl();
-    const { alternativeText, ext, mime, url } = asset;
-    const mediaUrl = prefixFileUrlWithBackendUrl(url);
+    const { alternativeText, ext, mime, url, updatedAt } = asset;
+    // Append the asset's `updatedAt` as a cache-buster so a freshly replaced
+    // file (often served at the same URL) shows the new content instead of the
+    // browser-cached old version.
+    const cacheKey = updatedAt ? new Date(updatedAt).getTime() : undefined;
+    const appendCacheBuster = (raw)=>{
+        if (!raw || cacheKey === undefined) return raw;
+        return raw.includes('?') ? `${raw}&v=${cacheKey}` : `${raw}?v=${cacheKey}`;
+    };
+    const mediaUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));
     const [isMediaLoaded, setIsMediaLoaded] = React.useState(false);
     React.useEffect(()=>{
         setIsMediaLoaded(false);
@@ -90,11 +107,14 @@ const AssetPreview = ({ asset })=>{
         mediaUrl
     ]);
     if (mime?.includes(AssetType.Image)) {
-        const imageUrl = prefixFileUrlWithBackendUrl(url);
+        const imageUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));
         if (imageUrl) {
             return /*#__PURE__*/ jsxs(PreviewContainer, {
                 children: [
-                    !isMediaLoaded && /*#__PURE__*/ jsx(AssetLoader, {}),
+                    (!isMediaLoaded || isLoading) && /*#__PURE__*/ jsx(AssetLoader, {}),
+                    actions ? /*#__PURE__*/ jsx(ActionsOverlay, {
+                        children: actions
+                    }) : null,
                     /*#__PURE__*/ jsx(AssetContainer, {
                         children: /*#__PURE__*/ jsx(StyledImage, {
                             src: imageUrl,

package/dist/admin/future/pages/Assets/components/AssetDetails/AssetPreview.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AssetPreview.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { AssetType } from '../../../../enums';\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport type {\n  File,\n  AssetWithPopulatedCreatedBy,\n} from '../../../../../../../shared/contracts/files';\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewContainer = styled(Box)`\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  max-height: 24rem;\n  overflow: hidden;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding: ${({ theme }) => theme.spaces[3]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      transparent 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\nconst AssetContainer = styled(Flex)`\n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n`;\n\nconst StyledImage = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\nconst StyledVideo = styled.video`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\nconst StyledAudio = styled.audio`\n  width: 100%;\n`;\n\nconst StyledPdfIframe = styled.iframe`\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  border: none;\n`;\n\nconst IconFallback = styled(Flex)`\n  height: 100%;\n  aspect-ratio: 1;\n  width: auto;\n  max-width: 100%;\n  margin: 0 auto;\n  color: ${({ theme }) => theme.colors.neutral500};\n  background: ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst LoaderOverlay = styled(Flex)`\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * AssetLoader\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssetLoader = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <LoaderOverlay justifyContent=\"center\" alignItems=\"center\">\n      <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n    </LoaderOverlay>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetPreviewContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetPreviewProps {\n  asset: File | AssetWithPopulatedCreatedBy;\n}\n\nexport const AssetPreview = ({ asset }: AssetPreviewProps) => {\n  const { formatMessage } = useIntl();\n  const { alternativeText, ext, mime, url } = asset;\n  const mediaUrl = prefixFileUrlWithBackendUrl(url);\n\n  const [isMediaLoaded, setIsMediaLoaded] = React.useState(false);\n  React.useEffect(() => {\n    setIsMediaLoaded(false);\n  }, [mediaUrl]);\n\n  if (mime?.includes(AssetType.Image)) {\n    const imageUrl = prefixFileUrlWithBackendUrl(url);\n\n    if (imageUrl) {\n      return (\n        <PreviewContainer>\n          {!isMediaLoaded && <AssetLoader />}\n          <AssetContainer>\n            <StyledImage\n              src={imageUrl}\n              alt={alternativeText || asset.name || ''}\n              onLoad={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </AssetContainer>\n        </PreviewContainer>\n      );\n    }\n  }\n\n  if (mime?.includes(AssetType.Video) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledVideo\n            src={mediaUrl}\n            controls\n            title={asset.name}\n            onLoadedData={() => setIsMediaLoaded(true)}\n            onError={() => setIsMediaLoaded(true)}\n          >\n            {formatMessage({\n              id: getTranslationKey('asset-details.videoNotSupported'),\n              defaultMessage: 'Your browser does not support the video tag.',\n            })}\n          </StyledVideo>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  if (mime?.includes(AssetType.Audio) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <Flex\n            width=\"100%\"\n            padding={4}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            height=\"100%\"\n            minHeight=\"12rem\"\n          >\n            <StyledAudio\n              src={mediaUrl}\n              controls\n              onLoadedData={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </Flex>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const isPdf =\n    ext?.toLowerCase() === 'pdf' || ext?.toLowerCase() === '.pdf' || mime === 'application/pdf';\n  if (isPdf && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledPdfIframe\n            src={`${mediaUrl}#toolbar=0`}\n            title={asset.name}\n            onLoad={() => setIsMediaLoaded(true)}\n          />\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const DocIcon = getAssetIcon(mime, ext);\n  return (\n    <PreviewContainer>\n      <IconFallback\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        gap={1}\n        direction=\"column\"\n        hasRadius\n      >\n        <DocIcon width={24} height={24} />\n        <Typography variant=\"pi\">\n          {formatMessage({\n            id: getTranslationKey('asset-details.noPreview'),\n            defaultMessage: 'No preview available',\n          })}\n        </Typography>\n      </IconFallback>\n    </PreviewContainer>\n  );\n};\n"],"names":["PreviewContainer","styled","Box","theme","borderRadius","spaces","colors","neutral100","AssetContainer","Flex","StyledImage","img","StyledVideo","video","StyledAudio","audio","StyledPdfIframe","iframe","IconFallback","neutral500","neutral150","LoaderOverlay","AssetLoader","formatMessage","useIntl","_jsx","justifyContent","alignItems","Loader","id","defaultMessage","AssetPreview","asset","alternativeText","ext","mime","url","mediaUrl","prefixFileUrlWithBackendUrl","isMediaLoaded","setIsMediaLoaded","React","useState","useEffect","includes","AssetType","Image","imageUrl","_jsxs","src","alt","name","onLoad","onError","Video","controls","title","onLoadedData","getTranslationKey","Audio","width","padding","height","minHeight","isPdf","toLowerCase","DocIcon","getAssetIcon","gap","direction","hasRadius","Typography","variant"],"mappings":";;;;;;;;;;AAgBA;;AAEkG,qGAElG,MAAMA,gBAAAA,GAAmBC,MAAAA,CAAOC,GAAAA,CAAI;;;;;;AAMnB,iBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,YAAY,CAAC;WAC1C,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,MAAM,CAAC,CAAA,CAAE,CAAC;;MAEtC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;;;;AAI/C,CAAC;AAED,MAAMC,cAAAA,GAAiBP,MAAAA,CAAOQ,IAAAA,CAAK;;;;;;AAMnC,CAAC;AAED,MAAMC,WAAAA,GAAcT,MAAAA,CAAOU,GAAG;;;;AAI9B,CAAC;AAED,MAAMC,WAAAA,GAAcX,MAAAA,CAAOY,KAAK;;;;AAIhC,CAAC;AAED,MAAMC,WAAAA,GAAcb,MAAAA,CAAOc,KAAK;;AAEhC,CAAC;AAED,MAAMC,eAAAA,GAAkBf,MAAAA,CAAOgB,MAAM;;;;;AAKrC,CAAC;AAED,MAAMC,YAAAA,GAAejB,MAAAA,CAAOQ,IAAAA,CAAK;;;;;;SAMxB,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACa,UAAU,CAAC;cACpC,EAAE,CAAC,EAAEhB,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACc,UAAU,CAAC;AACvD,CAAC;AAED,MAAMC,aAAAA,GAAgBpB,MAAAA,CAAOQ,IAAAA,CAAK;;;;AAIlC,CAAC;AAED;;AAEkG,qGAElG,MAAMa,WAAAA,GAAc,IAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,qBACEC,GAAA,CAACJ,aAAAA,EAAAA;QAAcK,cAAAA,EAAe,QAAA;QAASC,UAAAA,EAAW,QAAA;AAChD,QAAA,QAAA,gBAAAF,GAAA,CAACG,MAAAA,EAAAA;sBAAQL,aAAAA,CAAc;gBAAEM,EAAAA,EAAI,aAAA;gBAAeC,cAAAA,EAAgB;AAAa,aAAA;;;AAG/E,CAAA;AAUO,MAAMC,YAAAA,GAAe,CAAC,EAAEC,KAAK,EAAqB,GAAA;IACvD,MAAM,EAAET,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAES,eAAe,EAAEC,GAAG,EAAEC,IAAI,EAAEC,GAAG,EAAE,GAAGJ,KAAAA;AAC5C,IAAA,MAAMK,WAAWC,2BAAAA,CAA4BF,GAAAA,CAAAA;AAE7C,IAAA,MAAM,CAACG,aAAAA,EAAeC,gBAAAA,CAAiB,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AACzDD,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;QACdH,gBAAAA,CAAiB,KAAA,CAAA;IACnB,CAAA,EAAG;AAACH,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,IAAIF,IAAAA,EAAMS,QAAAA,CAASC,SAAAA,CAAUC,KAAK,CAAA,EAAG;AACnC,QAAA,MAAMC,WAAWT,2BAAAA,CAA4BF,GAAAA,CAAAA;AAE7C,QAAA,IAAIW,QAAAA,EAAU;AACZ,YAAA,qBACEC,IAAA,CAAChD,gBAAAA,EAAAA;;AACE,oBAAA,CAACuC,+BAAiBd,GAAA,CAACH,WAAAA,EAAAA,EAAAA,CAAAA;kCACpBG,GAAA,CAACjB,cAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAiB,GAAA,CAACf,WAAAA,EAAAA;4BACCuC,GAAAA,EAAKF,QAAAA;4BACLG,GAAAA,EAAKjB,eAAAA,IAAmBD,KAAAA,CAAMmB,IAAI,IAAI,EAAA;AACtCC,4BAAAA,MAAAA,EAAQ,IAAMZ,gBAAAA,CAAiB,IAAA,CAAA;AAC/Ba,4BAAAA,OAAAA,EAAS,IAAMb,gBAAAA,CAAiB,IAAA;;;;;AAK1C,QAAA;AACF,IAAA;AAEA,IAAA,IAAIL,IAAAA,EAAMS,QAAAA,CAASC,SAAAA,CAAUS,KAAK,KAAKjB,QAAAA,EAAU;AAC/C,QAAA,qBACEW,IAAA,CAAChD,gBAAAA,EAAAA;;AACE,gBAAA,CAACuC,+BAAiBd,GAAA,CAACH,WAAAA,EAAAA,EAAAA,CAAAA;8BACpBG,GAAA,CAACjB,cAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAiB,GAAA,CAACb,WAAAA,EAAAA;wBACCqC,GAAAA,EAAKZ,QAAAA;wBACLkB,QAAQ,EAAA,IAAA;AACRC,wBAAAA,KAAAA,EAAOxB,MAAMmB,IAAI;AACjBM,wBAAAA,YAAAA,EAAc,IAAMjB,gBAAAA,CAAiB,IAAA,CAAA;AACrCa,wBAAAA,OAAAA,EAAS,IAAMb,gBAAAA,CAAiB,IAAA,CAAA;kCAE/BjB,aAAAA,CAAc;AACbM,4BAAAA,EAAAA,EAAI6B,iBAAAA,CAAkB,iCAAA,CAAA;4BACtB5B,cAAAA,EAAgB;AAClB,yBAAA;;;;;AAKV,IAAA;AAEA,IAAA,IAAIK,IAAAA,EAAMS,QAAAA,CAASC,SAAAA,CAAUc,KAAK,KAAKtB,QAAAA,EAAU;AAC/C,QAAA,qBACEW,IAAA,CAAChD,gBAAAA,EAAAA;;AACE,gBAAA,CAACuC,+BAAiBd,GAAA,CAACH,WAAAA,EAAAA,EAAAA,CAAAA;8BACpBG,GAAA,CAACjB,cAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAiB,GAAA,CAAChB,IAAAA,EAAAA;wBACCmD,KAAAA,EAAM,MAAA;wBACNC,OAAAA,EAAS,CAAA;wBACTnC,cAAAA,EAAe,QAAA;wBACfC,UAAAA,EAAW,QAAA;wBACXmC,MAAAA,EAAO,MAAA;wBACPC,SAAAA,EAAU,OAAA;AAEV,wBAAA,QAAA,gBAAAtC,GAAA,CAACX,WAAAA,EAAAA;4BACCmC,GAAAA,EAAKZ,QAAAA;4BACLkB,QAAQ,EAAA,IAAA;AACRE,4BAAAA,YAAAA,EAAc,IAAMjB,gBAAAA,CAAiB,IAAA,CAAA;AACrCa,4BAAAA,OAAAA,EAAS,IAAMb,gBAAAA,CAAiB,IAAA;;;;;;AAM5C,IAAA;AAEA,IAAA,MAAMwB,QACJ9B,GAAAA,EAAK+B,WAAAA,EAAAA,KAAkB,SAAS/B,GAAAA,EAAK+B,WAAAA,EAAAA,KAAkB,UAAU9B,IAAAA,KAAS,iBAAA;AAC5E,IAAA,IAAI6B,SAAS3B,QAAAA,EAAU;AACrB,QAAA,qBACEW,IAAA,CAAChD,gBAAAA,EAAAA;;AACE,gBAAA,CAACuC,+BAAiBd,GAAA,CAACH,WAAAA,EAAAA,EAAAA,CAAAA;8BACpBG,GAAA,CAACjB,cAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAiB,GAAA,CAACT,eAAAA,EAAAA;wBACCiC,GAAAA,EAAK,CAAA,EAAGZ,QAAAA,CAAS,UAAU,CAAC;AAC5BmB,wBAAAA,KAAAA,EAAOxB,MAAMmB,IAAI;AACjBC,wBAAAA,MAAAA,EAAQ,IAAMZ,gBAAAA,CAAiB,IAAA;;;;;AAKzC,IAAA;IAEA,MAAM0B,OAAAA,GAAUC,aAAahC,IAAAA,EAAMD,GAAAA,CAAAA;AACnC,IAAA,qBACET,GAAA,CAACzB,gBAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAgD,IAAA,CAAC9B,YAAAA,EAAAA;YACCQ,cAAAA,EAAe,QAAA;YACfC,UAAAA,EAAW,QAAA;YACXyC,GAAAA,EAAK,CAAA;YACLC,SAAAA,EAAU,QAAA;YACVC,SAAS,EAAA,IAAA;;8BAET7C,GAAA,CAACyC,OAAAA,EAAAA;oBAAQN,KAAAA,EAAO,EAAA;oBAAIE,MAAAA,EAAQ;;8BAC5BrC,GAAA,CAAC8C,UAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;8BACjBjD,aAAAA,CAAc;AACbM,wBAAAA,EAAAA,EAAI6B,iBAAAA,CAAkB,yBAAA,CAAA;wBACtB5B,cAAAA,EAAgB;AAClB,qBAAA;;;;;AAKV;;;;"}
+{"version":3,"file":"AssetPreview.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/AssetDetails/AssetPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { AssetType } from '../../../../enums';\nimport { prefixFileUrlWithBackendUrl } from '../../../../utils/files';\nimport { getAssetIcon } from '../../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport type {\n  File,\n  AssetWithPopulatedCreatedBy,\n} from '../../../../../../../shared/contracts/files';\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewContainer = styled(Box)`\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  max-height: 24rem;\n  overflow: hidden;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  padding: ${({ theme }) => theme.spaces[3]};\n  background: repeating-conic-gradient(\n      ${({ theme }) => theme.colors.neutral100} 0% 25%,\n      transparent 0% 50%\n    )\n    50% / 20px 20px;\n`;\n\nconst AssetContainer = styled(Flex)`\n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n`;\n\nconst StyledImage = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\n/**\n * Top-right overlay slot for image actions (crop / rotate). Sits above the\n * image (z-index 3 > AssetContainer 2) so the buttons stay clickable.\n */\nconst ActionsOverlay = styled(Flex)`\n  position: absolute;\n  top: ${({ theme }) => theme.spaces[3]};\n  right: ${({ theme }) => theme.spaces[3]};\n  z-index: 3;\n`;\n\nconst StyledVideo = styled.video`\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n`;\n\nconst StyledAudio = styled.audio`\n  width: 100%;\n`;\n\nconst StyledPdfIframe = styled.iframe`\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  border: none;\n`;\n\nconst IconFallback = styled(Flex)`\n  height: 100%;\n  aspect-ratio: 1;\n  width: auto;\n  max-width: 100%;\n  margin: 0 auto;\n  color: ${({ theme }) => theme.colors.neutral500};\n  background: ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst LoaderOverlay = styled(Flex)`\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * AssetLoader\n * -----------------------------------------------------------------------------------------------*/\n\nconst AssetLoader = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <LoaderOverlay justifyContent=\"center\" alignItems=\"center\">\n      <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n    </LoaderOverlay>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetPreviewContent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetPreviewProps {\n  asset: File | AssetWithPopulatedCreatedBy;\n  actions?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nexport const AssetPreview = ({ asset, actions, isLoading = false }: AssetPreviewProps) => {\n  const { formatMessage } = useIntl();\n  const { alternativeText, ext, mime, url, updatedAt } = asset;\n  // Append the asset's `updatedAt` as a cache-buster so a freshly replaced\n  // file (often served at the same URL) shows the new content instead of the\n  // browser-cached old version.\n  const cacheKey = updatedAt ? new Date(updatedAt).getTime() : undefined;\n  const appendCacheBuster = (raw: string | undefined) => {\n    if (!raw || cacheKey === undefined) return raw;\n    return raw.includes('?') ? `${raw}&v=${cacheKey}` : `${raw}?v=${cacheKey}`;\n  };\n  const mediaUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));\n\n  const [isMediaLoaded, setIsMediaLoaded] = React.useState(false);\n  React.useEffect(() => {\n    setIsMediaLoaded(false);\n  }, [mediaUrl]);\n\n  if (mime?.includes(AssetType.Image)) {\n    const imageUrl = appendCacheBuster(prefixFileUrlWithBackendUrl(url));\n\n    if (imageUrl) {\n      return (\n        <PreviewContainer>\n          {(!isMediaLoaded || isLoading) && <AssetLoader />}\n          {actions ? <ActionsOverlay>{actions}</ActionsOverlay> : null}\n          <AssetContainer>\n            <StyledImage\n              src={imageUrl}\n              alt={alternativeText || asset.name || ''}\n              onLoad={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </AssetContainer>\n        </PreviewContainer>\n      );\n    }\n  }\n\n  if (mime?.includes(AssetType.Video) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledVideo\n            src={mediaUrl}\n            controls\n            title={asset.name}\n            onLoadedData={() => setIsMediaLoaded(true)}\n            onError={() => setIsMediaLoaded(true)}\n          >\n            {formatMessage({\n              id: getTranslationKey('asset-details.videoNotSupported'),\n              defaultMessage: 'Your browser does not support the video tag.',\n            })}\n          </StyledVideo>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  if (mime?.includes(AssetType.Audio) && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <Flex\n            width=\"100%\"\n            padding={4}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            height=\"100%\"\n            minHeight=\"12rem\"\n          >\n            <StyledAudio\n              src={mediaUrl}\n              controls\n              onLoadedData={() => setIsMediaLoaded(true)}\n              onError={() => setIsMediaLoaded(true)}\n            />\n          </Flex>\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const isPdf =\n    ext?.toLowerCase() === 'pdf' || ext?.toLowerCase() === '.pdf' || mime === 'application/pdf';\n  if (isPdf && mediaUrl) {\n    return (\n      <PreviewContainer>\n        {!isMediaLoaded && <AssetLoader />}\n        <AssetContainer>\n          <StyledPdfIframe\n            src={`${mediaUrl}#toolbar=0`}\n            title={asset.name}\n            onLoad={() => setIsMediaLoaded(true)}\n          />\n        </AssetContainer>\n      </PreviewContainer>\n    );\n  }\n\n  const DocIcon = getAssetIcon(mime, ext);\n  return (\n    <PreviewContainer>\n      <IconFallback\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        gap={1}\n        direction=\"column\"\n        hasRadius\n      >\n        <DocIcon width={24} height={24} />\n        <Typography variant=\"pi\">\n          {formatMessage({\n            id: getTranslationKey('asset-details.noPreview'),\n            defaultMessage: 'No preview available',\n          })}\n        </Typography>\n      </IconFallback>\n    </PreviewContainer>\n  );\n};\n"],"names":["PreviewContainer","styled","Box","theme","borderRadius","spaces","colors","neutral100","AssetContainer","Flex","StyledImage","img","ActionsOverlay","StyledVideo","video","StyledAudio","audio","StyledPdfIframe","iframe","IconFallback","neutral500","neutral150","LoaderOverlay","AssetLoader","formatMessage","useIntl","_jsx","justifyContent","alignItems","Loader","id","defaultMessage","AssetPreview","asset","actions","isLoading","alternativeText","ext","mime","url","updatedAt","cacheKey","Date","getTime","undefined","appendCacheBuster","raw","includes","mediaUrl","prefixFileUrlWithBackendUrl","isMediaLoaded","setIsMediaLoaded","React","useState","useEffect","AssetType","Image","imageUrl","_jsxs","src","alt","name","onLoad","onError","Video","controls","title","onLoadedData","getTranslationKey","Audio","width","padding","height","minHeight","isPdf","toLowerCase","DocIcon","getAssetIcon","gap","direction","hasRadius","Typography","variant"],"mappings":"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"}