@strapi/upload 5.51.1 → 5.51.2

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

@@ -7,16 +7,17 @@ var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
+var constants = require('../../../../shared/constants.js');
 var useAiAvailability = require('../../../../hooks/useAiAvailability.js');
+var useMediaLibraryPermissions = require('../../../hooks/useMediaLibraryPermissions.js');
 var assets = require('../../../services/assets.js');
 var translations = require('../../../utils/translations.js');
 var useAssetSelection = require('../hooks/useAssetSelection.js');
 var BulkMoveDialog = require('./BulkMoveDialog.js');
+var api = require('../../../services/api.js');
 
 /**
  * Floating bulk action bar for the future Media Library.
- *
- * TODO: create-metadata control is a styled stub (toast on click)
  */ const Bar = styledComponents.styled(designSystem.Flex)`
   position: fixed;
   bottom: ${({ theme })=>theme.spaces[4]};
@@ -42,23 +43,130 @@ const VerticalDivider = styledComponents.styled(designSystem.Box)`
   background: ${({ theme })=>theme.colors.neutral150};
   margin-left: ${({ theme })=>theme.spaces[1]};
 `;
-const BulkActionsBar = ()=>{
+const BulkActionsBar = ({ assets: assets$1 = [] })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
     const { isEnabled: isAiMetadataEnabled } = useAiAvailability.useAIAvailability();
+    // Every bulk action (move, delete, metadata) is an `assets.update` mutation
+    // server-side — one flag gates the whole cluster.
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
     const { selectedIds, selectedFolderIds, clear } = useAssetSelection.useAssetSelection();
     const [bulkDeleteItems, { isLoading: isDeleting }] = assets.useBulkDeleteItemsMutation();
+    const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = api.useGenerateAiMetadataMutation();
     const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false);
     const [isMoveDialogOpen, setIsMoveDialogOpen] = React.useState(false);
     const count = selectedIds.size + selectedFolderIds.size;
-    const showStubNotification = (translationKey, defaultMessage)=>{
-        toggleNotification({
-            type: 'info',
-            message: formatMessage({
-                id: translations.getTranslationKey(translationKey),
-                defaultMessage
-            })
+    const isBusy = isDeleting || isGeneratingMetadata;
+    /**
+   * The server processes the whole selection inside a single request and
+   * rejects anything above the cap with a 400. Disable the action up front so
+   * the limit is discoverable before the user commits to a request.
+   */ const isOverMetadataLimit = selectedIds.size > constants.AI_METADATA_MAX_FILES;
+    /**
+   * How many selected assets the AI provider can actually read. The server
+   * stays authoritative — it still reports what it skipped — but a selection
+   * with nothing eligible (a lone PDF, say) would only ever come back fully
+   * skipped, so there is no point sending it.
+   */ const eligibleCount = React.useMemo(()=>{
+        const mimeById = new Map(assets$1.map(({ id, mime })=>[
+                id,
+                mime
+            ]));
+        return [
+            ...selectedIds
+        ].filter((id)=>constants.isAIMetadataSupportedMime(mimeById.get(id))).length;
+    }, [
+        assets$1,
+        selectedIds
+    ]);
+    const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;
+    /**
+   * Why the action is unavailable, surfaced on hover. `undefined` leaves the
+   * button without a tooltip — either it is usable, or it is disabled for a
+   * reason the selection count already makes obvious.
+   */ let metadataDisabledReason;
+    if (isOverMetadataLimit) {
+        metadataDisabledReason = formatMessage({
+            id: translations.getTranslationKey('list.bulk-actions.create-metadata.too-many'),
+            defaultMessage: 'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.'
+        }, {
+            max: constants.AI_METADATA_MAX_FILES
+        });
+    } else if (hasNoEligibleAssets) {
+        metadataDisabledReason = formatMessage({
+            id: translations.getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),
+            defaultMessage: 'Metadata can only be generated for images. None of the selected assets are supported.'
+        });
+    }
+    /**
+   * Metadata generation only applies to images — folders and unsupported files
+   * in the selection are reported back rather than blocking the action.
+   */ const handleCreateMetadata = async ()=>{
+        // Guard re-entry while pending, and never send a selection the server
+        // would reject outright or skip in full.
+        if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {
+            return;
+        }
+        const fileIds = Array.from(selectedIds);
+        const res = await generateAiMetadata({
+            fileIds
         });
+        if ('error' in res) {
+            // Keep the selection intact so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        const successCount = res.data.filter(({ status })=>status === 'success').length;
+        const skippedCount = res.data.filter(({ status })=>status === 'skipped').length;
+        const errorCount = res.data.filter(({ status })=>status === 'error').length;
+        // Folders are never sent, so they are not part of the response — but the
+        // user selected them, and a silent omission reads as a bug.
+        const folderCount = selectedFolderIds.size;
+        if (errorCount === res.data.length) {
+            // Nothing was written — treat it like a request-level failure and keep
+            // the selection so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.success'),
+                    defaultMessage: '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}'
+                }, {
+                    count: successCount
+                })
+            });
+        } else {
+            // Partial outcome: report every bucket so the user knows what was left
+            // out — including folders, which were never eligible in the first place.
+            toggleNotification({
+                type: 'warning',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.partial'),
+                    defaultMessage: '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}'
+                }, {
+                    successCount,
+                    skippedCount,
+                    errorCount,
+                    folderCount
+                })
+            });
+        }
+        clear();
     };
     const handleConfirmDelete = async (e)=>{
         // Radix AlertDialog.Action closes the dialog on click by default; prevent
@@ -97,7 +205,11 @@ const BulkActionsBar = ()=>{
         });
         clear();
     };
-    if (count === 0) {
+    // Every bulk action is behind `assets.update`; with nothing selected, or
+    // without the permission, the bar has nothing to offer — drop it entirely
+    // rather than show a count + "Clear selection" over no actions (mirrors the
+    // drawer footer, which hides when no permitted action survives).
+    if (count === 0 || !canUpdate) {
         return null;
     }
     return /*#__PURE__*/ jsxRuntime.jsxs(Bar, {
@@ -121,19 +233,25 @@ const BulkActionsBar = ()=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsxs(ActionCluster, {
                 children: [
-                    isAiMetadataEnabled && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                        size: "S",
-                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Sparkle, {}),
-                        disabled: isDeleting,
-                        onClick: ()=>showStubNotification('list.bulk-actions.create-metadata-not-available', "Generate metadata isn't available yet"),
-                        children: formatMessage({
-                            id: translations.getTranslationKey('list.bulk-actions.create-metadata'),
-                            defaultMessage: 'Create metadata'
+                    isAiMetadataEnabled && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                        label: metadataDisabledReason,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                size: "S",
+                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Sparkle, {}),
+                                disabled: isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets,
+                                loading: isGeneratingMetadata,
+                                onClick: handleCreateMetadata,
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.bulk-actions.create-metadata'),
+                                    defaultMessage: 'Create metadata'
+                                })
+                            })
                         })
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
                         variant: "tertiary",
-                        disabled: isDeleting,
+                        disabled: isBusy,
                         label: formatMessage({
                             id: translations.getTranslationKey('list.bulk-actions.move'),
                             defaultMessage: 'Move'
@@ -158,7 +276,7 @@ const BulkActionsBar = ()=>{
                             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
                                 children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
                                     variant: "danger-light",
-                                    disabled: isDeleting,
+                                    disabled: isBusy,
                                     label: formatMessage({
                                         id: translations.getTranslationKey('list.bulk-actions.delete'),
                                         defaultMessage: 'Delete'
@@ -241,7 +359,7 @@ const BulkActionsBar = ()=>{
                     defaultMessage: 'Clear selection'
                 }),
                 onClick: clear,
-                disabled: isDeleting,
+                disabled: isBusy,
                 children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
             })
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"BulkActionsBar.js","sources":["../../../../../../admin/src/future/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useState, type MouseEvent } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Dialog, Flex, IconButton, Typography } from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useAIAvailability } from '../../../../hooks/useAiAvailability';\nimport { useBulkDeleteItemsMutation } from '../../../services/assets';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\n\n/**\n * Floating bulk action bar for the future Media Library.\n *\n * TODO: create-metadata control is a styled stub (toast on click)\n */\nconst Bar = styled(Flex)`\n  position: fixed;\n  bottom: ${({ theme }) => theme.spaces[4]};\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: ${({ theme }) => theme.zIndices.popover};\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: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\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\nexport const BulkActionsBar = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { isEnabled: isAiMetadataEnabled } = useAIAvailability();\n  const { selectedIds, selectedFolderIds, clear } = useAssetSelection();\n  const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n\n  const showStubNotification = (translationKey: string, defaultMessage: string) => {\n    toggleNotification({\n      type: 'info',\n      message: formatMessage({\n        id: getTranslationKey(translationKey),\n        defaultMessage,\n      }),\n    });\n  };\n\n  const handleConfirmDelete = async (e: MouseEvent) => {\n    // Radix AlertDialog.Action closes the dialog on click by default; prevent\n    // that so the dialog stays open showing the loader while the request runs\n    // (a bulk delete can take a while depending on the number of assets).\n    e.preventDefault();\n\n    // Guard re-entry while pending.\n    if (isDeleting) {\n      return;\n    }\n\n    const res = await bulkDeleteItems({\n      fileIds: Array.from(selectedIds),\n      folderIds: Array.from(selectedFolderIds),\n    });\n\n    if ('error' in res) {\n      // Keep the dialog open and the selection intact so the user can retry\n      // (Confirm again) or Cancel; only surface the error toast.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.delete.error'),\n          defaultMessage: 'An error occurred while deleting the items.',\n        }),\n      });\n      return;\n    }\n\n    setIsDeleteDialogOpen(false);\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.delete.success'),\n          defaultMessage:\n            '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}',\n        },\n        { count }\n      ),\n    });\n    clear();\n  };\n\n  if (count === 0) {\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      <ActionCluster>\n        {isAiMetadataEnabled && (\n          <Button\n            size=\"S\"\n            startIcon={<Sparkle />}\n            disabled={isDeleting}\n            onClick={() =>\n              showStubNotification(\n                'list.bulk-actions.create-metadata-not-available',\n                \"Generate metadata isn't available yet\"\n              )\n            }\n          >\n            {formatMessage({\n              id: getTranslationKey('list.bulk-actions.create-metadata'),\n              defaultMessage: 'Create metadata',\n            })}\n          </Button>\n        )}\n\n        <IconButton\n          variant=\"tertiary\"\n          disabled={isDeleting}\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 open={isMoveDialogOpen} onClose={() => setIsMoveDialogOpen(false)} />\n\n        <Dialog.Root\n          open={isDeleteDialogOpen}\n          onOpenChange={(open: boolean) => {\n            // The dialog must stay open while the request runs — a bulk delete\n            // can't be aborted halfway, so the loader is the source of truth.\n            if (!isDeleting) {\n              setIsDeleteDialogOpen(open);\n            }\n          }}\n        >\n          <Dialog.Trigger>\n            <IconButton\n              variant=\"danger-light\"\n              disabled={isDeleting}\n              label={formatMessage({\n                id: getTranslationKey('list.bulk-actions.delete'),\n                defaultMessage: 'Delete',\n              })}\n            >\n              <Trash />\n            </IconButton>\n          </Dialog.Trigger>\n          <Dialog.Content>\n            <Dialog.Header>\n              {formatMessage(\n                {\n                  id: getTranslationKey('list.bulk-actions.delete.confirm.title'),\n                  defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?',\n                },\n                { count }\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n              textAlign=\"center\"\n            >\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.are-you-sure'\n                  ),\n                  defaultMessage:\n                    'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.',\n                })}\n              </Typography>\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.cant-be-undone'\n                  ),\n                  defaultMessage:\n                    'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.',\n                })}\n              </Typography>\n            </Dialog.Body>\n            <Dialog.Footer>\n              <Dialog.Cancel>\n                <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n                  {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n                </Button>\n              </Dialog.Cancel>\n              <Dialog.Action>\n                <Button\n                  variant=\"danger-light\"\n                  loading={isDeleting}\n                  onClick={handleConfirmDelete}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'app.components.Button.confirm',\n                    defaultMessage: 'Confirm',\n                  })}\n                </Button>\n              </Dialog.Action>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog.Root>\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={isDeleting}\n      >\n        <Cross />\n      </IconButton>\n    </Bar>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","spaces","zIndices","popover","colors","neutral0","neutral150","borderRadius","shadows","popupShadow","ActionCluster","VerticalDivider","Box","BulkActionsBar","formatMessage","useIntl","toggleNotification","useNotification","isEnabled","isAiMetadataEnabled","useAIAvailability","selectedIds","selectedFolderIds","clear","useAssetSelection","bulkDeleteItems","isLoading","isDeleting","useBulkDeleteItemsMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","count","size","showStubNotification","translationKey","defaultMessage","type","message","id","getTranslationKey","handleConfirmDelete","e","preventDefault","res","fileIds","Array","from","folderIds","_jsxs","tag","role","aria-label","_jsx","Typography","fontWeight","textColor","marginRight","Button","startIcon","Sparkle","disabled","onClick","IconButton","variant","label","ArrowRight","BulkMoveDialog","open","onClose","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","Body","icon","WarningCircle","width","height","fill","textAlign","Footer","Cancel","fullWidth","Action","loading","aria-hidden","Cross"],"mappings":"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"}
+{"version":3,"file":"BulkActionsBar.js","sources":["../../../../../../admin/src/future/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useMemo, useState, type MouseEvent } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Dialog, Flex, IconButton, Tooltip, Typography } from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash, WarningCircle } 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 { useAIAvailability } from '../../../../hooks/useAiAvailability';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport {\n  useBulkDeleteItemsMutation,\n  useGenerateAiMetadataMutation,\n} from '../../../services/assets';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\n\n/**\n * Floating bulk action bar for the future Media Library.\n */\nconst Bar = styled(Flex)`\n  position: fixed;\n  bottom: ${({ theme }) => theme.spaces[4]};\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: ${({ theme }) => theme.zIndices.popover};\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: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\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\nexport const BulkActionsBar = ({ assets = [] }: BulkActionsBarProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { isEnabled: isAiMetadataEnabled } = useAIAvailability();\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 [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();\n  const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n  const isBusy = isDeleting || isGeneratingMetadata;\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  const handleConfirmDelete = async (e: MouseEvent) => {\n    // Radix AlertDialog.Action closes the dialog on click by default; prevent\n    // that so the dialog stays open showing the loader while the request runs\n    // (a bulk delete can take a while depending on the number of assets).\n    e.preventDefault();\n\n    // Guard re-entry while pending.\n    if (isDeleting) {\n      return;\n    }\n\n    const res = await bulkDeleteItems({\n      fileIds: Array.from(selectedIds),\n      folderIds: Array.from(selectedFolderIds),\n    });\n\n    if ('error' in res) {\n      // Keep the dialog open and the selection intact so the user can retry\n      // (Confirm again) or Cancel; only surface the error toast.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.delete.error'),\n          defaultMessage: 'An error occurred while deleting the items.',\n        }),\n      });\n      return;\n    }\n\n    setIsDeleteDialogOpen(false);\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.delete.success'),\n          defaultMessage:\n            '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}',\n        },\n        { count }\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  if (count === 0 || !canUpdate) {\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 open={isMoveDialogOpen} onClose={() => setIsMoveDialogOpen(false)} />\n\n        <Dialog.Root\n          open={isDeleteDialogOpen}\n          onOpenChange={(open: boolean) => {\n            // The dialog must stay open while the request runs — a bulk delete\n            // can't be aborted halfway, so the loader is the source of truth.\n            if (!isDeleting) {\n              setIsDeleteDialogOpen(open);\n            }\n          }}\n        >\n          <Dialog.Trigger>\n            <IconButton\n              variant=\"danger-light\"\n              disabled={isBusy}\n              label={formatMessage({\n                id: getTranslationKey('list.bulk-actions.delete'),\n                defaultMessage: 'Delete',\n              })}\n            >\n              <Trash />\n            </IconButton>\n          </Dialog.Trigger>\n          <Dialog.Content>\n            <Dialog.Header>\n              {formatMessage(\n                {\n                  id: getTranslationKey('list.bulk-actions.delete.confirm.title'),\n                  defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?',\n                },\n                { count }\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n              textAlign=\"center\"\n            >\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.are-you-sure'\n                  ),\n                  defaultMessage:\n                    'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.',\n                })}\n              </Typography>\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.cant-be-undone'\n                  ),\n                  defaultMessage:\n                    'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.',\n                })}\n              </Typography>\n            </Dialog.Body>\n            <Dialog.Footer>\n              <Dialog.Cancel>\n                <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n                  {formatMessage({\n                    id: 'app.components.Button.cancel',\n                    defaultMessage: 'Cancel',\n                  })}\n                </Button>\n              </Dialog.Cancel>\n              <Dialog.Action>\n                <Button\n                  variant=\"danger-light\"\n                  loading={isDeleting}\n                  onClick={handleConfirmDelete}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'app.components.Button.confirm',\n                    defaultMessage: 'Confirm',\n                  })}\n                </Button>\n              </Dialog.Action>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog.Root>\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","spaces","zIndices","popover","colors","neutral0","neutral150","borderRadius","shadows","popupShadow","ActionCluster","VerticalDivider","Box","BulkActionsBar","assets","formatMessage","useIntl","toggleNotification","useNotification","isEnabled","isAiMetadataEnabled","useAIAvailability","canUpdate","useMediaLibraryPermissions","selectedIds","selectedFolderIds","clear","useAssetSelection","bulkDeleteItems","isLoading","isDeleting","useBulkDeleteItemsMutation","generateAiMetadata","isGeneratingMetadata","useGenerateAiMetadataMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","count","size","isBusy","isOverMetadataLimit","AI_METADATA_MAX_FILES","eligibleCount","useMemo","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","handleConfirmDelete","e","preventDefault","folderIds","_jsxs","tag","role","aria-label","_jsx","Typography","fontWeight","textColor","marginRight","Tooltip","label","Button","startIcon","Sparkle","disabled","loading","onClick","IconButton","variant","ArrowRight","BulkMoveDialog","open","onClose","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","Body","icon","WarningCircle","width","height","fill","textAlign","Footer","Cancel","fullWidth","Action","aria-hidden","Cross"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA;;AAEC,IACD,MAAMA,GAAAA,GAAMC,uBAAAA,CAAOC,iBAAAA,CAAK;;UAEd,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;WAGhC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,QAAQ,CAACC,OAAO,CAAC;;OAE5C,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7B,WAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GACnB,CAAA,EAAGA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,MAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;cACpE,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMI,MAAM,CAACC,QAAQ,CAAC;oBACjC,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMI,MAAM,CAACE,UAAU,CAAC;AAC5C,iBAAA,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMO,YAAY,CAAC;cACvC,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMQ,OAAO,CAACC,WAAW,CAAC;AACzD,CAAC;AAED,MAAMC,aAAAA,GAAgBZ,uBAAAA,CAAOC,iBAAAA,CAAK;;;OAG3B,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AACxC,CAAC;AAED,MAAMU,eAAAA,GAAkBb,uBAAAA,CAAOc,gBAAAA,CAAI;;;cAGrB,EAAE,CAAC,EAAEZ,KAAK,EAAE,GAAKA,KAAAA,CAAMI,MAAM,CAACE,UAAU,CAAC;eACxC,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAChD,CAAC;MAcYY,cAAAA,GAAiB,CAAC,UAAEC,QAAAA,GAAS,EAAE,EAAuB,GAAA;IACjE,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,SAAAA,EAAWC,mBAAmB,EAAE,GAAGC,mCAAAA,EAAAA;;;IAG3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,qDAAAA,EAAAA;AACtB,IAAA,MAAM,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,KAAK,EAAE,GAAGC,mCAAAA,EAAAA;AAClD,IAAA,MAAM,CAACC,eAAAA,EAAiB,EAAEC,WAAWC,UAAU,EAAE,CAAC,GAAGC,iCAAAA,EAAAA;AACrD,IAAA,MAAM,CAACC,kBAAAA,EAAoB,EAAEH,WAAWI,oBAAoB,EAAE,CAAC,GAAGC,iCAAAA,EAAAA;AAClE,IAAA,MAAM,CAACC,kBAAAA,EAAoBC,qBAAAA,CAAsB,GAAGC,cAAAA,CAAS,KAAA,CAAA;AAC7D,IAAA,MAAM,CAACC,gBAAAA,EAAkBC,mBAAAA,CAAoB,GAAGF,cAAAA,CAAS,KAAA,CAAA;AAEzD,IAAA,MAAMG,KAAAA,GAAQhB,WAAAA,CAAYiB,IAAI,GAAGhB,kBAAkBgB,IAAI;AACvD,IAAA,MAAMC,SAASZ,UAAAA,IAAcG,oBAAAA;AAE7B;;;;AAIC,MACD,MAAMU,mBAAAA,GAAsBnB,WAAAA,CAAYiB,IAAI,GAAGG,+BAAAA;AAE/C;;;;;MAMA,MAAMC,gBAAgBC,aAAAA,CAAQ,IAAA;AAC5B,QAAA,MAAMC,QAAAA,GAAW,IAAIC,GAAAA,CAAIlC,QAAAA,CAAOmC,GAAG,CAAC,CAAC,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAK;AAACD,gBAAAA,EAAAA;AAAIC,gBAAAA;AAAK,aAAA,CAAA,CAAA;QAEhE,OAAO;AAAI3B,YAAAA,GAAAA;SAAY,CAAC4B,MAAM,CAAC,CAACF,EAAAA,GAAOG,oCAA0BN,QAAAA,CAASO,GAAG,CAACJ,EAAAA,CAAAA,CAAAA,CAAAA,CAAMK,MAAM;IAC5F,CAAA,EAAG;AAACzC,QAAAA,QAAAA;AAAQU,QAAAA;AAAY,KAAA,CAAA;AAExB,IAAA,MAAMgC,mBAAAA,GAAsBhC,WAAAA,CAAYiB,IAAI,GAAG,KAAKI,aAAAA,KAAkB,CAAA;AAEtE;;;;AAIC,MACD,IAAIY,sBAAAA;AAEJ,IAAA,IAAId,mBAAAA,EAAqB;AACvBc,QAAAA,sBAAAA,GAAyB1C,aAAAA,CACvB;AACEmC,YAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,4CAAA,CAAA;YACtBC,cAAAA,EACE;SACJ,EACA;YAAEC,GAAAA,EAAKhB;AAAsB,SAAA,CAAA;AAEjC,IAAA,CAAA,MAAO,IAAIY,mBAAAA,EAAqB;AAC9BC,QAAAA,sBAAAA,GAAyB1C,aAAAA,CAAc;AACrCmC,YAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,+CAAA,CAAA;YACtBC,cAAAA,EACE;AACJ,SAAA,CAAA;AACF,IAAA;AAEA;;;AAGC,MACD,MAAME,oBAAAA,GAAuB,UAAA;;;QAG3B,IAAI5B,oBAAAA,IAAwBU,uBAAuBa,mBAAAA,EAAqB;AACtE,YAAA;AACF,QAAA;QAEA,MAAMM,OAAAA,GAAUC,KAAAA,CAAMC,IAAI,CAACxC,WAAAA,CAAAA;QAC3B,MAAMyC,GAAAA,GAAM,MAAMjC,kBAAAA,CAAmB;AAAE8B,YAAAA;AAAQ,SAAA,CAAA;AAE/C,QAAA,IAAI,WAAWG,GAAAA,EAAK;;YAElBhD,kBAAAA,CAAmB;gBACjBiD,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASpD,aAAAA,CAAc;AACrBmC,oBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,yCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACA,YAAA;AACF,QAAA;AAEA,QAAA,MAAMS,YAAAA,GAAeH,GAAAA,CAAII,IAAI,CAACjB,MAAM,CAAC,CAAC,EAAEkB,MAAM,EAAE,GAAKA,MAAAA,KAAW,WAAWf,MAAM;AACjF,QAAA,MAAMgB,YAAAA,GAAeN,GAAAA,CAAII,IAAI,CAACjB,MAAM,CAAC,CAAC,EAAEkB,MAAM,EAAE,GAAKA,MAAAA,KAAW,WAAWf,MAAM;AACjF,QAAA,MAAMiB,UAAAA,GAAaP,GAAAA,CAAII,IAAI,CAACjB,MAAM,CAAC,CAAC,EAAEkB,MAAM,EAAE,GAAKA,MAAAA,KAAW,SAASf,MAAM;;;QAG7E,MAAMkB,WAAAA,GAAchD,kBAAkBgB,IAAI;AAE1C,QAAA,IAAI+B,UAAAA,KAAeP,GAAAA,CAAII,IAAI,CAACd,MAAM,EAAE;;;YAGlCtC,kBAAAA,CAAmB;gBACjBiD,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASpD,aAAAA,CAAc;AACrBmC,oBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,yCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACA,YAAA;AACF,QAAA;AAEA,QAAA,IAAIY,YAAAA,KAAiB,CAAA,IAAKC,UAAAA,KAAe,CAAA,IAAKC,gBAAgB,CAAA,EAAG;YAC/DxD,kBAAAA,CAAmB;gBACjBiD,IAAAA,EAAM,SAAA;AACNC,gBAAAA,OAAAA,EAASpD,aAAAA,CACP;AACEmC,oBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,2CAAA,CAAA;oBACtBC,cAAAA,EACE;iBACJ,EACA;oBAAEnB,KAAAA,EAAO4B;AAAa,iBAAA;AAE1B,aAAA,CAAA;QACF,CAAA,MAAO;;;YAGLnD,kBAAAA,CAAmB;gBACjBiD,IAAAA,EAAM,SAAA;AACNC,gBAAAA,OAAAA,EAASpD,aAAAA,CACP;AACEmC,oBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,2CAAA,CAAA;oBACtBC,cAAAA,EACE;iBACJ,EACA;AAAES,oBAAAA,YAAAA;AAAcG,oBAAAA,YAAAA;AAAcC,oBAAAA,UAAAA;AAAYC,oBAAAA;AAAY,iBAAA;AAE1D,aAAA,CAAA;AACF,QAAA;AAEA/C,QAAAA,KAAAA,EAAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMgD,sBAAsB,OAAOC,CAAAA,GAAAA;;;;AAIjCA,QAAAA,CAAAA,CAAEC,cAAc,EAAA;;AAGhB,QAAA,IAAI9C,UAAAA,EAAY;AACd,YAAA;AACF,QAAA;QAEA,MAAMmC,GAAAA,GAAM,MAAMrC,eAAAA,CAAgB;YAChCkC,OAAAA,EAASC,KAAAA,CAAMC,IAAI,CAACxC,WAAAA,CAAAA;YACpBqD,SAAAA,EAAWd,KAAAA,CAAMC,IAAI,CAACvC,iBAAAA;AACxB,SAAA,CAAA;AAEA,QAAA,IAAI,WAAWwC,GAAAA,EAAK;;;YAGlBhD,kBAAAA,CAAmB;gBACjBiD,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASpD,aAAAA,CAAc;AACrBmC,oBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,gCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;AACF,aAAA,CAAA;AACA,YAAA;AACF,QAAA;QAEAvB,qBAAAA,CAAsB,KAAA,CAAA;QACtBnB,kBAAAA,CAAmB;YACjBiD,IAAAA,EAAM,SAAA;AACNC,YAAAA,OAAAA,EAASpD,aAAAA,CACP;AACEmC,gBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,kCAAA,CAAA;gBACtBC,cAAAA,EACE;aACJ,EACA;AAAEnB,gBAAAA;AAAM,aAAA;AAEZ,SAAA,CAAA;AACAd,QAAAA,KAAAA,EAAAA;AACF,IAAA,CAAA;;;;;IAMA,IAAIc,KAAAA,KAAU,CAAA,IAAK,CAAClB,SAAAA,EAAW;QAC7B,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEwD,eAAA,CAACjF,GAAAA,EAAAA;QACCkF,GAAAA,EAAI,SAAA;QACJC,IAAAA,EAAK,QAAA;AACLC,QAAAA,YAAAA,EAAYlE,aAAAA,CAAc;AACxBmC,YAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,yBAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB,SAAA,CAAA;;0BAEAuB,cAAA,CAACC,uBAAAA,EAAAA;gBAAWC,UAAAA,EAAW,MAAA;gBAAOC,SAAAA,EAAU,YAAA;gBAAaC,WAAAA,EAAa,CAAA;0BAC/DvE,aAAAA,CACC;AACEmC,oBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,kCAAA,CAAA;oBACtBC,cAAAA,EAAgB;iBAClB,EACA;AAAEnB,oBAAAA;AAAM,iBAAA;;0BAMZsC,eAAA,CAACpE,aAAAA,EAAAA;;AACEU,oBAAAA,mBAAAA,kBACC8D,cAAA,CAACK,oBAAAA,EAAAA;wBAAQC,KAAAA,EAAO/B,sBAAAA;AAGd,wBAAA,QAAA,gBAAAyB,cAAA,CAACtE,gBAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAsE,cAAA,CAACO,mBAAAA,EAAAA;gCACChD,IAAAA,EAAK,GAAA;AACLiD,gCAAAA,SAAAA,gBAAWR,cAAA,CAACS,aAAAA,EAAAA,EAAAA,CAAAA;AACZC,gCAAAA,QAAAA,EACElD,MAAAA,IAAUlB,WAAAA,CAAYiB,IAAI,KAAK,KAAKE,mBAAAA,IAAuBa,mBAAAA;gCAE7DqC,OAAAA,EAAS5D,oBAAAA;gCACT6D,OAAAA,EAASjC,oBAAAA;0CAER9C,aAAAA,CAAc;AACbmC,oCAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,mCAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;;;kCAMRuB,cAAA,CAACa,uBAAAA,EAAAA;wBACCC,OAAAA,EAAQ,UAAA;wBACRJ,QAAAA,EAAUlD,MAAAA;AACV8C,wBAAAA,KAAAA,EAAOzE,aAAAA,CAAc;AACnBmC,4BAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,wBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;AACAmC,wBAAAA,OAAAA,EAAS,IAAMvD,mBAAAA,CAAoB,IAAA,CAAA;AAEnC,wBAAA,QAAA,gBAAA2C,cAAA,CAACe,gBAAAA,EAAAA,EAAAA;;kCAEHf,cAAA,CAACgB,6BAAAA,EAAAA;wBAAeC,IAAAA,EAAM7D,gBAAAA;AAAkB8D,wBAAAA,OAAAA,EAAS,IAAM7D,mBAAAA,CAAoB,KAAA;;AAE3E,kCAAAuC,eAAA,CAACuB,oBAAOC,IAAI,EAAA;wBACVH,IAAAA,EAAMhE,kBAAAA;AACNoE,wBAAAA,YAAAA,EAAc,CAACJ,IAAAA,GAAAA;;;AAGb,4BAAA,IAAI,CAACrE,UAAAA,EAAY;gCACfM,qBAAAA,CAAsB+D,IAAAA,CAAAA;AACxB,4BAAA;AACF,wBAAA,CAAA;;AAEA,0CAAAjB,cAAA,CAACmB,oBAAOG,OAAO,EAAA;AACb,gCAAA,QAAA,gBAAAtB,cAAA,CAACa,uBAAAA,EAAAA;oCACCC,OAAAA,EAAQ,cAAA;oCACRJ,QAAAA,EAAUlD,MAAAA;AACV8C,oCAAAA,KAAAA,EAAOzE,aAAAA,CAAc;AACnBmC,wCAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,0BAAA,CAAA;wCACtBC,cAAAA,EAAgB;AAClB,qCAAA,CAAA;AAEA,oCAAA,QAAA,gBAAAuB,cAAA,CAACuB,WAAAA,EAAAA,EAAAA;;;AAGL,0CAAA3B,eAAA,CAACuB,oBAAOK,OAAO,EAAA;;AACb,kDAAAxB,cAAA,CAACmB,oBAAOM,MAAM,EAAA;kDACX5F,aAAAA,CACC;AACEmC,4CAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,wCAAA,CAAA;4CACtBC,cAAAA,EAAgB;yCAClB,EACA;AAAEnB,4CAAAA;AAAM,yCAAA;;AAGZ,kDAAAsC,eAAA,CAACuB,oBAAOO,IAAI,EAAA;AACVC,wCAAAA,IAAAA,gBAAM3B,cAAA,CAAC4B,mBAAAA,EAAAA;4CAAcC,KAAAA,EAAM,MAAA;4CAAOC,MAAAA,EAAO,MAAA;4CAAOC,IAAAA,EAAK;;wCACrDC,SAAAA,EAAU,QAAA;;0DAEVhC,cAAA,CAACC,uBAAAA,EAAAA;0DACEpE,aAAAA,CAAc;AACbmC,oDAAAA,EAAAA,EAAIQ,8BAAAA,CACF,2DAAA,CAAA;oDAEFC,cAAAA,EACE;AACJ,iDAAA;;0DAEFuB,cAAA,CAACC,uBAAAA,EAAAA;0DACEpE,aAAAA,CAAc;AACbmC,oDAAAA,EAAAA,EAAIQ,8BAAAA,CACF,6DAAA,CAAA;oDAEFC,cAAAA,EACE;AACJ,iDAAA;;;;AAGJ,kDAAAmB,eAAA,CAACuB,oBAAOc,MAAM,EAAA;;AACZ,0DAAAjC,cAAA,CAACmB,oBAAOe,MAAM,EAAA;AACZ,gDAAA,QAAA,gBAAAlC,cAAA,CAACO,mBAAAA,EAAAA;oDAAOO,OAAAA,EAAQ,UAAA;oDAAWJ,QAAAA,EAAU9D,UAAAA;oDAAYuF,SAAS,EAAA,IAAA;8DACvDtG,aAAAA,CAAc;wDACbmC,EAAAA,EAAI,8BAAA;wDACJS,cAAAA,EAAgB;AAClB,qDAAA;;;AAGJ,0DAAAuB,cAAA,CAACmB,oBAAOiB,MAAM,EAAA;AACZ,gDAAA,QAAA,gBAAApC,cAAA,CAACO,mBAAAA,EAAAA;oDACCO,OAAAA,EAAQ,cAAA;oDACRH,OAAAA,EAAS/D,UAAAA;oDACTgE,OAAAA,EAASpB,mBAAAA;oDACT2C,SAAS,EAAA,IAAA;8DAERtG,aAAAA,CAAc;wDACbmC,EAAAA,EAAI,+BAAA;wDACJS,cAAAA,EAAgB;AAClB,qDAAA;;;;;;;;;;;0BAQZuB,cAAA,CAACvE,eAAAA,EAAAA;gBAAgB4G,aAAW,EAAA;;0BAE5BrC,cAAA,CAACa,uBAAAA,EAAAA;gBACCC,OAAAA,EAAQ,OAAA;AACRR,gBAAAA,KAAAA,EAAOzE,aAAAA,CAAc;AACnBmC,oBAAAA,EAAAA,EAAIQ,8BAAAA,CAAkB,yBAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAmC,OAAAA,EAASpE,KAAAA;gBACTkE,QAAAA,EAAUlD,MAAAA;AAEV,gBAAA,QAAA,gBAAAwC,cAAA,CAACsC,WAAAA,EAAAA,EAAAA;;;;AAIT;;;;"}

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

@@ -1,20 +1,21 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import { useNotification } from '@strapi/admin/strapi-admin';
-import { Typography, Button, IconButton, Dialog, Flex, Box } from '@strapi/design-system';
+import { Typography, Tooltip, Box, Button, IconButton, Dialog, Flex } from '@strapi/design-system';
 import { Sparkle, ArrowRight, Trash, WarningCircle, Cross } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
+import { AI_METADATA_MAX_FILES, isAIMetadataSupportedMime } from '../../../../shared/constants.mjs';
 import { useAIAvailability } from '../../../../hooks/useAiAvailability.mjs';
+import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
 import { useBulkDeleteItemsMutation } from '../../../services/assets.mjs';
 import { getTranslationKey } from '../../../utils/translations.mjs';
 import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
 import { BulkMoveDialog } from './BulkMoveDialog.mjs';
+import { useGenerateAiMetadataMutation } from '../../../services/api.mjs';
 
 /**
  * Floating bulk action bar for the future Media Library.
- *
- * TODO: create-metadata control is a styled stub (toast on click)
  */ const Bar = styled(Flex)`
   position: fixed;
   bottom: ${({ theme })=>theme.spaces[4]};
@@ -40,23 +41,130 @@ const VerticalDivider = styled(Box)`
   background: ${({ theme })=>theme.colors.neutral150};
   margin-left: ${({ theme })=>theme.spaces[1]};
 `;
-const BulkActionsBar = ()=>{
+const BulkActionsBar = ({ assets = [] })=>{
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
     const { isEnabled: isAiMetadataEnabled } = useAIAvailability();
+    // 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 [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();
+    const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();
     const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
     const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);
     const count = selectedIds.size + selectedFolderIds.size;
-    const showStubNotification = (translationKey, defaultMessage)=>{
-        toggleNotification({
-            type: 'info',
-            message: formatMessage({
-                id: getTranslationKey(translationKey),
-                defaultMessage
-            })
+    const isBusy = isDeleting || isGeneratingMetadata;
+    /**
+   * The server processes the whole selection inside a single request and
+   * rejects anything above the cap with a 400. Disable the action up front so
+   * the limit is discoverable before the user commits to a request.
+   */ const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;
+    /**
+   * How many selected assets the AI provider can actually read. The server
+   * stays authoritative — it still reports what it skipped — but a selection
+   * with nothing eligible (a lone PDF, say) would only ever come back fully
+   * skipped, so there is no point sending it.
+   */ const eligibleCount = useMemo(()=>{
+        const mimeById = new Map(assets.map(({ id, mime })=>[
+                id,
+                mime
+            ]));
+        return [
+            ...selectedIds
+        ].filter((id)=>isAIMetadataSupportedMime(mimeById.get(id))).length;
+    }, [
+        assets,
+        selectedIds
+    ]);
+    const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;
+    /**
+   * Why the action is unavailable, surfaced on hover. `undefined` leaves the
+   * button without a tooltip — either it is usable, or it is disabled for a
+   * reason the selection count already makes obvious.
+   */ let metadataDisabledReason;
+    if (isOverMetadataLimit) {
+        metadataDisabledReason = formatMessage({
+            id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),
+            defaultMessage: 'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.'
+        }, {
+            max: AI_METADATA_MAX_FILES
+        });
+    } else if (hasNoEligibleAssets) {
+        metadataDisabledReason = formatMessage({
+            id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),
+            defaultMessage: 'Metadata can only be generated for images. None of the selected assets are supported.'
+        });
+    }
+    /**
+   * Metadata generation only applies to images — folders and unsupported files
+   * in the selection are reported back rather than blocking the action.
+   */ const handleCreateMetadata = async ()=>{
+        // Guard re-entry while pending, and never send a selection the server
+        // would reject outright or skip in full.
+        if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {
+            return;
+        }
+        const fileIds = Array.from(selectedIds);
+        const res = await generateAiMetadata({
+            fileIds
         });
+        if ('error' in res) {
+            // Keep the selection intact so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        const successCount = res.data.filter(({ status })=>status === 'success').length;
+        const skippedCount = res.data.filter(({ status })=>status === 'skipped').length;
+        const errorCount = res.data.filter(({ status })=>status === 'error').length;
+        // Folders are never sent, so they are not part of the response — but the
+        // user selected them, and a silent omission reads as a bug.
+        const folderCount = selectedFolderIds.size;
+        if (errorCount === res.data.length) {
+            // Nothing was written — treat it like a request-level failure and keep
+            // the selection so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.success'),
+                    defaultMessage: '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}'
+                }, {
+                    count: successCount
+                })
+            });
+        } else {
+            // Partial outcome: report every bucket so the user knows what was left
+            // out — including folders, which were never eligible in the first place.
+            toggleNotification({
+                type: 'warning',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.partial'),
+                    defaultMessage: '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}'
+                }, {
+                    successCount,
+                    skippedCount,
+                    errorCount,
+                    folderCount
+                })
+            });
+        }
+        clear();
     };
     const handleConfirmDelete = async (e)=>{
         // Radix AlertDialog.Action closes the dialog on click by default; prevent
@@ -95,7 +203,11 @@ const BulkActionsBar = ()=>{
         });
         clear();
     };
-    if (count === 0) {
+    // Every bulk action is behind `assets.update`; with nothing selected, or
+    // without the permission, the bar has nothing to offer — drop it entirely
+    // rather than show a count + "Clear selection" over no actions (mirrors the
+    // drawer footer, which hides when no permitted action survives).
+    if (count === 0 || !canUpdate) {
         return null;
     }
     return /*#__PURE__*/ jsxs(Bar, {
@@ -119,19 +231,25 @@ const BulkActionsBar = ()=>{
             }),
             /*#__PURE__*/ jsxs(ActionCluster, {
                 children: [
-                    isAiMetadataEnabled && /*#__PURE__*/ jsx(Button, {
-                        size: "S",
-                        startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
-                        disabled: isDeleting,
-                        onClick: ()=>showStubNotification('list.bulk-actions.create-metadata-not-available', "Generate metadata isn't available yet"),
-                        children: formatMessage({
-                            id: getTranslationKey('list.bulk-actions.create-metadata'),
-                            defaultMessage: 'Create metadata'
+                    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: isDeleting,
+                        disabled: isBusy,
                         label: formatMessage({
                             id: getTranslationKey('list.bulk-actions.move'),
                             defaultMessage: 'Move'
@@ -156,7 +274,7 @@ const BulkActionsBar = ()=>{
                             /*#__PURE__*/ jsx(Dialog.Trigger, {
                                 children: /*#__PURE__*/ jsx(IconButton, {
                                     variant: "danger-light",
-                                    disabled: isDeleting,
+                                    disabled: isBusy,
                                     label: formatMessage({
                                         id: getTranslationKey('list.bulk-actions.delete'),
                                         defaultMessage: 'Delete'
@@ -239,7 +357,7 @@ const BulkActionsBar = ()=>{
                     defaultMessage: 'Clear selection'
                 }),
                 onClick: clear,
-                disabled: isDeleting,
+                disabled: isBusy,
                 children: /*#__PURE__*/ jsx(Cross, {})
             })
         ]