@strapi/upload 5.52.2 → 5.53.0

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

@@ -1,13 +1,14 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
 import { useNotification } from '@strapi/admin/strapi-admin';
-import { Typography, Tooltip, Box, Button, IconButton, Flex } from '@strapi/design-system';
+import { Box, Typography, TextButton, Tooltip, Button, IconButton, Flex } from '@strapi/design-system';
 import { Sparkle, ArrowRight, Trash, Cross } from '@strapi/icons';
 import { useIntl } from 'react-intl';
-import { styled } from 'styled-components';
+import { css, styled } from 'styled-components';
 import { AI_METADATA_MAX_FILES, isAIMetadataSupportedMime } from '../../../../shared/constants.mjs';
 import { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled.mjs';
 import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
+import { useTracking } from '../../../hooks/useTracking.mjs';
 import '../../../services/assets.mjs';
 import { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection.mjs';
 import { emptyItemLocations } from '../../../utils/itemLocations.mjs';
@@ -38,13 +39,70 @@ import { useGenerateAiMetadataMutation } from '../../../services/api.mjs';
   border-radius: 0;
   box-shadow: ${({ theme })=>theme.shadows.popupShadow};
 
+  /* Docked full-bleed at the bottom on mobile, which is exactly where the open
+     drawer keeps its own actions — so it steps aside there, and only there. */
+  display: ${({ $isDrawerOpen })=>$isDrawerOpen ? 'none' : 'flex'};
+
+  /* Mobile with the metadata action present: the labelled button plus the icons
+     no longer fit beside the count on one line, so the count takes a row of its
+     own and every button drops to the next.
+
+     Addressed by slot rather than by position: these rules used to use
+     nth-child, which silently retargeted the moment a control was inserted
+     into the row. */
+  ${({ $isStacked })=>$isStacked && css`
+      flex-wrap: wrap;
+      justify-content: space-between;
+
+      > [data-bar-slot='count'] {
+        flex-basis: 100%;
+        margin-right: 0;
+      }
+
+      > [data-bar-slot='actions'] {
+        margin-left: 0;
+      }
+
+      /* The divider only existed to set the clear action apart from the rest;
+         with the row spread it would hang in mid-air between them. */
+      > [data-bar-slot='divider'] {
+        display: none;
+      }
+    `}
+
   ${({ theme })=>theme.breakpoints.medium} {
+    display: flex;
     left: 50%;
     right: auto;
     bottom: ${({ theme })=>theme.spaces[4]};
     transform: translateX(-50%);
     border: 1px solid ${({ theme })=>theme.colors.neutral150};
     border-radius: ${({ theme })=>theme.borderRadius};
+    /* Sized by its content, capped so the pill can never span the whole
+       viewport. The nowrap is what lets the content set that width — without it
+       the labels wrap and the bar reads as narrow and tall. Inherited, so it
+       covers every label inside.
+
+       Deliberately not applied on mobile: there the bar is full-bleed and
+       cannot grow, so refusing to wrap would clip the last action on a narrow
+       phone rather than widen anything. */
+    white-space: nowrap;
+    max-width: 90%;
+
+    /* One line again from tablet up, where it fits. */
+    flex-wrap: nowrap;
+
+    > [data-bar-slot='count'] {
+      flex-basis: auto;
+    }
+
+    > [data-bar-slot='actions'] {
+      margin-left: auto;
+    }
+
+    > [data-bar-slot='divider'] {
+      display: block;
+    }
   }
 `;
 const ActionCluster = styled(Flex)`
@@ -58,7 +116,7 @@ const VerticalDivider = styled(Box)`
   background: ${({ theme })=>theme.colors.neutral150};
   margin-left: ${({ theme })=>theme.spaces[1]};
 `;
-const BulkActionsBar = ({ assets = [], locations = emptyItemLocations })=>{
+const BulkActionsBar = ({ assets = [], locations = emptyItemLocations, renderedKeys = [] })=>{
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
     // No mime argument: the action is selection-scoped, so the per-asset
@@ -67,7 +125,8 @@ const BulkActionsBar = ({ assets = [], locations = emptyItemLocations })=>{
     // Every bulk action (move, delete, metadata) is an `assets.update` mutation
     // server-side — one flag gates the whole cluster.
     const { canUpdate } = useMediaLibraryPermissions();
-    const { selectedIds, selectedFolderIds, clear } = useAssetSelection();
+    const { selectedIds, selectedFolderIds, selectAll, clear } = useAssetSelection();
+    const { trackUsage } = useTracking();
     const { currentFolderId } = useFolderNavigation();
     const isDetailsDrawerOpen = useIsAssetDetailsOpen();
     const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();
@@ -77,6 +136,41 @@ const BulkActionsBar = ({ assets = [], locations = emptyItemLocations })=>{
     // state so the rest of the controls stay disabled for the duration.
     const [isDeleting, setIsDeleting] = useState(false);
     const count = selectedIds.size + selectedFolderIds.size;
+    // `innerHeight - top` rather than the bar's height: it also spans the gap the
+    // bar floats above the viewport edge (0 docked on mobile, `spaces[4]` for the
+    // desktop pill), so one measurement covers both layouts and no height is
+    // hardcoded.
+    const [barEl, setBarEl] = useState(null);
+    const [reservedSpace, setReservedSpace] = useState(0);
+    useEffect(()=>{
+        if (!barEl) {
+            setReservedSpace(0);
+            return;
+        }
+        const measure = ()=>{
+            const rect = barEl.getBoundingClientRect();
+            // Zero height means the CSS has hidden the bar (drawer open on mobile) —
+            // reserving anything then would leave a gap under nothing.
+            setReservedSpace(rect.height === 0 ? 0 : Math.max(0, window.innerHeight - rect.top));
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(barEl);
+        window.addEventListener('resize', measure);
+        return ()=>{
+            observer.disconnect();
+            window.removeEventListener('resize', measure);
+        };
+    // `isDetailsDrawerOpen` toggles the bar's `display`, which a ResizeObserver
+    // is not guaranteed to report.
+    }, [
+        barEl,
+        isDetailsDrawerOpen
+    ]);
+    const handleSelectAll = ()=>{
+        trackUsage('didSelectAllMediaLibraryElements');
+        selectAll(renderedKeys);
+    };
     const isBusy = isDeleting || isGeneratingMetadata;
     // Stable identity: the move dialog memoizes its destination walk on it. Each
     // item's real location comes from `locations`, so a selection made under a
@@ -204,102 +298,128 @@ const BulkActionsBar = ({ assets = [], locations = emptyItemLocations })=>{
     // rather than show a count + "Clear selection" over no actions (mirrors the
     // drawer footer, which hides when no permitted action survives).
     //
-    // The details drawer owns the bottom of the screen while it is open. It is
-    // fixed to `bottom: 0` too, and its z-index of 200 is pinned below the
-    // overlay token on purpose, so the bar (popover, 500) covers the drawer's own
-    // footer actions — and, because the drawer is non-modal, keeps taking clicks
-    // through it. The selection itself is untouched: the bar returns unchanged
-    // when the drawer closes.
-    if (count === 0 || !canUpdate || isDetailsDrawerOpen) {
+    // With the drawer open the bar is hidden on mobile only, in CSS: there the two
+    // are stacked at `bottom: 0` and the bar (popover, 500) would cover the
+    // drawer's footer actions, since the drawer sits below the overlay token at
+    // 200. From `medium` up the drawer is a side panel and the bar is a centered
+    // pill, so they no longer collide.
+    if (count === 0 || !canUpdate) {
         return null;
     }
-    return /*#__PURE__*/ jsxs(Bar, {
-        tag: "section",
-        role: "region",
-        "aria-label": formatMessage({
-            id: getTranslationKey('list.bulk-actions.label'),
-            defaultMessage: 'Bulk actions'
-        }),
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsx(Typography, {
-                fontWeight: "bold",
-                textColor: "neutral800",
-                marginRight: 4,
-                children: formatMessage({
-                    id: getTranslationKey('list.bulk-actions.selected-count'),
-                    defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}'
-                }, {
-                    count
-                })
+            /*#__PURE__*/ jsx(Box, {
+                "aria-hidden": true,
+                height: `${reservedSpace}px`,
+                "data-bar-spacer": true
             }),
-            /*#__PURE__*/ jsxs(ActionCluster, {
+            /*#__PURE__*/ jsxs(Bar, {
+                ref: setBarEl,
+                $isDrawerOpen: isDetailsDrawerOpen,
+                $isStacked: isAiMetadataEnabled,
+                tag: "section",
+                role: "region",
+                // The bar floats over the list but is not part of its background: a
+                // right-click on it keeps the browser's own menu. See MainAreaContextMenu.
+                "data-native-context-menu": true,
+                "aria-label": formatMessage({
+                    id: getTranslationKey('list.bulk-actions.label'),
+                    defaultMessage: 'Bulk actions'
+                }),
                 children: [
-                    isAiMetadataEnabled && /*#__PURE__*/ jsx(Tooltip, {
-                        label: metadataDisabledReason,
-                        children: /*#__PURE__*/ jsx(Box, {
-                            children: /*#__PURE__*/ jsx(Button, {
-                                size: "S",
-                                startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
-                                disabled: isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets,
-                                loading: isGeneratingMetadata,
-                                onClick: handleCreateMetadata,
-                                children: formatMessage({
-                                    id: getTranslationKey('list.bulk-actions.create-metadata'),
-                                    defaultMessage: 'Create metadata'
-                                })
-                            })
+                    /*#__PURE__*/ jsx(Typography, {
+                        "data-bar-slot": "count",
+                        fontWeight: "bold",
+                        textColor: "neutral800",
+                        marginRight: 4,
+                        children: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.selected-count'),
+                            defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}'
+                        }, {
+                            count
                         })
                     }),
-                    /*#__PURE__*/ jsx(IconButton, {
-                        variant: "tertiary",
+                    /*#__PURE__*/ jsx(TextButton, {
+                        onClick: handleSelectAll,
+                        marginRight: 4,
                         disabled: isBusy,
-                        label: formatMessage({
-                            id: getTranslationKey('list.bulk-actions.move'),
-                            defaultMessage: 'Move'
-                        }),
-                        onClick: ()=>setIsMoveDialogOpen(true),
-                        children: /*#__PURE__*/ jsx(ArrowRight, {})
+                        children: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.select-all'),
+                            defaultMessage: 'Select all'
+                        })
                     }),
-                    /*#__PURE__*/ jsx(BulkMoveDialog, {
-                        open: isMoveDialogOpen,
-                        onClose: ()=>setIsMoveDialogOpen(false),
-                        items: moveItems,
-                        onSuccess: clear
+                    /*#__PURE__*/ jsxs(ActionCluster, {
+                        "data-bar-slot": "actions",
+                        children: [
+                            isAiMetadataEnabled && /*#__PURE__*/ jsx(Tooltip, {
+                                label: metadataDisabledReason,
+                                children: /*#__PURE__*/ jsx(Box, {
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        size: "S",
+                                        startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
+                                        disabled: isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets,
+                                        loading: isGeneratingMetadata,
+                                        onClick: handleCreateMetadata,
+                                        children: formatMessage({
+                                            id: getTranslationKey('list.bulk-actions.create-metadata'),
+                                            defaultMessage: 'Create metadata'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                variant: "tertiary",
+                                disabled: isBusy,
+                                label: formatMessage({
+                                    id: getTranslationKey('list.bulk-actions.move'),
+                                    defaultMessage: 'Move'
+                                }),
+                                onClick: ()=>setIsMoveDialogOpen(true),
+                                children: /*#__PURE__*/ jsx(ArrowRight, {})
+                            }),
+                            /*#__PURE__*/ jsx(BulkMoveDialog, {
+                                open: isMoveDialogOpen,
+                                onClose: ()=>setIsMoveDialogOpen(false),
+                                items: moveItems,
+                                onSuccess: clear
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                variant: "danger-light",
+                                disabled: isBusy,
+                                label: formatMessage({
+                                    id: getTranslationKey('list.bulk-actions.delete'),
+                                    defaultMessage: 'Delete'
+                                }),
+                                onClick: ()=>setIsDeleteDialogOpen(true),
+                                children: /*#__PURE__*/ jsx(Trash, {})
+                            }),
+                            /*#__PURE__*/ jsx(DeleteItemsDialog, {
+                                open: isDeleteDialogOpen,
+                                onClose: ()=>setIsDeleteDialogOpen(false),
+                                target: {
+                                    fileIds: Array.from(selectedIds),
+                                    folderIds: Array.from(selectedFolderIds)
+                                },
+                                onSuccess: clear,
+                                onPendingChange: setIsDeleting
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(VerticalDivider, {
+                        "data-bar-slot": "divider",
+                        "aria-hidden": true
                     }),
                     /*#__PURE__*/ jsx(IconButton, {
-                        variant: "danger-light",
-                        disabled: isBusy,
+                        variant: "ghost",
                         label: formatMessage({
-                            id: getTranslationKey('list.bulk-actions.delete'),
-                            defaultMessage: 'Delete'
+                            id: getTranslationKey('list.bulk-actions.clear'),
+                            defaultMessage: 'Clear selection'
                         }),
-                        onClick: ()=>setIsDeleteDialogOpen(true),
-                        children: /*#__PURE__*/ jsx(Trash, {})
-                    }),
-                    /*#__PURE__*/ jsx(DeleteItemsDialog, {
-                        open: isDeleteDialogOpen,
-                        onClose: ()=>setIsDeleteDialogOpen(false),
-                        target: {
-                            fileIds: Array.from(selectedIds),
-                            folderIds: Array.from(selectedFolderIds)
-                        },
-                        onSuccess: clear,
-                        onPendingChange: setIsDeleting
+                        onClick: clear,
+                        disabled: isBusy,
+                        children: /*#__PURE__*/ jsx(Cross, {})
                     })
                 ]
-            }),
-            /*#__PURE__*/ jsx(VerticalDivider, {
-                "aria-hidden": true
-            }),
-            /*#__PURE__*/ jsx(IconButton, {
-                variant: "ghost",
-                label: formatMessage({
-                    id: getTranslationKey('list.bulk-actions.clear'),
-                    defaultMessage: 'Clear selection'
-                }),
-                onClick: clear,
-                disabled: isBusy,
-                children: /*#__PURE__*/ jsx(Cross, {})
             })
         ]
     });

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

@@ -1 +1 @@
-{"version":3,"file":"BulkActionsBar.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex, IconButton, Tooltip, Typography } from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport {\n  AI_METADATA_MAX_FILES,\n  isAIMetadataSupportedMime,\n} from '../../../../../../shared/constants';\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useGenerateAiMetadataMutation } from '../../../services/assets';\nimport { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection';\nimport { emptyItemLocations, type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { useIsAssetDetailsOpen } from '../hooks/useIsAssetDetailsOpen';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\n\n/**\n * Bulk action bar for the future Media Library. Mobile: docked full-bleed to the\n * bottom edge (no radius, top border only). Desktop (medium+): a floating,\n * centered pill.\n */\nconst Bar = styled(Flex)`\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndices.popover};\n  left: 0;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) =>\n    `${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: 0;\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    left: 50%;\n    right: auto;\n    bottom: ${({ theme }) => theme.spaces[4]};\n    transform: translateX(-50%);\n    border: 1px solid ${({ theme }) => theme.colors.neutral150};\n    border-radius: ${({ theme }) => theme.borderRadius};\n  }\n`;\n\nconst ActionCluster = styled(Flex)`\n  margin-left: auto;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n`;\n\nconst VerticalDivider = styled(Box)`\n  width: 1px;\n  align-self: stretch;\n  background: ${({ theme }) => theme.colors.neutral150};\n  margin-left: ${({ theme }) => theme.spaces[1]};\n`;\n\ninterface BulkActionsBarProps {\n  /**\n   * The assets currently rendered in the list, used to resolve the mime types\n   * of the selection — the bar needs them to know which selected assets the AI\n   * provider can actually read.\n   *\n   * Selection is page-scoped and cleared whenever the list identity changes, so\n   * every selected asset id is guaranteed to appear here.\n   */\n  assets?: File[];\n  /**\n   * Real location of every loaded row, so the move dialog validates each\n   * selected item against its own parent. Defaults to a lookup that misses\n   * everything, which falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n}\n\nexport const BulkActionsBar = ({\n  assets = [],\n  locations = emptyItemLocations,\n}: BulkActionsBarProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // No mime argument: the action is selection-scoped, so the per-asset\n  // allowlist check happens below in `eligibleCount`.\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n  // Every bulk action (move, delete, metadata) is an `assets.update` mutation\n  // server-side — one flag gates the whole cluster.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const { selectedIds, selectedFolderIds, clear } = useAssetSelection();\n  const { currentFolderId } = useFolderNavigation();\n  const isDetailsDrawerOpen = useIsAssetDetailsOpen();\n  const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n  // The delete request lives in DeleteItemsDialog; the bar mirrors its pending\n  // state so the rest of the controls stay disabled for the duration.\n  const [isDeleting, setIsDeleting] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n  const isBusy = isDeleting || isGeneratingMetadata;\n\n  // Stable identity: the move dialog memoizes its destination walk on it. Each\n  // item's real location comes from `locations`, so a selection made under a\n  // global search validates against each item's own parent rather than the\n  // folder currently open.\n  const moveItems = useMemo(\n    () => buildDragSetFromSelection(selectedIds, selectedFolderIds, locations, currentFolderId),\n    [selectedIds, selectedFolderIds, locations, currentFolderId]\n  );\n\n  /**\n   * The server processes the whole selection inside a single request and\n   * rejects anything above the cap with a 400. Disable the action up front so\n   * the limit is discoverable before the user commits to a request.\n   */\n  const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;\n\n  /**\n   * How many selected assets the AI provider can actually read. The server\n   * stays authoritative — it still reports what it skipped — but a selection\n   * with nothing eligible (a lone PDF, say) would only ever come back fully\n   * skipped, so there is no point sending it.\n   */\n  const eligibleCount = useMemo(() => {\n    const mimeById = new Map(assets.map(({ id, mime }) => [id, mime]));\n\n    return [...selectedIds].filter((id) => isAIMetadataSupportedMime(mimeById.get(id))).length;\n  }, [assets, selectedIds]);\n\n  const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;\n\n  /**\n   * Why the action is unavailable, surfaced on hover. `undefined` leaves the\n   * button without a tooltip — either it is usable, or it is disabled for a\n   * reason the selection count already makes obvious.\n   */\n  let metadataDisabledReason: string | undefined;\n\n  if (isOverMetadataLimit) {\n    metadataDisabledReason = formatMessage(\n      {\n        id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),\n        defaultMessage:\n          'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.',\n      },\n      { max: AI_METADATA_MAX_FILES }\n    );\n  } else if (hasNoEligibleAssets) {\n    metadataDisabledReason = formatMessage({\n      id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),\n      defaultMessage:\n        'Metadata can only be generated for images. None of the selected assets are supported.',\n    });\n  }\n\n  /**\n   * Metadata generation only applies to images — folders and unsupported files\n   * in the selection are reported back rather than blocking the action.\n   */\n  const handleCreateMetadata = async () => {\n    // Guard re-entry while pending, and never send a selection the server\n    // would reject outright or skip in full.\n    if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {\n      return;\n    }\n\n    const fileIds = Array.from(selectedIds);\n    const res = await generateAiMetadata({ fileIds });\n\n    if ('error' in res) {\n      // Keep the selection intact so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    const successCount = res.data.filter(({ status }) => status === 'success').length;\n    const skippedCount = res.data.filter(({ status }) => status === 'skipped').length;\n    const errorCount = res.data.filter(({ status }) => status === 'error').length;\n    // Folders are never sent, so they are not part of the response — but the\n    // user selected them, and a silent omission reads as a bug.\n    const folderCount = selectedFolderIds.size;\n\n    if (errorCount === res.data.length) {\n      // Nothing was written — treat it like a request-level failure and keep\n      // the selection so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {\n      toggleNotification({\n        type: 'success',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.success'),\n            defaultMessage:\n              '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}',\n          },\n          { count: successCount }\n        ),\n      });\n    } else {\n      // Partial outcome: report every bucket so the user knows what was left\n      // out — including folders, which were never eligible in the first place.\n      toggleNotification({\n        type: 'warning',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.partial'),\n            defaultMessage:\n              '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}',\n          },\n          { successCount, skippedCount, errorCount, folderCount }\n        ),\n      });\n    }\n\n    clear();\n  };\n\n  // Every bulk action is behind `assets.update`; with nothing selected, or\n  // without the permission, the bar has nothing to offer — drop it entirely\n  // rather than show a count + \"Clear selection\" over no actions (mirrors the\n  // drawer footer, which hides when no permitted action survives).\n  //\n  // The details drawer owns the bottom of the screen while it is open. It is\n  // fixed to `bottom: 0` too, and its z-index of 200 is pinned below the\n  // overlay token on purpose, so the bar (popover, 500) covers the drawer's own\n  // footer actions — and, because the drawer is non-modal, keeps taking clicks\n  // through it. The selection itself is untouched: the bar returns unchanged\n  // when the drawer closes.\n  if (count === 0 || !canUpdate || isDetailsDrawerOpen) {\n    return null;\n  }\n\n  return (\n    <Bar\n      tag=\"section\"\n      role=\"region\"\n      aria-label={formatMessage({\n        id: getTranslationKey('list.bulk-actions.label'),\n        defaultMessage: 'Bulk actions',\n      })}\n    >\n      <Typography fontWeight=\"bold\" textColor=\"neutral800\" marginRight={4}>\n        {formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.selected-count'),\n            defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}',\n          },\n          { count }\n        )}\n      </Typography>\n\n      {/* Past the early return the user always has `assets.update`, so the\n          individual actions no longer re-check it. */}\n      <ActionCluster>\n        {isAiMetadataEnabled && (\n          <Tooltip label={metadataDisabledReason}>\n            {/* Wrapped so the tooltip still receives pointer events while the\n                button itself is disabled. */}\n            <Box>\n              <Button\n                size=\"S\"\n                startIcon={<Sparkle />}\n                disabled={\n                  isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets\n                }\n                loading={isGeneratingMetadata}\n                onClick={handleCreateMetadata}\n              >\n                {formatMessage({\n                  id: getTranslationKey('list.bulk-actions.create-metadata'),\n                  defaultMessage: 'Create metadata',\n                })}\n              </Button>\n            </Box>\n          </Tooltip>\n        )}\n\n        <IconButton\n          variant=\"tertiary\"\n          disabled={isBusy}\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.move'),\n            defaultMessage: 'Move',\n          })}\n          onClick={() => setIsMoveDialogOpen(true)}\n        >\n          <ArrowRight />\n        </IconButton>\n        <BulkMoveDialog\n          open={isMoveDialogOpen}\n          onClose={() => setIsMoveDialogOpen(false)}\n          items={moveItems}\n          onSuccess={clear}\n        />\n\n        <IconButton\n          variant=\"danger-light\"\n          disabled={isBusy}\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.delete'),\n            defaultMessage: 'Delete',\n          })}\n          onClick={() => setIsDeleteDialogOpen(true)}\n        >\n          <Trash />\n        </IconButton>\n        <DeleteItemsDialog\n          open={isDeleteDialogOpen}\n          onClose={() => setIsDeleteDialogOpen(false)}\n          target={{\n            fileIds: Array.from(selectedIds),\n            folderIds: Array.from(selectedFolderIds),\n          }}\n          onSuccess={clear}\n          onPendingChange={setIsDeleting}\n        />\n      </ActionCluster>\n\n      <VerticalDivider aria-hidden />\n\n      <IconButton\n        variant=\"ghost\"\n        label={formatMessage({\n          id: getTranslationKey('list.bulk-actions.clear'),\n          defaultMessage: 'Clear selection',\n        })}\n        onClick={clear}\n        disabled={isBusy}\n      >\n        <Cross />\n      </IconButton>\n    </Bar>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","zIndices","popover","spaces","colors","neutral0","neutral150","shadows","popupShadow","breakpoints","medium","borderRadius","ActionCluster","VerticalDivider","Box","BulkActionsBar","assets","locations","emptyItemLocations","formatMessage","useIntl","toggleNotification","useNotification","isAiMetadataEnabled","useAIMetadataEnabled","canUpdate","useMediaLibraryPermissions","selectedIds","selectedFolderIds","clear","useAssetSelection","currentFolderId","useFolderNavigation","isDetailsDrawerOpen","useIsAssetDetailsOpen","generateAiMetadata","isLoading","isGeneratingMetadata","useGenerateAiMetadataMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","isDeleting","setIsDeleting","count","size","isBusy","moveItems","useMemo","buildDragSetFromSelection","isOverMetadataLimit","AI_METADATA_MAX_FILES","eligibleCount","mimeById","Map","map","id","mime","filter","isAIMetadataSupportedMime","get","length","hasNoEligibleAssets","metadataDisabledReason","getTranslationKey","defaultMessage","max","handleCreateMetadata","fileIds","Array","from","res","type","message","successCount","data","status","skippedCount","errorCount","folderCount","_jsxs","tag","role","aria-label","_jsx","Typography","fontWeight","textColor","marginRight","Tooltip","label","Button","startIcon","Sparkle","disabled","loading","onClick","IconButton","variant","ArrowRight","BulkMoveDialog","open","onClose","items","onSuccess","Trash","DeleteItemsDialog","target","folderIds","onPendingChange","aria-hidden","Cross"],"mappings":"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"}
+{"version":3,"file":"BulkActionsBar.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Flex,\n  IconButton,\n  TextButton,\n  Tooltip,\n  Typography,\n} from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { css, styled } from 'styled-components';\n\nimport {\n  AI_METADATA_MAX_FILES,\n  isAIMetadataSupportedMime,\n} from '../../../../../../shared/constants';\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { useGenerateAiMetadataMutation } from '../../../services/assets';\nimport { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection';\nimport { emptyItemLocations, type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { useIsAssetDetailsOpen } from '../hooks/useIsAssetDetailsOpen';\nimport { type ItemKey } from '../utils/selection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\n\n/**\n * Bulk action bar for the future Media Library. Mobile: docked full-bleed to the\n * bottom edge (no radius, top border only). Desktop (medium+): a floating,\n * centered pill.\n */\nconst Bar = styled(Flex)<{ $isDrawerOpen: boolean; $isStacked: boolean }>`\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndices.popover};\n  left: 0;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) =>\n    `${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: 0;\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n\n  /* Docked full-bleed at the bottom on mobile, which is exactly where the open\n     drawer keeps its own actions — so it steps aside there, and only there. */\n  display: ${({ $isDrawerOpen }) => ($isDrawerOpen ? 'none' : 'flex')};\n\n  /* Mobile with the metadata action present: the labelled button plus the icons\n     no longer fit beside the count on one line, so the count takes a row of its\n     own and every button drops to the next.\n\n     Addressed by slot rather than by position: these rules used to use\n     nth-child, which silently retargeted the moment a control was inserted\n     into the row. */\n  ${({ $isStacked }) =>\n    $isStacked &&\n    css`\n      flex-wrap: wrap;\n      justify-content: space-between;\n\n      > [data-bar-slot='count'] {\n        flex-basis: 100%;\n        margin-right: 0;\n      }\n\n      > [data-bar-slot='actions'] {\n        margin-left: 0;\n      }\n\n      /* The divider only existed to set the clear action apart from the rest;\n         with the row spread it would hang in mid-air between them. */\n      > [data-bar-slot='divider'] {\n        display: none;\n      }\n    `}\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: flex;\n    left: 50%;\n    right: auto;\n    bottom: ${({ theme }) => theme.spaces[4]};\n    transform: translateX(-50%);\n    border: 1px solid ${({ theme }) => theme.colors.neutral150};\n    border-radius: ${({ theme }) => theme.borderRadius};\n    /* Sized by its content, capped so the pill can never span the whole\n       viewport. The nowrap is what lets the content set that width — without it\n       the labels wrap and the bar reads as narrow and tall. Inherited, so it\n       covers every label inside.\n\n       Deliberately not applied on mobile: there the bar is full-bleed and\n       cannot grow, so refusing to wrap would clip the last action on a narrow\n       phone rather than widen anything. */\n    white-space: nowrap;\n    max-width: 90%;\n\n    /* One line again from tablet up, where it fits. */\n    flex-wrap: nowrap;\n\n    > [data-bar-slot='count'] {\n      flex-basis: auto;\n    }\n\n    > [data-bar-slot='actions'] {\n      margin-left: auto;\n    }\n\n    > [data-bar-slot='divider'] {\n      display: block;\n    }\n  }\n`;\n\nconst ActionCluster = styled(Flex)`\n  margin-left: auto;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n`;\n\nconst VerticalDivider = styled(Box)`\n  width: 1px;\n  align-self: stretch;\n  background: ${({ theme }) => theme.colors.neutral150};\n  margin-left: ${({ theme }) => theme.spaces[1]};\n`;\n\ninterface BulkActionsBarProps {\n  /**\n   * The assets currently rendered in the list, used to resolve the mime types\n   * of the selection — the bar needs them to know which selected assets the AI\n   * provider can actually read.\n   *\n   * Selection is page-scoped and cleared whenever the list identity changes, so\n   * every selected asset id is guaranteed to appear here.\n   */\n  assets?: File[];\n  /**\n   * Real location of every loaded row, so the move dialog validates each\n   * selected item against its own parent. Defaults to a lookup that misses\n   * everything, which falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n  /**\n   * Keys of the items on screen, in render order. Owned by the view so\n   * select-all covers exactly what the user can see — in mixed mode that is not\n   * every folder.\n   */\n  renderedKeys?: ItemKey[];\n}\n\nexport const BulkActionsBar = ({\n  assets = [],\n  locations = emptyItemLocations,\n  renderedKeys = [],\n}: BulkActionsBarProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // No mime argument: the action is selection-scoped, so the per-asset\n  // allowlist check happens below in `eligibleCount`.\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n  // Every bulk action (move, delete, metadata) is an `assets.update` mutation\n  // server-side — one flag gates the whole cluster.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const { selectedIds, selectedFolderIds, selectAll, clear } = useAssetSelection();\n  const { trackUsage } = useTracking();\n  const { currentFolderId } = useFolderNavigation();\n  const isDetailsDrawerOpen = useIsAssetDetailsOpen();\n  const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n  // The delete request lives in DeleteItemsDialog; the bar mirrors its pending\n  // state so the rest of the controls stay disabled for the duration.\n  const [isDeleting, setIsDeleting] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n\n  // `innerHeight - top` rather than the bar's height: it also spans the gap the\n  // bar floats above the viewport edge (0 docked on mobile, `spaces[4]` for the\n  // desktop pill), so one measurement covers both layouts and no height is\n  // hardcoded.\n  const [barEl, setBarEl] = useState<HTMLElement | null>(null);\n  const [reservedSpace, setReservedSpace] = useState(0);\n\n  useEffect(() => {\n    if (!barEl) {\n      setReservedSpace(0);\n      return;\n    }\n\n    const measure = () => {\n      const rect = barEl.getBoundingClientRect();\n      // Zero height means the CSS has hidden the bar (drawer open on mobile) —\n      // reserving anything then would leave a gap under nothing.\n      setReservedSpace(rect.height === 0 ? 0 : Math.max(0, window.innerHeight - rect.top));\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(barEl);\n    window.addEventListener('resize', measure);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n    // `isDetailsDrawerOpen` toggles the bar's `display`, which a ResizeObserver\n    // is not guaranteed to report.\n  }, [barEl, isDetailsDrawerOpen]);\n\n  const handleSelectAll = () => {\n    trackUsage('didSelectAllMediaLibraryElements');\n    selectAll(renderedKeys);\n  };\n  const isBusy = isDeleting || isGeneratingMetadata;\n\n  // Stable identity: the move dialog memoizes its destination walk on it. Each\n  // item's real location comes from `locations`, so a selection made under a\n  // global search validates against each item's own parent rather than the\n  // folder currently open.\n  const moveItems = useMemo(\n    () => buildDragSetFromSelection(selectedIds, selectedFolderIds, locations, currentFolderId),\n    [selectedIds, selectedFolderIds, locations, currentFolderId]\n  );\n\n  /**\n   * The server processes the whole selection inside a single request and\n   * rejects anything above the cap with a 400. Disable the action up front so\n   * the limit is discoverable before the user commits to a request.\n   */\n  const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;\n\n  /**\n   * How many selected assets the AI provider can actually read. The server\n   * stays authoritative — it still reports what it skipped — but a selection\n   * with nothing eligible (a lone PDF, say) would only ever come back fully\n   * skipped, so there is no point sending it.\n   */\n  const eligibleCount = useMemo(() => {\n    const mimeById = new Map(assets.map(({ id, mime }) => [id, mime]));\n\n    return [...selectedIds].filter((id) => isAIMetadataSupportedMime(mimeById.get(id))).length;\n  }, [assets, selectedIds]);\n\n  const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;\n\n  /**\n   * Why the action is unavailable, surfaced on hover. `undefined` leaves the\n   * button without a tooltip — either it is usable, or it is disabled for a\n   * reason the selection count already makes obvious.\n   */\n  let metadataDisabledReason: string | undefined;\n\n  if (isOverMetadataLimit) {\n    metadataDisabledReason = formatMessage(\n      {\n        id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),\n        defaultMessage:\n          'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.',\n      },\n      { max: AI_METADATA_MAX_FILES }\n    );\n  } else if (hasNoEligibleAssets) {\n    metadataDisabledReason = formatMessage({\n      id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),\n      defaultMessage:\n        'Metadata can only be generated for images. None of the selected assets are supported.',\n    });\n  }\n\n  /**\n   * Metadata generation only applies to images — folders and unsupported files\n   * in the selection are reported back rather than blocking the action.\n   */\n  const handleCreateMetadata = async () => {\n    // Guard re-entry while pending, and never send a selection the server\n    // would reject outright or skip in full.\n    if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {\n      return;\n    }\n\n    const fileIds = Array.from(selectedIds);\n    const res = await generateAiMetadata({ fileIds });\n\n    if ('error' in res) {\n      // Keep the selection intact so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    const successCount = res.data.filter(({ status }) => status === 'success').length;\n    const skippedCount = res.data.filter(({ status }) => status === 'skipped').length;\n    const errorCount = res.data.filter(({ status }) => status === 'error').length;\n    // Folders are never sent, so they are not part of the response — but the\n    // user selected them, and a silent omission reads as a bug.\n    const folderCount = selectedFolderIds.size;\n\n    if (errorCount === res.data.length) {\n      // Nothing was written — treat it like a request-level failure and keep\n      // the selection so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {\n      toggleNotification({\n        type: 'success',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.success'),\n            defaultMessage:\n              '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}',\n          },\n          { count: successCount }\n        ),\n      });\n    } else {\n      // Partial outcome: report every bucket so the user knows what was left\n      // out — including folders, which were never eligible in the first place.\n      toggleNotification({\n        type: 'warning',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.partial'),\n            defaultMessage:\n              '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}',\n          },\n          { successCount, skippedCount, errorCount, folderCount }\n        ),\n      });\n    }\n\n    clear();\n  };\n\n  // Every bulk action is behind `assets.update`; with nothing selected, or\n  // without the permission, the bar has nothing to offer — drop it entirely\n  // rather than show a count + \"Clear selection\" over no actions (mirrors the\n  // drawer footer, which hides when no permitted action survives).\n  //\n  // With the drawer open the bar is hidden on mobile only, in CSS: there the two\n  // are stacked at `bottom: 0` and the bar (popover, 500) would cover the\n  // drawer's footer actions, since the drawer sits below the overlay token at\n  // 200. From `medium` up the drawer is a side panel and the bar is a centered\n  // pill, so they no longer collide.\n  if (count === 0 || !canUpdate) {\n    return null;\n  }\n\n  return (\n    <>\n      <Box aria-hidden height={`${reservedSpace}px`} data-bar-spacer />\n      <Bar\n        ref={setBarEl}\n        $isDrawerOpen={isDetailsDrawerOpen}\n        $isStacked={isAiMetadataEnabled}\n        tag=\"section\"\n        role=\"region\"\n        // The bar floats over the list but is not part of its background: a\n        // right-click on it keeps the browser's own menu. See MainAreaContextMenu.\n        data-native-context-menu\n        aria-label={formatMessage({\n          id: getTranslationKey('list.bulk-actions.label'),\n          defaultMessage: 'Bulk actions',\n        })}\n      >\n        <Typography data-bar-slot=\"count\" fontWeight=\"bold\" textColor=\"neutral800\" marginRight={4}>\n          {formatMessage(\n            {\n              id: getTranslationKey('list.bulk-actions.selected-count'),\n              defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}',\n            },\n            { count }\n          )}\n        </Typography>\n\n        <TextButton onClick={handleSelectAll} marginRight={4} disabled={isBusy}>\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.select-all'),\n            defaultMessage: 'Select all',\n          })}\n        </TextButton>\n\n        {/* Past the early return the user always has `assets.update`, so the\n            individual actions no longer re-check it. */}\n        <ActionCluster data-bar-slot=\"actions\">\n          {isAiMetadataEnabled && (\n            <Tooltip label={metadataDisabledReason}>\n              {/* Wrapped so the tooltip still receives pointer events while the\n                  button itself is disabled. */}\n              <Box>\n                <Button\n                  size=\"S\"\n                  startIcon={<Sparkle />}\n                  disabled={\n                    isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets\n                  }\n                  loading={isGeneratingMetadata}\n                  onClick={handleCreateMetadata}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('list.bulk-actions.create-metadata'),\n                    defaultMessage: 'Create metadata',\n                  })}\n                </Button>\n              </Box>\n            </Tooltip>\n          )}\n\n          <IconButton\n            variant=\"tertiary\"\n            disabled={isBusy}\n            label={formatMessage({\n              id: getTranslationKey('list.bulk-actions.move'),\n              defaultMessage: 'Move',\n            })}\n            onClick={() => setIsMoveDialogOpen(true)}\n          >\n            <ArrowRight />\n          </IconButton>\n          <BulkMoveDialog\n            open={isMoveDialogOpen}\n            onClose={() => setIsMoveDialogOpen(false)}\n            items={moveItems}\n            onSuccess={clear}\n          />\n\n          <IconButton\n            variant=\"danger-light\"\n            disabled={isBusy}\n            label={formatMessage({\n              id: getTranslationKey('list.bulk-actions.delete'),\n              defaultMessage: 'Delete',\n            })}\n            onClick={() => setIsDeleteDialogOpen(true)}\n          >\n            <Trash />\n          </IconButton>\n          <DeleteItemsDialog\n            open={isDeleteDialogOpen}\n            onClose={() => setIsDeleteDialogOpen(false)}\n            target={{\n              fileIds: Array.from(selectedIds),\n              folderIds: Array.from(selectedFolderIds),\n            }}\n            onSuccess={clear}\n            onPendingChange={setIsDeleting}\n          />\n        </ActionCluster>\n\n        <VerticalDivider data-bar-slot=\"divider\" aria-hidden />\n\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.clear'),\n            defaultMessage: 'Clear selection',\n          })}\n          onClick={clear}\n          disabled={isBusy}\n        >\n          <Cross />\n        </IconButton>\n      </Bar>\n    </>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","zIndices","popover","spaces","colors","neutral0","neutral150","shadows","popupShadow","$isDrawerOpen","$isStacked","css","breakpoints","medium","borderRadius","ActionCluster","VerticalDivider","Box","BulkActionsBar","assets","locations","emptyItemLocations","renderedKeys","formatMessage","useIntl","toggleNotification","useNotification","isAiMetadataEnabled","useAIMetadataEnabled","canUpdate","useMediaLibraryPermissions","selectedIds","selectedFolderIds","selectAll","clear","useAssetSelection","trackUsage","useTracking","currentFolderId","useFolderNavigation","isDetailsDrawerOpen","useIsAssetDetailsOpen","generateAiMetadata","isLoading","isGeneratingMetadata","useGenerateAiMetadataMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","isDeleting","setIsDeleting","count","size","barEl","setBarEl","reservedSpace","setReservedSpace","useEffect","measure","rect","getBoundingClientRect","height","Math","max","window","innerHeight","top","observer","ResizeObserver","observe","addEventListener","disconnect","removeEventListener","handleSelectAll","isBusy","moveItems","useMemo","buildDragSetFromSelection","isOverMetadataLimit","AI_METADATA_MAX_FILES","eligibleCount","mimeById","Map","map","id","mime","filter","isAIMetadataSupportedMime","get","length","hasNoEligibleAssets","metadataDisabledReason","getTranslationKey","defaultMessage","handleCreateMetadata","fileIds","Array","from","res","type","message","successCount","data","status","skippedCount","errorCount","folderCount","_jsxs","_Fragment","_jsx","aria-hidden","data-bar-spacer","ref","tag","role","data-native-context-menu","aria-label","Typography","data-bar-slot","fontWeight","textColor","marginRight","TextButton","onClick","disabled","Tooltip","label","Button","startIcon","Sparkle","loading","IconButton","variant","ArrowRight","BulkMoveDialog","open","onClose","items","onSuccess","Trash","DeleteItemsDialog","target","folderIds","onPendingChange","Cross"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/FolderTree/FolderTree.js

@@ -178,6 +178,18 @@ const useExpandedFolders = (folderStructure, currentFolderId)=>{
 /* -------------------------------------------------------------------------------------------------
  * FolderTreeItem — single tree row (internal)
  * -----------------------------------------------------------------------------------------------*/ const INDENT_PER_LEVEL_REM = 1.6;
+/**
+ * A leaf's chevron is present only to keep the folder names aligned, so it
+ * should read as absent. The design system's disabled state is built for real
+ * controls — a filled, bordered pill — which draws more attention than the
+ * enabled chevron next to it. Doubled selector to outrank that rule.
+ */ const ChevronButton = styledComponents.styled(designSystem.IconButton)`
+  &&[aria-disabled='true'] {
+    background: transparent;
+    border-color: transparent;
+    opacity: 0.3;
+  }
+`;
 const RotatingChevron = styledComponents.styled(icons.ChevronDown)`
   transform: rotate(${({ $expanded })=>$expanded ? '0deg' : '-90deg'});
   transition: transform 0.2s ease;
@@ -213,20 +225,26 @@ const FolderTreeItemInner = ({ id, name, folderChildren, level, currentFolderId,
                 $isInvalidDropCursor: showInvalidDropCursor,
                 $isMovePending: isMovePending,
                 children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                        label: formatMessage({
+                    /*#__PURE__*/ jsxRuntime.jsx(ChevronButton, {
+                        label: hasChildren ? formatMessage({
                             id: translations.getTranslationKey(isFolderExpanded ? 'sidebar.tree.collapse' : 'sidebar.tree.expand'),
                             defaultMessage: isFolderExpanded ? 'Collapse {name}' : 'Expand {name}'
                         }, {
                             name
+                        }) : formatMessage({
+                            id: translations.getTranslationKey('sidebar.tree.no-subfolders'),
+                            defaultMessage: 'The folder {name} has no subfolders'
+                        }, {
+                            name
                         }),
+                        disabled: !hasChildren,
                         onClick: (event)=>{
                             event.stopPropagation();
                             onToggle(id);
                         },
                         variant: "ghost",
                         withTooltip: false,
-                        "aria-expanded": isFolderExpanded,
+                        "aria-expanded": hasChildren ? isFolderExpanded : undefined,
                         children: /*#__PURE__*/ jsxRuntime.jsx(RotatingChevron, {
                             $expanded: isFolderExpanded,
                             fill: "neutral500"