@strapi/upload 5.59.0 → 5.60.0

package/dist/admin/pages/Assets/AssetsPage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsPage.mjs","sources":["../../../../admin/src/pages/Assets/AssetsPage.tsx"],"sourcesContent":["import { useRef, useCallback, useMemo, useState, useEffect, type ChangeEvent } from 'react';\n\nimport * as ToggleGroup from '@radix-ui/react-toggle-group';\nimport { Layouts, Page, useElementOnScreen, usePersistentState } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Loader,\n  MenuItem,\n  SimpleMenu,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  ChevronDown,\n  Files,\n  Folder as FolderIcon,\n  GridFour as GridIcon,\n  Link,\n  List,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { useAIMetadataEnabled } from '../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions';\nimport { useTracking, MEDIA_LIBRARY_LOCATION } from '../../hooks/useTracking';\nimport { useUploadFromUrlsMutation, useUploadFilesMutation } from '../../services/api';\nimport { useGetFolderQuery, useGetFoldersQuery } from '../../services/folders';\nimport { useGetUploadSettingsQuery } from '../../services/settings';\nimport { buildItemLocations, type ItemLocations } from '../../utils/itemLocations';\nimport { getTranslationKey } from '../../utils/translations';\nimport { typeFromMime } from '../../utils/typeFromMime';\n\nimport {\n  AssetDetailsDrawer,\n  useAssetDetailsParam,\n} from './components/AssetDetails/AssetDetailsDrawer';\nimport { AssetsGrid } from './components/AssetsGrid';\nimport { AssetsSearchInput } from './components/AssetsSearchInput';\nimport { AssetsTable } from './components/AssetsTable';\nimport { BulkActionsBar } from './components/BulkActionsBar';\nimport { AssetsDndProvider } from './components/Dnd/AssetsDndProvider';\nimport { DropFilesMessage, DropZoneWithOverlay } from './components/DropZone/UploadDropZone';\nimport { UploadDropZoneProvider } from './components/DropZone/UploadDropZoneContext';\nimport { EmptyState, FilteredEmptyState } from './components/EmptyState';\nimport { FilterBadges } from './components/FilterBadges';\nimport { FilterMenu } from './components/FilterMenu';\nimport { FolderFormDialog } from './components/FolderFormDialog';\nimport { FOLDER_TREE_ROOT_SELECTOR, FolderTree } from './components/FolderTree/FolderTree';\nimport { ImportFromUrlDialog } from './components/ImportFromUrlDialog';\nimport { ItemContextMenuProvider } from './components/ItemContextMenu';\nimport { MainAreaContextMenu } from './components/MainAreaContextMenu';\nimport { SortMenu } from './components/SortMenu';\nimport { localStorageKeys, viewOptions } from './constants';\nimport { useAssetSearch } from './hooks/useAssetSearch';\nimport { AssetSelectionProvider, useAssetSelection } from './hooks/useAssetSelection';\nimport { BusyAssetsProvider } from './hooks/useBusyAssets';\nimport { useFolderInfo } from './hooks/useFolderInfo';\nimport { useFolderNavigation } from './hooks/useFolderNavigation';\nimport { useInfiniteAssets } from './hooks/useInfiniteAssets';\nimport { useInfiniteScrollSentinel } from './hooks/useInfiniteScrollSentinel';\nimport { useListFilters } from './hooks/useListFilters';\nimport { useListScrollRestoration } from './hooks/useListScrollRestoration';\nimport { useListSort, type FoldersPosition } from './hooks/useListSort';\nimport { buildAssetFilters } from './utils/buildAssetFilters';\nimport { getListQueryKey } from './utils/listQueryKey';\nimport { mergeMixedList } from './utils/mergeMixedList';\nimport { buildRenderedKeys } from './utils/renderedKeys';\n\nimport type { File, UploadFileInfo } from '../../../../shared/contracts/files';\nimport type { Folder } from '../../../../shared/contracts/folders';\n\n// The negative bottom margin shrinks the trigger area by a pixel so the 1px\n// sentinel sitting exactly at the fold (when a page's rows happen to fill the\n// viewport) reads as \"not visible\" and doesn't pull an extra page. It still\n// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom\n// value if the list over- or under-fetches near the fold.\nconst INTERSECTION_OPTIONS: IntersectionObserverInit = {\n  threshold: 0,\n  rootMargin: '0px 0px -1px 0px',\n};\n\n// Module-level so the header sentinel's observer isn't rebuilt every render.\nconst HEADER_SENTINEL_OPTIONS: IntersectionObserverInit = { threshold: 0 };\n\nconst ITEM_COUNT_MESSAGE = {\n  id: getTranslationKey('header.content.item-count'),\n  defaultMessage: '{count, plural, =1 {# item} other {# items}}',\n};\n\nconst SEARCH_RESULTS_COUNT_MESSAGES = {\n  both: {\n    id: getTranslationKey('header.search-results.count'),\n    defaultMessage:\n      '{numberFolders, plural, one {1 folder} other {# folders}} - {numberAssets, plural, one {1 asset} other {# assets}}',\n  },\n  folders: {\n    id: getTranslationKey('header.search-results.count.folders'),\n    defaultMessage: '{numberFolders, plural, one {1 folder} other {# folders}}',\n  },\n  assets: {\n    id: getTranslationKey('header.search-results.count.assets'),\n    defaultMessage: '{numberAssets, plural, =0 {0 assets} one {1 asset} other {# assets}}',\n  },\n};\n\nconst getSearchResultsCountMessage = (numberFolders: number, numberAssets: number) => {\n  if (numberFolders === 0) {\n    return SEARCH_RESULTS_COUNT_MESSAGES.assets;\n  }\n\n  if (numberAssets === 0) {\n    return SEARCH_RESULTS_COUNT_MESSAGES.folders;\n  }\n\n  return SEARCH_RESULTS_COUNT_MESSAGES.both;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsView\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsViewProps {\n  view: number;\n  folders: Folder[];\n  isLoadingFolders: boolean;\n  assets: File[];\n  isLoadingAssets: boolean;\n  isFetchingMore: boolean;\n  hasNextPage: boolean;\n  fetchNextPage: () => void;\n  error: unknown;\n  locations: ItemLocations;\n  searchQuery: string;\n  assetsSort: string;\n  foldersPosition: FoldersPosition;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  onAssetItemClick: (assetId: number) => void;\n  onAddAssets: () => void;\n  canAddAssets: boolean;\n  onClearSearch: () => void;\n}\n\nconst AssetsView = ({\n  view,\n  folders,\n  isLoadingFolders,\n  assets,\n  isLoadingAssets,\n  isFetchingMore,\n  hasNextPage,\n  fetchNextPage,\n  error,\n  locations,\n  searchQuery,\n  assetsSort,\n  foldersPosition,\n  hasActiveFilters,\n  onClearFilters,\n  onAssetItemClick,\n  onAddAssets,\n  canAddAssets,\n  onClearSearch,\n}: AssetsViewProps) => {\n  const { formatMessage } = useIntl();\n\n  const isGridView = view === viewOptions.GRID;\n  const isLoading = isLoadingAssets || isLoadingFolders;\n\n  // \"Folders: Mixed with files\" — interleave the complete folder list into the\n  // loaded asset stream client-side, following the active sort. Table view\n  // only: the grid always keeps folders in their own band on top.\n  const mixedItems = useMemo(\n    () =>\n      foldersPosition === 'mixed' && !isGridView\n        ? mergeMixedList({ folders, assets, sort: assetsSort, hasNextPage })\n        : null,\n    [foldersPosition, isGridView, folders, assets, assetsSort, hasNextPage]\n  );\n\n  // Derived once here so the table, the grid and the bulk bar all agree on what\n  // is on screen — in mixed mode that is not simply every folder.\n  const renderedKeys = buildRenderedKeys({ folders, assets, mixedItems });\n\n  const loadMoreRef = useInfiniteScrollSentinel({\n    hasNextPage,\n    isFetchingMore,\n    onLoadMore: fetchNextPage,\n    options: INTERSECTION_OPTIONS,\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) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.assets.error'),\n            defaultMessage: 'An error occurred while fetching assets.',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (folders.length === 0 && assets.length === 0) {\n    // While searching, the search empty state wins (it names the query); a\n    // filter-only dead end gets the filtered variant with its Clear action.\n    return hasActiveFilters && !searchQuery ? (\n      <FilteredEmptyState onClearFilters={onClearFilters} />\n    ) : (\n      <EmptyState\n        onAddAssets={onAddAssets}\n        canAddAssets={canAddAssets}\n        searchQuery={searchQuery}\n        onClearSearch={onClearSearch}\n      />\n    );\n  }\n  return (\n    <>\n      {/* Above both views so one instance serves either, and so the selection\n          menu has the `locations` its move dialog validates against. */}\n      <ItemContextMenuProvider locations={locations}>\n        {isGridView ? (\n          <AssetsGrid\n            folders={folders}\n            assets={assets}\n            renderedKeys={renderedKeys}\n            onAssetItemClick={onAssetItemClick}\n          />\n        ) : (\n          <AssetsTable\n            assets={assets}\n            folders={folders}\n            mixedItems={mixedItems}\n            renderedKeys={renderedKeys}\n            onAssetItemClick={onAssetItemClick}\n          />\n        )}\n      </ItemContextMenuProvider>\n      <div ref={loadMoreRef} style={{ height: 1 }} />\n      {isFetchingMore && (\n        <Flex justifyContent=\"center\" padding={4}>\n          <Loader>\n            {formatMessage({\n              id: getTranslationKey('list.assets.loading-more'),\n              defaultMessage: 'Loading more assets...',\n            })}\n          </Loader>\n        </Flex>\n      )}\n      {/* Lives here rather than in `AssetsPage` so it can read the loaded\n          assets: the AI metadata action needs their mime types to know what\n          the provider can handle. `position: fixed` keeps it visually anchored\n          regardless of where it sits in the tree. */}\n      <BulkActionsBar assets={assets} renderedKeys={renderedKeys} locations={locations} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ClearSelectionOnChange\n *\n * Selection is list-scoped: it resets when the user is looking at a different list.\n * The list fingerprint is getListQueryKey() — folder, search, sort, filter.\n *\n * Hybrid rule: infinite scroll does not change the key (selection persists), and\n * neither does the table/grid toggle — both views render the same list.\n * Search/sort/filter changes do (selection clears) — same mental model as folder nav.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ClearSelectionOnChangeProps {\n  listQueryKey: string;\n}\n\nconst ClearSelectionOnChange = ({ listQueryKey }: ClearSelectionOnChangeProps) => {\n  const { clear } = useAssetSelection();\n\n  useEffect(() => {\n    clear();\n  }, [listQueryKey, clear]);\n\n  return null;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsPage\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * Mirrors the design-system Toggle look (grey track, white active segment\n * card) — reproduced locally because the DS component is a labels-only\n * boolean input (no icons) and paints its left segment in danger red. Here\n * both segments use the primary blue when active.\n */\nconst StyledToggleGroup = styled(ToggleGroup.Root)`\n  display: flex;\n  padding: ${({ theme }) => theme.spaces[1]};\n  background: ${({ theme }) => theme.colors.neutral100};\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-radius: ${({ theme }) => theme.borderRadius};\n`;\n\nconst StyledToggleItem = styled(ToggleGroup.Item)`\n  display: flex;\n  flex: 1 1 50%;\n  align-items: center;\n  justify-content: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: 0.6rem ${({ theme }) => theme.spaces[3]};\n  border: 1px solid transparent;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  background: transparent;\n  color: ${({ theme }) => theme.colors.neutral600};\n  cursor: pointer;\n  font-size: ${({ theme }) => theme.fontSizes[1]};\n  font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n  white-space: nowrap;\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.neutral700};\n  }\n\n  &[data-state='on'] {\n    background: ${({ theme }) => theme.colors.neutral0};\n    border-color: ${({ theme }) => theme.colors.neutral200};\n    color: ${({ theme }) => theme.colors.primary600};\n  }\n\n  svg {\n    width: 1.6rem;\n    height: 1.6rem;\n  }\n`;\n\n// A single sticky header — same layout scrolled or not, so the toolbar\n// alignment can't reflow the way the shared sticky header did. Once the list\n// scrolls under it, it shrinks (reduced vertical padding + a shadow to lift it\n// off the rows), like the sticky headers elsewhere in the admin. Horizontal\n// padding stays responsive (passed as props); only the vertical rhythm + shadow\n// change here so they can animate.\nconst StickyHeader = styled(Box)<{ $compact: boolean }>`\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  /* Transparent at rest (the grey page shows through); an opaque background +\n     shadow appear only once it sticks and content scrolls under it. */\n  background: transparent;\n  /* Horizontal padding matches the list's default spacing (Layouts.Content /\n     RESPONSIVE_DEFAULT_SPACING: 4 / 6 / 10) so the header lines up with the rows. */\n  padding: ${({ theme }) => `${theme.spaces[6]} ${theme.spaces[4]}`};\n  transition:\n    padding 0.2s ease,\n    background 0.2s ease,\n    box-shadow 0.2s ease;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    padding-left: ${({ theme }) => theme.spaces[6]};\n    padding-right: ${({ theme }) => theme.spaces[6]};\n  }\n  ${({ theme }) => theme.breakpoints.large} {\n    padding-left: ${({ theme }) => theme.spaces[10]};\n    padding-right: ${({ theme }) => theme.spaces[10]};\n  }\n\n  /* Compacting is scoped to medium and up, where the header actually sticks. On\n     mobile it scrolls away with the list, so shrinking it mid-scroll animated a\n     header the user could no longer see — the transition read as a glitch on the\n     way back up rather than as the header settling. */\n  ${({ $compact, theme }) =>\n    $compact &&\n    css`\n      ${theme.breakpoints.medium} {\n        padding-top: ${theme.spaces[3]};\n        padding-bottom: ${theme.spaces[3]};\n        padding-left: ${theme.spaces[4]};\n        padding-right: ${theme.spaces[4]};\n        background: ${theme.colors.neutral0};\n        box-shadow: ${theme.shadows.tableShadow};\n      }\n      ${theme.breakpoints.large} {\n        padding-left: ${theme.spaces[6]};\n        padding-right: ${theme.spaces[6]};\n      }\n    `}\n`;\n\n// New button aligns with the title, not the toolbar.\nconst TitleRow = styled(Flex)`\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: ${({ theme }) => theme.spaces[4]};\n\n  h1 {\n    font-size: 1.8rem;\n  }\n`;\n\n// Two groups in source order (Filter, Search / Sort, Toggle). Mobile: stacked —\n// Filter+Search on row 1, Sort+Toggle on row 2. Desktop (large+): one row,\n// Filter+Search on the left, Sort+Toggle pushed right.\nconst Toolbar = styled(Flex)<{ $compact: boolean }>`\n  margin-top: ${({ theme }) => theme.spaces[5]};\n  flex-direction: column;\n  align-items: stretch;\n  gap: ${({ theme }) => theme.spaces[3]};\n  transition: margin-top 0.2s ease;\n\n  /* Tightening the gap to the title belongs to the compact header, so it is\n     scoped to the breakpoints that compact. On mobile the header never sticks,\n     and this was the last thing still shifting as the page scrolled. */\n  ${({ $compact, theme }) =>\n    $compact &&\n    css`\n      ${theme.breakpoints.medium} {\n        margin-top: ${theme.spaces[2]};\n      }\n    `}\n\n  ${({ theme }) => theme.breakpoints.large} {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n`;\n\nconst ToolbarGroup = styled(Flex)`\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[3]};\n`;\n\n// Filter + Search. On mobile the group fills the row (search grows into it);\n// on desktop it keeps its intrinsic size and sits at the left edge.\nconst FilterSearchGroup = styled(ToolbarGroup)``;\n\n// Sort + Toggle. Mobile: spread across the row (Sort left, Toggle right).\n// Desktop: sit together at the right edge (space-between on the toolbar leaves\n// the empty space between the search and here).\nconst SortToggleGroup = styled(ToolbarGroup)`\n  justify-content: space-between;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    justify-content: flex-end;\n    flex: 0 0 auto;\n  }\n`;\n\n// Fills the row on mobile; intrinsic width on desktop.\nconst SearchSlot = styled(Box)`\n  flex: 1;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    flex: 0 1 auto;\n  }\n`;\n\n// Toggle labels are hidden below desktop — icons only (buttons keep aria-label).\nconst ToggleLabel = styled.span`\n  display: none;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    display: inline;\n  }\n`;\n\nexport const AssetsPage = () => {\n  const { formatMessage } = useIntl();\n  const { openDetails } = useAssetDetailsParam();\n  const { canCreate, canUpdate } = useMediaLibraryPermissions();\n\n  const { currentFolderId, navigateToFolderId, navigateToRoot } = useFolderNavigation();\n  // Deleted or missing folders (404) need a fetch — handled here, not in\n  // `useFolderNavigation` (which only strips malformed ?folder= values).\n  const { error: currentFolderError } = useGetFolderQuery(\n    { id: currentFolderId! },\n    { skip: currentFolderId === null }\n  );\n\n  useEffect(() => {\n    if (currentFolderError?.name === 'NotFoundError') {\n      navigateToRoot();\n    }\n  }, [currentFolderError, navigateToRoot]);\n  const { title, itemCount } = useFolderInfo(currentFolderId);\n\n  const { searchQuery, isSearching, clearSearch } = useAssetSearch();\n  const listSort = useListSort();\n  const listFilters = useListFilters();\n\n  // Resolve relative presets against \"now\" only when the filters change —\n  // keeps the query args (and RTK cache keys) stable between renders.\n  const builtFilters = useMemo(\n    () => buildAssetFilters(listFilters.filters, new Date()),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- serialized is the value identity of filters\n    [listFilters.serialized]\n  );\n\n  const {\n    assets,\n    subscribers: assetPageSubscribers,\n    pagination,\n    isLoading: isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    error: assetsError,\n  } = useInfiniteAssets({\n    // The real folder is passed even while searching: the service drops the folder\n    // filter when `search` is set, so results are still global. List filters\n    // compose with both modes.\n    folder: currentFolderId,\n    search: searchQuery || undefined,\n    sort: listSort.assetsSort,\n    filters: builtFilters.fileClauses,\n    enabled: builtFilters.showFiles,\n  });\n\n  const { data: fetchedFolders = [], isLoading: isLoadingFolders } = useGetFoldersQuery(\n    {\n      parentId: currentFolderId,\n      search: searchQuery || undefined,\n      sort: listSort.foldersSort,\n      filters: builtFilters.folderClauses,\n    },\n    { skip: !builtFilters.showFolders }\n  );\n  // A type badge can exclude folders structurally (e.g. \"Type is Picture\").\n  const folders = useMemo(\n    () => (builtFilters.showFolders ? fetchedFolders : []),\n    [builtFilters.showFolders, fetchedFolders]\n  );\n\n  // Both move affordances (drag and the bulk bar) resolve each item's parent\n  // from the rows on screen — while searching, results are global and the\n  // folder currently open says nothing about where an item lives.\n  const itemLocations = useMemo(() => buildItemLocations(assets, folders), [assets, folders]);\n\n  const itemCountLabel = formatMessage(ITEM_COUNT_MESSAGE, { count: itemCount });\n\n  const searchResultsTitle = formatMessage(\n    {\n      id: getTranslationKey('header.search-results'),\n      defaultMessage: 'Search results for \"{query}\"',\n    },\n    { query: searchQuery }\n  );\n  const numberFolders = folders.length;\n  const numberAssets = pagination?.total ?? 0;\n\n  const searchResultsCountLabel = formatMessage(\n    getSearchResultsCountMessage(numberFolders, numberAssets),\n    { numberFolders, numberAssets }\n  );\n\n  let pageHeaderTitle: string;\n  if (isSearching) {\n    pageHeaderTitle = `${searchResultsTitle} (${searchResultsCountLabel})`;\n  } else if (title) {\n    pageHeaderTitle = `${title} (${itemCountLabel})`;\n  } else {\n    pageHeaderTitle = formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' });\n  }\n\n  const [isCreateFolderDialogOpen, setIsCreateFolderDialogOpen] = useState(false);\n\n  // View state\n  const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);\n  const isGridView = view === viewOptions.GRID;\n\n  // Dialog state\n  const [isUrlDialogOpen, setIsUrlDialogOpen] = useState(false);\n\n  // Refs\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadDropZoneRef = useRef<HTMLDivElement>(null);\n\n  // Shrink the sticky header once the list scrolls beneath it. A zero-height\n  // sentinel sits at the very top of the scroll content; when it leaves the\n  // viewport we're scrolled → compact.\n  const [isHeaderCompact, setIsHeaderCompact] = useState(false);\n  const onHeaderSentinelVisibility = useCallback(\n    (isVisible: boolean) => setIsHeaderCompact(!isVisible),\n    []\n  );\n  const headerSentinelRef = useElementOnScreen<HTMLDivElement>(\n    onHeaderSentinelVisibility,\n    HEADER_SENTINEL_OPTIONS\n  );\n\n  // Upload handlers\n  const [uploadFiles] = useUploadFilesMutation();\n  const [uploadFromUrls] = useUploadFromUrlsMutation();\n  // `concurrentUploadRequests` echoes the app config. Missing settings (still\n  // loading, no permission) fall back to sequential — never faster than the\n  // server asked for.\n  const { data: settings } = useGetUploadSettingsQuery();\n  const concurrency = settings?.data?.concurrentUploadRequests ?? 1;\n  // Drives the post-upload AI metadata phase shown per row in the progress\n  // dialog. No mime argument: the files are not known until they are picked,\n  // and the server filters the batch on the same allowlist anyway.\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n  const { trackUsage } = useTracking();\n\n  const uploadFilesToFolder = async (files: globalThis.File[], folderId: number | null) => {\n    if (files.length === 0) return;\n\n    // Mirror the legacy `willAddMediaLibraryAssets` payload: the count of files\n    // about to upload, broken down by asset type.\n    const assetsCountByType = files.reduce<Record<string, number>>((acc, file) => {\n      const type = typeFromMime(file.type);\n      acc[type] = (acc[type] ?? 0) + 1;\n      return acc;\n    }, {});\n    trackUsage('willAddMediaLibraryAssets', {\n      location: MEDIA_LIBRARY_LOCATION,\n      ...assetsCountByType,\n    });\n\n    const formData = new FormData();\n    const fileInfoArray: UploadFileInfo[] = [];\n\n    files.forEach((file) => {\n      formData.append('files', file);\n      fileInfoArray.push({\n        name: file.name,\n        caption: null,\n        alternativeText: null,\n        folder: folderId,\n      });\n    });\n\n    formData.append('fileInfo', JSON.stringify(fileInfoArray));\n    try {\n      await uploadFiles({\n        formData,\n        totalFiles: files.length,\n        concurrency,\n        generateAiMetadata: Boolean(isAiMetadataEnabled),\n      }).unwrap();\n    } catch {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  const handleFileSelect = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (e: ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files;\n    if (files && files.length > 0) {\n      trackUsage('didSelectFile', { source: 'computer', location: MEDIA_LIBRARY_LOCATION });\n      await uploadFilesToFolder(Array.from(files), currentFolderId);\n    }\n    e.target.value = '';\n  };\n\n  const handleDrop = async (files: globalThis.File[]) => {\n    // Defence in depth: the provider is `disabled` without `assets.create`\n    // (so onDrop won't fire), but guard here too in case it's ever wired live.\n    if (!canCreate) return;\n    trackUsage('didSelectFile', { source: 'computer', location: MEDIA_LIBRARY_LOCATION });\n    await uploadFilesToFolder(files, currentFolderId);\n  };\n\n  const handleUrlUpload = async (urls: string[]) => {\n    trackUsage('didSelectFile', { source: 'url', location: MEDIA_LIBRARY_LOCATION });\n    // Counts-by-type aren't available client-side for the URL flow (the server\n    // fetches the files), so this fires the event with location only.\n    trackUsage('willAddMediaLibraryAssets', { location: MEDIA_LIBRARY_LOCATION });\n    try {\n      await uploadFromUrls({\n        urls,\n        folderId: currentFolderId,\n        generateAiMetadata: Boolean(isAiMetadataEnabled),\n      }).unwrap();\n    } catch {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  // The view is deliberately absent: table and grid render the same list, so\n  // toggling views keeps the selection.\n  const listQueryKey = getListQueryKey({\n    folderId: currentFolderId,\n    search: searchQuery,\n    // Folder position changes the render order too — selection must reset.\n    sort: `${listSort.assetsSort};folders=${listSort.foldersPosition}`,\n    filter: listFilters.serialized || null,\n  });\n\n  const scrollAnchorRef = useListScrollRestoration(listQueryKey);\n\n  return (\n    <>\n      <UploadDropZoneProvider onDrop={handleDrop} disabled={!canCreate}>\n        <AssetSelectionProvider disabled={!canUpdate}>\n          <BusyAssetsProvider>\n            <AssetsDndProvider locations={itemLocations}>\n              <ClearSelectionOnChange listQueryKey={listQueryKey} />\n              <Layouts.Root\n                sideNav={\n                  <FolderTree\n                    currentFolderId={currentFolderId}\n                    showActiveFolder={!isSearching}\n                    onSelectFolder={navigateToFolderId}\n                    backgroundContextMenu={\n                      <MainAreaContextMenu\n                        disabled={!canCreate}\n                        containerSelector={FOLDER_TREE_ROOT_SELECTOR}\n                        onCreateFolder={() => setIsCreateFolderDialogOpen(true)}\n                        onImportFiles={handleFileSelect}\n                        onImportFromUrl={() => setIsUrlDialogOpen(true)}\n                      />\n                    }\n                  />\n                }\n              >\n                <Page.Main>\n                  <Box ref={uploadDropZoneRef}>\n                    <VisuallyHidden>\n                      <input type=\"file\" ref={fileInputRef} onChange={handleFileChange} multiple />\n                    </VisuallyHidden>\n\n                    {/* Zero-height marker: leaves the viewport as soon as the list\n                      scrolls, flipping the header into its compact state. */}\n                    <Box ref={headerSentinelRef} height={0} aria-hidden />\n                    <Box ref={scrollAnchorRef} height={0} aria-hidden />\n\n                    {/* Renders no wrapper: it listens on the scrolling column\n                        itself, so the header band and the padding below the list\n                        are both in the hit area. Interactive controls, the table\n                        header row and the list items are excluded — see\n                        MainAreaContextMenu. */}\n                    <MainAreaContextMenu\n                      disabled={!canCreate}\n                      locations={itemLocations}\n                      onCreateFolder={() => setIsCreateFolderDialogOpen(true)}\n                      onImportFiles={handleFileSelect}\n                      onImportFromUrl={() => setIsUrlDialogOpen(true)}\n                    />\n                    <StickyHeader $compact={isHeaderCompact}>\n                      <TitleRow>\n                        <Typography variant=\"alpha\" tag=\"h1\">\n                          {pageHeaderTitle}\n                        </Typography>\n                        {canCreate && (\n                          <SimpleMenu\n                            popoverPlacement=\"bottom-end\"\n                            variant=\"default\"\n                            endIcon={<ChevronDown />}\n                            label={formatMessage({\n                              id: getTranslationKey('new'),\n                              defaultMessage: 'New',\n                            })}\n                          >\n                            <MenuItem\n                              onSelect={() => setIsCreateFolderDialogOpen(true)}\n                              startIcon={<FolderIcon />}\n                            >\n                              {formatMessage({\n                                id: getTranslationKey('folder.create.title'),\n                                defaultMessage: 'New folder',\n                              })}\n                            </MenuItem>\n                            <MenuItem onSelect={handleFileSelect} startIcon={<Files />}>\n                              {formatMessage({\n                                id: getTranslationKey('import-files'),\n                                defaultMessage: 'File upload',\n                              })}\n                            </MenuItem>\n                            <MenuItem\n                              onSelect={() => setIsUrlDialogOpen(true)}\n                              startIcon={<Link />}\n                            >\n                              {formatMessage({\n                                id: getTranslationKey('import-from-url'),\n                                defaultMessage: 'File upload from URL',\n                              })}\n                            </MenuItem>\n                          </SimpleMenu>\n                        )}\n                      </TitleRow>\n\n                      <Toolbar $compact={isHeaderCompact}>\n                        <FilterSearchGroup>\n                          <Box>\n                            <FilterMenu listFilters={listFilters} />\n                          </Box>\n                          <SearchSlot>\n                            <AssetsSearchInput />\n                          </SearchSlot>\n                        </FilterSearchGroup>\n                        <SortToggleGroup>\n                          <Box>\n                            <SortMenu sort={listSort} showFoldersGroup={!isGridView} />\n                          </Box>\n                          <StyledToggleGroup\n                            type=\"single\"\n                            value={isGridView ? 'grid' : 'table'}\n                            onValueChange={(value) =>\n                              value &&\n                              setView(value === 'grid' ? viewOptions.GRID : viewOptions.TABLE)\n                            }\n                            aria-label={formatMessage({\n                              id: getTranslationKey('view.switch.label'),\n                              defaultMessage: 'View options',\n                            })}\n                          >\n                            <StyledToggleItem\n                              value=\"table\"\n                              aria-label={formatMessage({\n                                id: getTranslationKey('view.table'),\n                                defaultMessage: 'Table view',\n                              })}\n                            >\n                              <List />\n                              <ToggleLabel>\n                                {formatMessage({\n                                  id: getTranslationKey('view.table'),\n                                  defaultMessage: 'Table view',\n                                })}\n                              </ToggleLabel>\n                            </StyledToggleItem>\n                            <StyledToggleItem\n                              value=\"grid\"\n                              aria-label={formatMessage({\n                                id: getTranslationKey('view.grid'),\n                                defaultMessage: 'Grid view',\n                              })}\n                            >\n                              <GridIcon />\n                              <ToggleLabel>\n                                {formatMessage({\n                                  id: getTranslationKey('view.grid'),\n                                  defaultMessage: 'Grid view',\n                                })}\n                              </ToggleLabel>\n                            </StyledToggleItem>\n                          </StyledToggleGroup>\n                        </SortToggleGroup>\n                      </Toolbar>\n\n                      <FilterBadges listFilters={listFilters} compact={isHeaderCompact} />\n                    </StickyHeader>\n\n                    <Layouts.Content>\n                      {/* Renders nothing — keeps every loaded page's query subscribed\n                          so a rename/delete refreshes the whole list. */}\n                      {assetPageSubscribers}\n                      <DropZoneWithOverlay>\n                        <DropFilesMessage\n                          uploadDropZoneRef={uploadDropZoneRef}\n                          folderName={title}\n                        />\n                        <AssetsView\n                          view={view}\n                          folders={folders}\n                          isLoadingFolders={isLoadingFolders}\n                          assets={assets}\n                          isLoadingAssets={isLoadingAssets}\n                          isFetchingMore={isFetchingMore}\n                          hasNextPage={hasNextPage}\n                          fetchNextPage={fetchNextPage}\n                          error={assetsError}\n                          locations={itemLocations}\n                          searchQuery={searchQuery}\n                          assetsSort={listSort.assetsSort}\n                          foldersPosition={listSort.foldersPosition}\n                          hasActiveFilters={listFilters.filters.length > 0}\n                          onClearFilters={listFilters.clearFilters}\n                          onAssetItemClick={openDetails}\n                          onAddAssets={handleFileSelect}\n                          canAddAssets={canCreate}\n                          onClearSearch={clearSearch}\n                        />\n                      </DropZoneWithOverlay>\n                    </Layouts.Content>\n                  </Box>\n                </Page.Main>\n              </Layouts.Root>\n            </AssetsDndProvider>\n          </BusyAssetsProvider>\n        </AssetSelectionProvider>\n      </UploadDropZoneProvider>\n      <FolderFormDialog\n        open={isCreateFolderDialogOpen}\n        mode=\"create\"\n        parentFolderName={title}\n        parentFolderId={currentFolderId}\n        onClose={() => setIsCreateFolderDialogOpen(false)}\n      />\n      <ImportFromUrlDialog\n        open={isUrlDialogOpen}\n        onClose={() => setIsUrlDialogOpen(false)}\n        onUpload={handleUrlUpload}\n      />\n      <AssetDetailsDrawer />\n    </>\n  );\n};\n"],"names":["INTERSECTION_OPTIONS","threshold","rootMargin","HEADER_SENTINEL_OPTIONS","ITEM_COUNT_MESSAGE","id","getTranslationKey","defaultMessage","SEARCH_RESULTS_COUNT_MESSAGES","both","folders","assets","getSearchResultsCountMessage","numberFolders","numberAssets","AssetsView","view","isLoadingFolders","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","error","locations","searchQuery","assetsSort","foldersPosition","hasActiveFilters","onClearFilters","onAssetItemClick","onAddAssets","canAddAssets","onClearSearch","formatMessage","useIntl","isGridView","viewOptions","GRID","isLoading","mixedItems","useMemo","mergeMixedList","sort","renderedKeys","buildRenderedKeys","loadMoreRef","useInfiniteScrollSentinel","onLoadMore","options","_jsx","Flex","justifyContent","padding","Loader","Box","Typography","textColor","length","FilteredEmptyState","EmptyState","_jsxs","_Fragment","ItemContextMenuProvider","AssetsGrid","AssetsTable","div","ref","style","height","BulkActionsBar","ClearSelectionOnChange","listQueryKey","clear","useAssetSelection","useEffect","StyledToggleGroup","styled","ToggleGroup","Root","theme","spaces","colors","neutral100","neutral200","borderRadius","StyledToggleItem","Item","neutral600","fontSizes","fontWeights","semiBold","neutral700","neutral0","primary600","StickyHeader","breakpoints","medium","large","$compact","css","shadows","tableShadow","TitleRow","Toolbar","ToolbarGroup","FilterSearchGroup","SortToggleGroup","SearchSlot","ToggleLabel","span","AssetsPage","openDetails","useAssetDetailsParam","canCreate","canUpdate","useMediaLibraryPermissions","currentFolderId","navigateToFolderId","navigateToRoot","useFolderNavigation","currentFolderError","useGetFolderQuery","skip","name","title","itemCount","useFolderInfo","isSearching","clearSearch","useAssetSearch","listSort","useListSort","listFilters","useListFilters","builtFilters","buildAssetFilters","filters","Date","serialized","subscribers","assetPageSubscribers","pagination","assetsError","useInfiniteAssets","folder","search","undefined","fileClauses","enabled","showFiles","data","fetchedFolders","useGetFoldersQuery","parentId","foldersSort","folderClauses","showFolders","itemLocations","buildItemLocations","itemCountLabel","count","searchResultsTitle","query","total","searchResultsCountLabel","pageHeaderTitle","isCreateFolderDialogOpen","setIsCreateFolderDialogOpen","useState","setView","usePersistentState","localStorageKeys","isUrlDialogOpen","setIsUrlDialogOpen","fileInputRef","useRef","uploadDropZoneRef","isHeaderCompact","setIsHeaderCompact","onHeaderSentinelVisibility","useCallback","isVisible","headerSentinelRef","useElementOnScreen","uploadFiles","useUploadFilesMutation","uploadFromUrls","useUploadFromUrlsMutation","settings","useGetUploadSettingsQuery","concurrency","concurrentUploadRequests","isAiMetadataEnabled","useAIMetadataEnabled","trackUsage","useTracking","uploadFilesToFolder","files","folderId","assetsCountByType","reduce","acc","file","type","typeFromMime","location","MEDIA_LIBRARY_LOCATION","formData","FormData","fileInfoArray","forEach","append","push","caption","alternativeText","JSON","stringify","totalFiles","generateAiMetadata","Boolean","unwrap","handleFileSelect","current","click","handleFileChange","e","target","source","Array","from","value","handleDrop","handleUrlUpload","urls","getListQueryKey","filter","scrollAnchorRef","useListScrollRestoration","UploadDropZoneProvider","onDrop","disabled","AssetSelectionProvider","BusyAssetsProvider","AssetsDndProvider","Layouts","sideNav","FolderTree","showActiveFolder","onSelectFolder","backgroundContextMenu","MainAreaContextMenu","containerSelector","FOLDER_TREE_ROOT_SELECTOR","onCreateFolder","onImportFiles","onImportFromUrl","Page","Main","VisuallyHidden","input","onChange","multiple","aria-hidden","variant","tag","SimpleMenu","popoverPlacement","endIcon","ChevronDown","label","MenuItem","onSelect","startIcon","FolderIcon","Files","Link","FilterMenu","AssetsSearchInput","SortMenu","showFoldersGroup","onValueChange","TABLE","aria-label","List","GridIcon","FilterBadges","compact","Content","DropZoneWithOverlay","DropFilesMessage","folderName","clearFilters","FolderFormDialog","open","mode","parentFolderName","parentFolderId","onClose","ImportFromUrlDialog","onUpload","AssetDetailsDrawer"],"mappings":"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"}
+{"version":3,"file":"AssetsPage.mjs","sources":["../../../../admin/src/pages/Assets/AssetsPage.tsx"],"sourcesContent":["import { useRef, useCallback, useMemo, useState, useEffect, type ChangeEvent } from 'react';\n\nimport { Layouts, Page, useElementOnScreen, usePersistentState } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, MenuItem, SimpleMenu, Typography, VisuallyHidden } from '@strapi/design-system';\nimport { ChevronDown, Files, Folder as FolderIcon, Link } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { useAIMetadataEnabled } from '../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions';\nimport { useTracking, MEDIA_LIBRARY_LOCATION } from '../../hooks/useTracking';\nimport { useUploadFromUrlsMutation, useUploadFilesMutation } from '../../services/api';\nimport { useGetUploadSettingsQuery } from '../../services/settings';\nimport { buildItemLocations } from '../../utils/itemLocations';\nimport { getTranslationKey } from '../../utils/translations';\nimport { typeFromMime } from '../../utils/typeFromMime';\n\nimport {\n  AssetDetailsDrawer,\n  useAssetDetailsParam,\n} from './components/AssetDetails/AssetDetailsDrawer';\nimport { AssetsSearchInput } from './components/AssetsSearchInput';\nimport { AssetsView } from './components/AssetsView';\nimport { AssetsDndProvider } from './components/Dnd/AssetsDndProvider';\nimport { DropFilesMessage, DropZoneWithOverlay } from './components/DropZone/UploadDropZone';\nimport { UploadDropZoneProvider } from './components/DropZone/UploadDropZoneContext';\nimport { FilterBadges } from './components/FilterBadges';\nimport { FilterMenu } from './components/FilterMenu';\nimport { FolderFormDialog } from './components/FolderFormDialog';\nimport { FOLDER_TREE_ROOT_SELECTOR, FolderTree } from './components/FolderTree/FolderTree';\nimport { ImportFromUrlDialog } from './components/ImportFromUrlDialog';\nimport { MainAreaContextMenu } from './components/MainAreaContextMenu';\nimport { SortMenu } from './components/SortMenu';\nimport { ViewToggle } from './components/ViewToggle';\nimport { localStorageKeys, viewOptions } from './constants';\nimport { AssetSelectionProvider, useAssetSelection } from './hooks/useAssetSelection';\nimport { useAssetsList } from './hooks/useAssetsList';\nimport { BusyAssetsProvider } from './hooks/useBusyAssets';\nimport { useFolderInfo } from './hooks/useFolderInfo';\nimport { useListScrollRestoration } from './hooks/useListScrollRestoration';\nimport { getListQueryKey } from './utils/listQueryKey';\n\nimport type { UploadFileInfo } from '../../../../shared/contracts/files';\n\n// Module-level so the header sentinel's observer isn't rebuilt every render.\nconst HEADER_SENTINEL_OPTIONS: IntersectionObserverInit = { threshold: 0 };\n\nconst ITEM_COUNT_MESSAGE = {\n  id: getTranslationKey('header.content.item-count'),\n  defaultMessage: '{count, plural, =1 {# item} other {# items}}',\n};\n\nconst SEARCH_RESULTS_COUNT_MESSAGES = {\n  both: {\n    id: getTranslationKey('header.search-results.count'),\n    defaultMessage:\n      '{numberFolders, plural, one {1 folder} other {# folders}} - {numberAssets, plural, one {1 asset} other {# assets}}',\n  },\n  folders: {\n    id: getTranslationKey('header.search-results.count.folders'),\n    defaultMessage: '{numberFolders, plural, one {1 folder} other {# folders}}',\n  },\n  assets: {\n    id: getTranslationKey('header.search-results.count.assets'),\n    defaultMessage: '{numberAssets, plural, =0 {0 assets} one {1 asset} other {# assets}}',\n  },\n};\n\nconst getSearchResultsCountMessage = (numberFolders: number, numberAssets: number) => {\n  if (numberFolders === 0) {\n    return SEARCH_RESULTS_COUNT_MESSAGES.assets;\n  }\n\n  if (numberAssets === 0) {\n    return SEARCH_RESULTS_COUNT_MESSAGES.folders;\n  }\n\n  return SEARCH_RESULTS_COUNT_MESSAGES.both;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ClearSelectionOnChange\n *\n * Selection is list-scoped: it resets when the user is looking at a different list.\n * The list fingerprint is getListQueryKey() — folder, search, sort, filter.\n *\n * Hybrid rule: infinite scroll does not change the key (selection persists), and\n * neither does the table/grid toggle — both views render the same list.\n * Search/sort/filter changes do (selection clears) — same mental model as folder nav.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ClearSelectionOnChangeProps {\n  listQueryKey: string;\n}\n\nconst ClearSelectionOnChange = ({ listQueryKey }: ClearSelectionOnChangeProps) => {\n  const { clear } = useAssetSelection();\n\n  useEffect(() => {\n    clear();\n  }, [listQueryKey, clear]);\n\n  return null;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsPage\n * -----------------------------------------------------------------------------------------------*/\n\n// A single sticky header — same layout scrolled or not, so the toolbar\n// alignment can't reflow the way the shared sticky header did. Once the list\n// scrolls under it, it shrinks (reduced vertical padding + a shadow to lift it\n// off the rows), like the sticky headers elsewhere in the admin. Horizontal\n// padding stays responsive (passed as props); only the vertical rhythm + shadow\n// change here so they can animate.\nconst StickyHeader = styled(Box)<{ $compact: boolean }>`\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  /* Transparent at rest (the grey page shows through); an opaque background +\n     shadow appear only once it sticks and content scrolls under it. */\n  background: transparent;\n  /* Horizontal padding matches the list's default spacing (Layouts.Content /\n     RESPONSIVE_DEFAULT_SPACING: 4 / 6 / 10) so the header lines up with the rows. */\n  padding: ${({ theme }) => `${theme.spaces[6]} ${theme.spaces[4]}`};\n  transition:\n    padding 0.2s ease,\n    background 0.2s ease,\n    box-shadow 0.2s ease;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    padding-left: ${({ theme }) => theme.spaces[6]};\n    padding-right: ${({ theme }) => theme.spaces[6]};\n  }\n  ${({ theme }) => theme.breakpoints.large} {\n    padding-left: ${({ theme }) => theme.spaces[10]};\n    padding-right: ${({ theme }) => theme.spaces[10]};\n  }\n\n  /* Compacting is scoped to medium and up, where the header actually sticks. On\n     mobile it scrolls away with the list, so shrinking it mid-scroll animated a\n     header the user could no longer see — the transition read as a glitch on the\n     way back up rather than as the header settling. */\n  ${({ $compact, theme }) =>\n    $compact &&\n    css`\n      ${theme.breakpoints.medium} {\n        padding-top: ${theme.spaces[3]};\n        padding-bottom: ${theme.spaces[3]};\n        padding-left: ${theme.spaces[4]};\n        padding-right: ${theme.spaces[4]};\n        background: ${theme.colors.neutral0};\n        box-shadow: ${theme.shadows.tableShadow};\n      }\n      ${theme.breakpoints.large} {\n        padding-left: ${theme.spaces[6]};\n        padding-right: ${theme.spaces[6]};\n      }\n    `}\n`;\n\n// New button aligns with the title, not the toolbar.\nconst TitleRow = styled(Flex)`\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: ${({ theme }) => theme.spaces[4]};\n\n  h1 {\n    font-size: 1.8rem;\n  }\n`;\n\n// Two groups in source order (Filter, Search / Sort, Toggle). Mobile: stacked —\n// Filter+Search on row 1, Sort+Toggle on row 2. Desktop (large+): one row,\n// Filter+Search on the left, Sort+Toggle pushed right.\nconst Toolbar = styled(Flex)<{ $compact: boolean }>`\n  margin-top: ${({ theme }) => theme.spaces[5]};\n  flex-direction: column;\n  align-items: stretch;\n  gap: ${({ theme }) => theme.spaces[3]};\n  transition: margin-top 0.2s ease;\n\n  /* Tightening the gap to the title belongs to the compact header, so it is\n     scoped to the breakpoints that compact. On mobile the header never sticks,\n     and this was the last thing still shifting as the page scrolled. */\n  ${({ $compact, theme }) =>\n    $compact &&\n    css`\n      ${theme.breakpoints.medium} {\n        margin-top: ${theme.spaces[2]};\n      }\n    `}\n\n  ${({ theme }) => theme.breakpoints.large} {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n`;\n\nconst ToolbarGroup = styled(Flex)`\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[3]};\n`;\n\n// Filter + Search. On mobile the group fills the row (search grows into it);\n// on desktop it keeps its intrinsic size and sits at the left edge.\nconst FilterSearchGroup = styled(ToolbarGroup)``;\n\n// Sort + Toggle. Mobile: spread across the row (Sort left, Toggle right).\n// Desktop: sit together at the right edge (space-between on the toolbar leaves\n// the empty space between the search and here).\nconst SortToggleGroup = styled(ToolbarGroup)`\n  justify-content: space-between;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    justify-content: flex-end;\n    flex: 0 0 auto;\n  }\n`;\n\n// Fills the row on mobile; intrinsic width on desktop.\nconst SearchSlot = styled(Box)`\n  flex: 1;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    flex: 0 1 auto;\n  }\n`;\n\nexport const AssetsPage = () => {\n  const { formatMessage } = useIntl();\n  const { openDetails } = useAssetDetailsParam();\n  const { canCreate, canUpdate } = useMediaLibraryPermissions();\n\n  const {\n    currentFolderId,\n    navigateToFolderId,\n    searchQuery,\n    isSearching,\n    clearSearch,\n    listSort,\n    listFilters,\n    assets,\n    subscribers: assetPageSubscribers,\n    pagination,\n    isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    assetsError,\n    folders,\n    isLoadingFolders,\n  } = useAssetsList();\n  const { title, itemCount } = useFolderInfo(currentFolderId);\n\n  // Both move affordances (drag and the bulk bar) resolve each item's parent\n  // from the rows on screen — while searching, results are global and the\n  // folder currently open says nothing about where an item lives.\n  const itemLocations = useMemo(() => buildItemLocations(assets, folders), [assets, folders]);\n\n  const itemCountLabel = formatMessage(ITEM_COUNT_MESSAGE, { count: itemCount });\n\n  const searchResultsTitle = formatMessage(\n    {\n      id: getTranslationKey('header.search-results'),\n      defaultMessage: 'Search results for \"{query}\"',\n    },\n    { query: searchQuery }\n  );\n  const numberFolders = folders.length;\n  const numberAssets = pagination?.total ?? 0;\n\n  const searchResultsCountLabel = formatMessage(\n    getSearchResultsCountMessage(numberFolders, numberAssets),\n    { numberFolders, numberAssets }\n  );\n\n  let pageHeaderTitle: string;\n  if (isSearching) {\n    pageHeaderTitle = `${searchResultsTitle} (${searchResultsCountLabel})`;\n  } else if (title) {\n    pageHeaderTitle = `${title} (${itemCountLabel})`;\n  } else {\n    pageHeaderTitle = formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' });\n  }\n\n  const [isCreateFolderDialogOpen, setIsCreateFolderDialogOpen] = useState(false);\n\n  // View state\n  const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);\n  const isGridView = view === viewOptions.GRID;\n\n  // Dialog state\n  const [isUrlDialogOpen, setIsUrlDialogOpen] = useState(false);\n\n  // Refs\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadDropZoneRef = useRef<HTMLDivElement>(null);\n\n  // Shrink the sticky header once the list scrolls beneath it. A zero-height\n  // sentinel sits at the very top of the scroll content; when it leaves the\n  // viewport we're scrolled → compact.\n  const [isHeaderCompact, setIsHeaderCompact] = useState(false);\n  const onHeaderSentinelVisibility = useCallback(\n    (isVisible: boolean) => setIsHeaderCompact(!isVisible),\n    []\n  );\n  const headerSentinelRef = useElementOnScreen<HTMLDivElement>(\n    onHeaderSentinelVisibility,\n    HEADER_SENTINEL_OPTIONS\n  );\n\n  // Upload handlers\n  const [uploadFiles] = useUploadFilesMutation();\n  const [uploadFromUrls] = useUploadFromUrlsMutation();\n  // `concurrentUploadRequests` echoes the app config. Missing settings (still\n  // loading, no permission) fall back to sequential — never faster than the\n  // server asked for.\n  const { data: settings } = useGetUploadSettingsQuery();\n  const concurrency = settings?.data?.concurrentUploadRequests ?? 1;\n  // Drives the post-upload AI metadata phase shown per row in the progress\n  // dialog. No mime argument: the files are not known until they are picked,\n  // and the server filters the batch on the same allowlist anyway.\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n  const { trackUsage } = useTracking();\n\n  const uploadFilesToFolder = async (files: globalThis.File[], folderId: number | null) => {\n    if (files.length === 0) return;\n\n    // Mirror the legacy `willAddMediaLibraryAssets` payload: the count of files\n    // about to upload, broken down by asset type.\n    const assetsCountByType = files.reduce<Record<string, number>>((acc, file) => {\n      const type = typeFromMime(file.type);\n      acc[type] = (acc[type] ?? 0) + 1;\n      return acc;\n    }, {});\n    trackUsage('willAddMediaLibraryAssets', {\n      location: MEDIA_LIBRARY_LOCATION,\n      ...assetsCountByType,\n    });\n\n    const formData = new FormData();\n    const fileInfoArray: UploadFileInfo[] = [];\n\n    files.forEach((file) => {\n      formData.append('files', file);\n      fileInfoArray.push({\n        name: file.name,\n        caption: null,\n        alternativeText: null,\n        folder: folderId,\n      });\n    });\n\n    formData.append('fileInfo', JSON.stringify(fileInfoArray));\n    try {\n      await uploadFiles({\n        formData,\n        totalFiles: files.length,\n        concurrency,\n        generateAiMetadata: Boolean(isAiMetadataEnabled),\n      }).unwrap();\n    } catch {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  const handleFileSelect = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (e: ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files;\n    if (files && files.length > 0) {\n      trackUsage('didSelectFile', { source: 'computer', location: MEDIA_LIBRARY_LOCATION });\n      await uploadFilesToFolder(Array.from(files), currentFolderId);\n    }\n    e.target.value = '';\n  };\n\n  const handleDrop = async (files: globalThis.File[]) => {\n    // Defence in depth: the provider is `disabled` without `assets.create`\n    // (so onDrop won't fire), but guard here too in case it's ever wired live.\n    if (!canCreate) return;\n    trackUsage('didSelectFile', { source: 'computer', location: MEDIA_LIBRARY_LOCATION });\n    await uploadFilesToFolder(files, currentFolderId);\n  };\n\n  const handleUrlUpload = async (urls: string[]) => {\n    trackUsage('didSelectFile', { source: 'url', location: MEDIA_LIBRARY_LOCATION });\n    // Counts-by-type aren't available client-side for the URL flow (the server\n    // fetches the files), so this fires the event with location only.\n    trackUsage('willAddMediaLibraryAssets', { location: MEDIA_LIBRARY_LOCATION });\n    try {\n      await uploadFromUrls({\n        urls,\n        folderId: currentFolderId,\n        generateAiMetadata: Boolean(isAiMetadataEnabled),\n      }).unwrap();\n    } catch {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  // The view is deliberately absent: table and grid render the same list, so\n  // toggling views keeps the selection.\n  const listQueryKey = getListQueryKey({\n    folderId: currentFolderId,\n    search: searchQuery,\n    // Folder position changes the render order too — selection must reset.\n    sort: `${listSort.assetsSort};folders=${listSort.foldersPosition}`,\n    filter: listFilters.serialized || null,\n  });\n\n  const scrollAnchorRef = useListScrollRestoration(listQueryKey);\n\n  return (\n    <>\n      <UploadDropZoneProvider onDrop={handleDrop} disabled={!canCreate}>\n        <AssetSelectionProvider disabled={!canUpdate}>\n          <BusyAssetsProvider>\n            <AssetsDndProvider locations={itemLocations}>\n              <ClearSelectionOnChange listQueryKey={listQueryKey} />\n              <Layouts.Root\n                sideNav={\n                  <FolderTree\n                    currentFolderId={currentFolderId}\n                    showActiveFolder={!isSearching}\n                    onSelectFolder={navigateToFolderId}\n                    backgroundContextMenu={\n                      <MainAreaContextMenu\n                        disabled={!canCreate}\n                        containerSelector={FOLDER_TREE_ROOT_SELECTOR}\n                        onCreateFolder={() => setIsCreateFolderDialogOpen(true)}\n                        onImportFiles={handleFileSelect}\n                        onImportFromUrl={() => setIsUrlDialogOpen(true)}\n                      />\n                    }\n                  />\n                }\n              >\n                <Page.Main>\n                  <Box ref={uploadDropZoneRef}>\n                    <VisuallyHidden>\n                      <input type=\"file\" ref={fileInputRef} onChange={handleFileChange} multiple />\n                    </VisuallyHidden>\n\n                    {/* Zero-height marker: leaves the viewport as soon as the list\n                      scrolls, flipping the header into its compact state. */}\n                    <Box ref={headerSentinelRef} height={0} aria-hidden />\n                    <Box ref={scrollAnchorRef} height={0} aria-hidden />\n\n                    {/* Renders no wrapper: it listens on the scrolling column\n                        itself, so the header band and the padding below the list\n                        are both in the hit area. Interactive controls, the table\n                        header row and the list items are excluded — see\n                        MainAreaContextMenu. */}\n                    <MainAreaContextMenu\n                      disabled={!canCreate}\n                      locations={itemLocations}\n                      onCreateFolder={() => setIsCreateFolderDialogOpen(true)}\n                      onImportFiles={handleFileSelect}\n                      onImportFromUrl={() => setIsUrlDialogOpen(true)}\n                    />\n                    <StickyHeader $compact={isHeaderCompact}>\n                      <TitleRow>\n                        <Typography variant=\"alpha\" tag=\"h1\">\n                          {pageHeaderTitle}\n                        </Typography>\n                        {canCreate && (\n                          <SimpleMenu\n                            popoverPlacement=\"bottom-end\"\n                            variant=\"default\"\n                            endIcon={<ChevronDown />}\n                            label={formatMessage({\n                              id: getTranslationKey('new'),\n                              defaultMessage: 'New',\n                            })}\n                          >\n                            <MenuItem\n                              onSelect={() => setIsCreateFolderDialogOpen(true)}\n                              startIcon={<FolderIcon />}\n                            >\n                              {formatMessage({\n                                id: getTranslationKey('folder.create.title'),\n                                defaultMessage: 'New folder',\n                              })}\n                            </MenuItem>\n                            <MenuItem onSelect={handleFileSelect} startIcon={<Files />}>\n                              {formatMessage({\n                                id: getTranslationKey('import-files'),\n                                defaultMessage: 'File upload',\n                              })}\n                            </MenuItem>\n                            <MenuItem\n                              onSelect={() => setIsUrlDialogOpen(true)}\n                              startIcon={<Link />}\n                            >\n                              {formatMessage({\n                                id: getTranslationKey('import-from-url'),\n                                defaultMessage: 'File upload from URL',\n                              })}\n                            </MenuItem>\n                          </SimpleMenu>\n                        )}\n                      </TitleRow>\n\n                      <Toolbar $compact={isHeaderCompact}>\n                        <FilterSearchGroup>\n                          <Box>\n                            <FilterMenu listFilters={listFilters} />\n                          </Box>\n                          <SearchSlot>\n                            <AssetsSearchInput />\n                          </SearchSlot>\n                        </FilterSearchGroup>\n                        <SortToggleGroup>\n                          <Box>\n                            <SortMenu sort={listSort} showFoldersGroup={!isGridView} />\n                          </Box>\n                          <ViewToggle view={view} onChange={setView} />\n                        </SortToggleGroup>\n                      </Toolbar>\n\n                      <FilterBadges listFilters={listFilters} compact={isHeaderCompact} />\n                    </StickyHeader>\n\n                    <Layouts.Content>\n                      {/* Renders nothing — keeps every loaded page's query subscribed\n                          so a rename/delete refreshes the whole list. */}\n                      {assetPageSubscribers}\n                      <DropZoneWithOverlay>\n                        <DropFilesMessage\n                          uploadDropZoneRef={uploadDropZoneRef}\n                          folderName={title}\n                        />\n                        <AssetsView\n                          view={view}\n                          folders={folders}\n                          isLoadingFolders={isLoadingFolders}\n                          assets={assets}\n                          isLoadingAssets={isLoadingAssets}\n                          isFetchingMore={isFetchingMore}\n                          hasNextPage={hasNextPage}\n                          fetchNextPage={fetchNextPage}\n                          error={assetsError}\n                          locations={itemLocations}\n                          searchQuery={searchQuery}\n                          assetsSort={listSort.assetsSort}\n                          foldersPosition={listSort.foldersPosition}\n                          hasActiveFilters={listFilters.filters.length > 0}\n                          onClearFilters={listFilters.clearFilters}\n                          onAssetItemClick={openDetails}\n                          onAddAssets={handleFileSelect}\n                          canAddAssets={canCreate}\n                          onClearSearch={clearSearch}\n                        />\n                      </DropZoneWithOverlay>\n                    </Layouts.Content>\n                  </Box>\n                </Page.Main>\n              </Layouts.Root>\n            </AssetsDndProvider>\n          </BusyAssetsProvider>\n        </AssetSelectionProvider>\n      </UploadDropZoneProvider>\n      <FolderFormDialog\n        open={isCreateFolderDialogOpen}\n        mode=\"create\"\n        parentFolderName={title}\n        parentFolderId={currentFolderId}\n        onClose={() => setIsCreateFolderDialogOpen(false)}\n      />\n      <ImportFromUrlDialog\n        open={isUrlDialogOpen}\n        onClose={() => setIsUrlDialogOpen(false)}\n        onUpload={handleUrlUpload}\n      />\n      <AssetDetailsDrawer />\n    </>\n  );\n};\n"],"names":["HEADER_SENTINEL_OPTIONS","threshold","ITEM_COUNT_MESSAGE","id","getTranslationKey","defaultMessage","SEARCH_RESULTS_COUNT_MESSAGES","both","folders","assets","getSearchResultsCountMessage","numberFolders","numberAssets","ClearSelectionOnChange","listQueryKey","clear","useAssetSelection","useEffect","StickyHeader","styled","Box","theme","spaces","breakpoints","medium","large","$compact","css","colors","neutral0","shadows","tableShadow","TitleRow","Flex","Toolbar","ToolbarGroup","FilterSearchGroup","SortToggleGroup","SearchSlot","AssetsPage","formatMessage","useIntl","openDetails","useAssetDetailsParam","canCreate","canUpdate","useMediaLibraryPermissions","currentFolderId","navigateToFolderId","searchQuery","isSearching","clearSearch","listSort","listFilters","subscribers","assetPageSubscribers","pagination","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","assetsError","isLoadingFolders","useAssetsList","title","itemCount","useFolderInfo","itemLocations","useMemo","buildItemLocations","itemCountLabel","count","searchResultsTitle","query","length","total","searchResultsCountLabel","pageHeaderTitle","isCreateFolderDialogOpen","setIsCreateFolderDialogOpen","useState","view","setView","usePersistentState","localStorageKeys","viewOptions","GRID","isGridView","isUrlDialogOpen","setIsUrlDialogOpen","fileInputRef","useRef","uploadDropZoneRef","isHeaderCompact","setIsHeaderCompact","onHeaderSentinelVisibility","useCallback","isVisible","headerSentinelRef","useElementOnScreen","uploadFiles","useUploadFilesMutation","uploadFromUrls","useUploadFromUrlsMutation","data","settings","useGetUploadSettingsQuery","concurrency","concurrentUploadRequests","isAiMetadataEnabled","useAIMetadataEnabled","trackUsage","useTracking","uploadFilesToFolder","files","folderId","assetsCountByType","reduce","acc","file","type","typeFromMime","location","MEDIA_LIBRARY_LOCATION","formData","FormData","fileInfoArray","forEach","append","push","name","caption","alternativeText","folder","JSON","stringify","totalFiles","generateAiMetadata","Boolean","unwrap","handleFileSelect","current","click","handleFileChange","e","target","source","Array","from","value","handleDrop","handleUrlUpload","urls","getListQueryKey","search","sort","assetsSort","foldersPosition","filter","serialized","scrollAnchorRef","useListScrollRestoration","_jsxs","_Fragment","_jsx","UploadDropZoneProvider","onDrop","disabled","AssetSelectionProvider","BusyAssetsProvider","AssetsDndProvider","locations","Layouts","Root","sideNav","FolderTree","showActiveFolder","onSelectFolder","backgroundContextMenu","MainAreaContextMenu","containerSelector","FOLDER_TREE_ROOT_SELECTOR","onCreateFolder","onImportFiles","onImportFromUrl","Page","Main","ref","VisuallyHidden","input","onChange","multiple","height","aria-hidden","Typography","variant","tag","SimpleMenu","popoverPlacement","endIcon","ChevronDown","label","MenuItem","onSelect","startIcon","FolderIcon","Files","Link","FilterMenu","AssetsSearchInput","SortMenu","showFoldersGroup","ViewToggle","FilterBadges","compact","Content","DropZoneWithOverlay","DropFilesMessage","folderName","AssetsView","error","hasActiveFilters","filters","onClearFilters","clearFilters","onAssetItemClick","onAddAssets","canAddAssets","onClearSearch","FolderFormDialog","open","mode","parentFolderName","parentFolderId","onClose","ImportFromUrlDialog","onUpload","AssetDetailsDrawer"],"mappings":"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"}

package/dist/admin/pages/Assets/components/AssetsGrid.js

@@ -7,7 +7,7 @@ var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
 var TruncatedText = require('../../../components/TruncatedText.js');
 var enums = require('../../../enums.js');
-var useMediaLibraryPermissions = require('../../../hooks/useMediaLibraryPermissions.js');
+var useTracking = require('../../../hooks/useTracking.js');
 var files = require('../../../utils/files.js');
 var getAssetIcon = require('../../../utils/getAssetIcon.js');
 var isEventFromWithin = require('../../../utils/isEventFromWithin.js');
@@ -16,11 +16,14 @@ var constants = require('../constants.js');
 var useAssetSelection = require('../hooks/useAssetSelection.js');
 var useBusyAssets = require('../hooks/useBusyAssets.js');
 var useFolderNavigation = require('../hooks/useFolderNavigation.js');
+var useListSettings = require('../hooks/useListSettings.js');
 var renderedKeys = require('../utils/renderedKeys.js');
 var selection = require('../utils/selection.js');
 var AssetActionsMenu = require('./AssetActionsMenu.js');
 var BusyOverlay = require('./BusyOverlay.js');
 var AssetsDndProvider = require('./Dnd/AssetsDndProvider.js');
+var assetSortable = require('./Dnd/assetSortable.js');
+var ReorderHandle = require('./Dnd/ReorderHandle.js');
 var useAssetDnd = require('./Dnd/useAssetDnd.js');
 var FolderActionsMenu = require('./FolderActionsMenu.js');
 var ItemContextMenu = require('./ItemContextMenu.js');
@@ -52,8 +55,11 @@ const StyledCard = styledComponents.styled(designSystem.Card)`
   border-radius: 8px;
   overflow: hidden;
   isolation: isolate;
-  cursor: ${({ $isMovePending, $isBusy })=>$isMovePending || $isBusy ? 'wait' : 'pointer'};
-  opacity: ${({ $isDragging })=>$isDragging ? 0.4 : 1};
+  cursor: ${({ $isMovePending, $isBusy, $isUnselectable })=>{
+    if ($isMovePending || $isBusy) return 'wait';
+    return $isUnselectable ? 'not-allowed' : 'pointer';
+}};
+  opacity: ${({ $isDragging, $isUnselectable })=>$isDragging || $isUnselectable ? 0.4 : 1};
   /* No opacity change while busy — the overlay does the dimming, and stacking
      one on the other would wash the card out. */
   pointer-events: ${({ $isMovePending, $isBusy })=>$isMovePending || $isBusy ? 'none' : 'auto'};
@@ -75,12 +81,18 @@ const StyledCard = styledComponents.styled(designSystem.Card)`
  * -----------------------------------------------------------------------------------------------*/ const FoldersRow = styledComponents.styled(designSystem.Box)`
   grid-column: 1 / -1;
 `;
-const MIN_TILE_WIDTH = '240px';
-const ItemsGrid = styledComponents.styled(designSystem.Box)`
+const StyledItemsGrid = styledComponents.styled(designSystem.Box)`
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(${MIN_TILE_WIDTH}, 100%), 1fr));
+  grid-template-columns: ${({ $minTileWidth })=>`repeat(auto-fill, minmax(min(${$minTileWidth}, 100%), 1fr))`};
   gap: ${({ theme })=>theme.spaces[4]};
 `;
+const ItemsGrid = (props)=>{
+    const { gridMinTileWidth } = useListSettings.useListSettings();
+    return /*#__PURE__*/ jsxRuntime.jsx(StyledItemsGrid, {
+        $minTileWidth: gridMinTileWidth,
+        ...props
+    });
+};
 const StyledFolderCard = styledComponents.styled(designSystem.Flex)`
   width: 100%;
   user-select: none;
@@ -129,11 +141,12 @@ const FolderCard = ({ folder, orderedItemKeys })=>{
     const { isMovePending } = AssetsDndProvider.useAssetsDndOptional() ?? {
         isMovePending: false
     };
-    const { isSelected, toggle, selectRange } = useAssetSelection.useAssetSelection();
-    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    const { isSelected, toggle, selectRange, getSelectability } = useAssetSelection.useAssetSelection();
+    const { showItemActions } = useListSettings.useListSettings();
     const openContextMenu = ItemContextMenu.useItemContextMenuTrigger();
     const { dragData, draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging }, droppable: { setNodeRef: setDropRef }, showValidDropHighlight, showInvalidDropCursor } = useAssetDnd.useFolderDraggableDroppable(folder);
     const key = selection.folderKey(folder.id);
+    const selectability = getSelectability(key);
     const setNodeRef = (node)=>{
         setDragRef(node);
         setDropRef(node);
@@ -210,10 +223,11 @@ const FolderCard = ({ folder, orderedItemKeys })=>{
             }
         },
         children: [
-            canUpdate && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            selectability !== 'hidden' && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                 onKeyDown: (e)=>e.stopPropagation(),
                 children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
                     checked: isSelected(key),
+                    disabled: selectability === 'disabled',
                     onClick: handleCheckboxClick,
                     "aria-label": formatMessage({
                         id: translations.getTranslationKey('list.table.row.select'),
@@ -233,7 +247,7 @@ const FolderCard = ({ folder, orderedItemKeys })=>{
                 textColor: "neutral800",
                 children: folder.name
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            showItemActions && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                 onClick: stopCardEvent,
                 onKeyDown: stopCardEvent,
                 onPointerDown: stopCardEvent,
@@ -364,13 +378,14 @@ const AssetCard = ({ asset, orderedItemKeys, onAssetItemClick })=>{
     const { isMovePending } = AssetsDndProvider.useAssetsDndOptional() ?? {
         isMovePending: false
     };
-    const { attributes, listeners, setNodeRef, isDragging, dragData } = useAssetDnd.useFileDraggable(asset);
-    const { isSelected, toggle, selectRange } = useAssetSelection.useAssetSelection();
-    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    const { attributes, listeners, setNodeRef, isDragging, dragData, dragStyle, dragHandle } = useAssetDnd.useFileDraggable(asset);
+    const { isSelected, toggle, selectRange, getSelectability } = useAssetSelection.useAssetSelection();
+    const { showItemActions } = useListSettings.useListSettings();
     const busyMessage = useBusyAssets.useBusyAssetsOptional()?.getBusyMessage(asset.id) ?? null;
     const openContextMenu = ItemContextMenu.useItemContextMenuTrigger();
     const key = selection.assetKey(asset.id);
     const selected = isSelected(key);
+    const selectability = getSelectability(key);
     // Plain click opens the asset details; pointer selection lives on the
     // checkbox only. Modifier clicks keep the selection semantics: shift selects
     // a range, cmd/ctrl toggles.
@@ -392,7 +407,7 @@ const AssetCard = ({ asset, orderedItemKeys, onAssetItemClick })=>{
     };
     // Space toggles selection (additive), Enter opens the details drawer.
     const handleKeyDown = (e)=>{
-        if (!isEventFromWithin.isEventFromWithin(e)) {
+        if (!isEventFromWithin.isEventFromWithin(e) || assetSortable.isFromReorderHandle(e)) {
             return;
         }
         if (e.key === 'Enter') {
@@ -426,6 +441,8 @@ const AssetCard = ({ asset, orderedItemKeys, onAssetItemClick })=>{
         $isMovePending: isMovePending,
         $isBusy: busyMessage !== null,
         $isSelected: selected,
+        $isUnselectable: selectability === 'disabled',
+        style: dragStyle,
         tabIndex: 0,
         role: "listitem",
         // Right-click opens this asset's own actions, or the selection's when it
@@ -452,11 +469,12 @@ const AssetCard = ({ asset, orderedItemKeys, onAssetItemClick })=>{
         children: [
             /*#__PURE__*/ jsxRuntime.jsxs(StyledCardHeader, {
                 children: [
-                    canUpdate && /*#__PURE__*/ jsxRuntime.jsx(CheckboxOverlay, {
+                    selectability !== 'hidden' && /*#__PURE__*/ jsxRuntime.jsx(CheckboxOverlay, {
                         ...constants.ASSET_ITEM_CONTROL_PROPS,
                         onKeyDown: (e)=>e.stopPropagation(),
                         children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
                             checked: selected,
+                            disabled: selectability === 'disabled',
                             onClick: handleCheckboxClick,
                             "aria-label": formatMessage({
                                 id: translations.getTranslationKey('list.table.row.select'),
@@ -480,7 +498,10 @@ const AssetCard = ({ asset, orderedItemKeys, onAssetItemClick })=>{
                     alignItems: "center",
                     gap: 2,
                     children: [
-                        /*#__PURE__*/ jsxRuntime.jsx(FileTypeIcon, {
+                        dragHandle ? /*#__PURE__*/ jsxRuntime.jsx(ReorderHandle.ReorderHandle, {
+                            name: asset.name,
+                            handle: dragHandle
+                        }) : /*#__PURE__*/ jsxRuntime.jsx(FileTypeIcon, {
                             children: /*#__PURE__*/ jsxRuntime.jsx(TypeIcon, {
                                 width: 20,
                                 height: 20
@@ -494,7 +515,7 @@ const AssetCard = ({ asset, orderedItemKeys, onAssetItemClick })=>{
                                 children: asset.name
                             })
                         }),
-                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        showItemActions && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
                             ...constants.ASSET_ITEM_CONTROL_PROPS,
                             onClick: stopCardEvent,
                             onKeyDown: stopCardEvent,
@@ -510,7 +531,63 @@ const AssetCard = ({ asset, orderedItemKeys, onAssetItemClick })=>{
         ]
     });
 };
-const AssetsGrid = ({ assets, folders = EMPTY_FOLDERS, renderedKeys: renderedKeys$1, onAssetItemClick })=>{
+// Headings sit outside the `role="list"` grid: a list may only contain items.
+const GridSection = ({ title, action, children })=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        tag: "section",
+        direction: "column",
+        alignItems: "stretch",
+        gap: 4,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                gap: 4,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "delta",
+                        tag: "h3",
+                        children: title
+                    }),
+                    action
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(ItemsGrid, {
+                role: "list",
+                children: children
+            })
+        ]
+    });
+/**
+ * The grid's counterpart of the table's header checkbox: selects the loaded
+ * assets that can be selected, or un-selects them when they all are.
+ */ const GridSelectAll = ({ assets })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { selectedKeys, selectAll, deselectAll, getSelectability } = useAssetSelection.useAssetSelection();
+    const { trackUsage } = useTracking.useTracking();
+    const selectableKeys = assets.map((asset)=>selection.assetKey(asset.id)).filter((key)=>getSelectability(key) === 'enabled');
+    const { allSelected, isIndeterminate } = selection.getSelectAllState(selectedKeys, selectableKeys);
+    const handleChange = ()=>{
+        if (allSelected) {
+            deselectAll(selectableKeys);
+        } else {
+            trackUsage('didSelectAllMediaLibraryElements');
+            selectAll(selectableKeys);
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+        checked: isIndeterminate ? 'indeterminate' : allSelected,
+        disabled: selectableKeys.length === 0,
+        onCheckedChange: handleChange,
+        children: formatMessage({
+            id: translations.getTranslationKey('list.table.header.select-all'),
+            defaultMessage: 'Select all'
+        })
+    });
+};
+const AssetsGrid = ({ assets, assetsTotal, folders = EMPTY_FOLDERS, renderedKeys: renderedKeys$1, onAssetItemClick })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { showSectionHeadings, showGridSelectAll } = useListSettings.useListSettings();
+    const { isEnabled, canSelectAll } = useAssetSelection.useAssetSelection();
     const totalItems = folders.length + assets.length;
     // Render order: folders always on top in the grid (mixing is table-only) —
     // range selection follows it.
@@ -523,27 +600,61 @@ const AssetsGrid = ({ assets, folders = EMPTY_FOLDERS, renderedKeys: renderedKey
     if (totalItems === 0) {
         return null;
     }
+    const folderCards = folders.map((folder)=>/*#__PURE__*/ jsxRuntime.jsx(FolderCard, {
+            folder: folder,
+            orderedItemKeys: orderedItemKeys
+        }, `folder-${folder.id}`));
+    const assetCards = assets.map((asset)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            children: /*#__PURE__*/ jsxRuntime.jsx(AssetCard, {
+                asset: asset,
+                orderedItemKeys: orderedItemKeys,
+                onAssetItemClick: onAssetItemClick
+            })
+        }, asset.id));
+    if (showSectionHeadings) {
+        return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 6,
+            "data-testid": "assets-grid",
+            children: [
+                folders.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(GridSection, {
+                    title: formatMessage({
+                        id: translations.getTranslationKey('list.folders.title'),
+                        defaultMessage: 'Folders ({count})'
+                    }, {
+                        count: folders.length
+                    }),
+                    children: folderCards
+                }),
+                folders.length > 0 && assets.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                assets.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(GridSection, {
+                    title: formatMessage({
+                        id: translations.getTranslationKey('list.assets.title'),
+                        defaultMessage: 'Assets ({count})'
+                    }, {
+                        count: assetsTotal ?? assets.length
+                    }),
+                    action: showGridSelectAll && isEnabled && canSelectAll ? /*#__PURE__*/ jsxRuntime.jsx(GridSelectAll, {
+                        assets: assets
+                    }) : undefined,
+                    children: assetCards
+                })
+            ]
+        });
+    }
     return /*#__PURE__*/ jsxRuntime.jsxs(ItemsGrid, {
         role: "list",
         "data-testid": "assets-grid",
         children: [
             folders.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(FoldersRow, {
                 children: /*#__PURE__*/ jsxRuntime.jsx(ItemsGrid, {
-                    children: folders.map((folder)=>/*#__PURE__*/ jsxRuntime.jsx(FolderCard, {
-                            folder: folder,
-                            orderedItemKeys: orderedItemKeys
-                        }, `folder-${folder.id}`))
+                    children: folderCards
                 })
             }),
-            assets.map((asset)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                    direction: "column",
-                    alignItems: "stretch",
-                    children: /*#__PURE__*/ jsxRuntime.jsx(AssetCard, {
-                        asset: asset,
-                        orderedItemKeys: orderedItemKeys,
-                        onAssetItemClick: onAssetItemClick
-                    })
-                }, asset.id))
+            assetCards
         ]
     });
 };