npm - @strapi/upload - Versions diffs - 5.51.1 → 5.52.0 - Mend

@strapi/upload 5.51.1 → 5.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (369) hide show

package/dist/admin/future/pages/Assets/components/AssetsTable.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetsTable.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetsTable.tsx"],"sourcesContent":["import { useIsMobile } from '@strapi/admin/strapi-admin';\nimport {\n Checkbox,\n Flex,\n IconButton,\n RawTable,\n RawTbody,\n RawTd,\n RawTh,\n RawThead,\n RawTr,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { Folder as FolderIcon, More } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { formatBytes } from '../../../utils/files';\nimport { getAssetIcon } from '../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { TABLE_HEADERS } from '../constants';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { type MixedItem } from '../utils/mergeMixedList';\nimport { assetKey, folderKey, getSelectAllState, type ItemKey } from '../utils/selection';\n\nimport { useAssetsDndOptional } from './Dnd/AssetsDndProvider';\nimport { useFileDraggable, useFolderDraggableDroppable } from './Dnd/useAssetDnd';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../../shared/contracts/folders';\n\nconst StyledTable = styled(RawTable)`\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid ${({ theme }) => theme.colors.neutral150};\n border-radius: 4px;\n overflow: hidden;\n`;\n\nconst StyledThead = styled(RawThead)`\n background: ${({ theme }) => theme.colors.neutral100};\n\n tr {\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n }\n`;\n\nconst StyledTh = styled(RawTh)`\n height: 40px;\n padding: 0 ${({ theme }) => theme.spaces[4]};\n text-align: left;\n`;\n\nconst StyledTd = styled(RawTd)`\n padding: 0 ${({ theme }) => theme.spaces[4]};\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst StyledTr = styled.tr<{\n $isDragging?: boolean;\n $isMovePending?: boolean;\n $isValidDropTarget?: boolean;\n $isInvalidDropTarget?: boolean;\n $isSelected?: boolean;\n}>`\n height: 48px;\n user-select: none;\n background: ${({ theme, $isSelected }) =>\n $isSelected ? theme.colors.primary100 : theme.colors.neutral0};\n cursor: ${({ $isMovePending, $isInvalidDropTarget }) => {\n if ($isMovePending) {\n return 'wait';\n }\n\n return $isInvalidDropTarget ? 'not-allowed' : 'pointer';\n }};\n opacity: ${({ $isDragging }) => ($isDragging ? 0.4 : 1)};\n pointer-events: ${({ $isMovePending }) => ($isMovePending ? 'none' : 'auto')};\n\n ${({ $isValidDropTarget, theme }) =>\n $isValidDropTarget &&\n css`\n background: ${theme.colors.primary100};\n outline: 1px dashed ${theme.colors.primary600};\n outline-offset: -1px;\n `}\n\n &:hover {\n background: ${({ theme }) => theme.colors.primary100};\n }\n\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.colors.primary600};\n outline-offset: -2px;\n }\n\n &:last-child {\n ${StyledTd} {\n border-bottom: 0;\n }\n }\n`;\n\n// Leading checkbox column. Narrow + centred so the control sits flush against the\n// row's left edge.\nconst CheckboxTd = styled(StyledTd)`\n width: 1%;\n white-space: nowrap;\n`;\n\nconst CheckboxTh = styled(StyledTh)`\n width: 1%;\n white-space: nowrap;\n`;\n\n// The asset filename is its own interactive element: clicking it opens the\n// details drawer instead of selecting the row.\nconst NameButton = styled.button`\n display: inline-flex;\n max-width: 100%;\n border: none;\n background: transparent;\n padding: 0;\n margin: 0;\n cursor: pointer;\n text-align: left;\n color: inherit;\n font: inherit;\n\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.colors.primary600};\n outline-offset: 2px;\n border-radius: 2px;\n }\n`;\n\nconst stopRowEvent = (e: React.SyntheticEvent) => {\n e.stopPropagation();\n};\n\ninterface AssetPreviewCellProps {\n asset: File;\n}\n\nconst AssetPreviewCell = ({ asset }: AssetPreviewCellProps) => {\n const { ext, mime } = asset;\n\n const DocIcon = getAssetIcon(mime, ext);\n\n return (\n <Flex\n justifyContent=\"center\"\n alignItems=\"center\"\n borderRadius=\"4px\"\n color=\"neutral500\"\n width=\"3.2rem\"\n height=\"3.2rem\"\n shrink={0}\n >\n <DocIcon width={20} height={20} />\n </Flex>\n );\n};\n\ninterface AssetRowProps {\n asset: File;\n orderedItemKeys: ItemKey[];\n onAssetItemClick: (assetId: number) => void;\n}\n\nconst AssetRow = ({ asset, orderedItemKeys, onAssetItemClick }: AssetRowProps) => {\n const isMobile = useIsMobile();\n const { formatDate, formatMessage } = useIntl();\n const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n const { attributes, listeners, setNodeRef, isDragging } = useFileDraggable(asset);\n const { isSelected, toggle, selectRange } = useAssetSelection();\n\n const key = assetKey(asset.id);\n const selected = isSelected(key);\n\n // Plain click opens the asset details; pointer selection lives on the\n // checkbox only. Modifier clicks keep the selection semantics: shift selects\n // a range, cmd/ctrl toggles.\n const handleRowClick = (e: React.MouseEvent) => {\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else if (e.metaKey \|\| e.ctrlKey) {\n toggle(key);\n } else {\n onAssetItemClick(asset.id);\n }\n };\n\n // Desktop: Space toggles selection (additive), Enter opens the details drawer.\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n onAssetItemClick(asset.id);\n } else if (e.key === ' ') {\n e.preventDefault();\n toggle(key);\n }\n };\n\n const handleNameClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n onAssetItemClick(asset.id);\n };\n\n const handleCheckboxClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else {\n toggle(key);\n }\n };\n\n return (\n <StyledTr\n ref={setNodeRef}\n {...attributes}\n {...listeners}\n $isDragging={isDragging}\n $isMovePending={isMovePending}\n $isSelected={selected}\n tabIndex={0}\n role=\"row\"\n onDragStart={(e) => e.preventDefault()}\n onClick={handleRowClick}\n onKeyDown={handleKeyDown}\n >\n {/* TODO:? no checkbox column on mobile — multi-select on mobile is deferred. /}\n {!isMobile && (\n <CheckboxTd onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n <Flex>\n <Checkbox\n checked={selected}\n onClick={handleCheckboxClick}\n aria-label={formatMessage(\n {\n id: getTranslationKey('list.table.row.select'),\n defaultMessage: 'Select {name}',\n },\n { name: asset.name }\n )}\n />\n </Flex>\n </CheckboxTd>\n )}\n <StyledTd>\n <Flex gap={3} alignItems=\"center\">\n <AssetPreviewCell asset={asset} />\n <Flex direction=\"column\" alignItems=\"flex-start\" minWidth={0}>\n <NameButton type=\"button\" onClick={handleNameClick}>\n <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n {asset.name}\n </Typography>\n </NameButton>\n {isMobile && (\n <Typography textColor=\"neutral600\" variant=\"pi\">\n {asset.size ? formatBytes(asset.size, 1) : '-'}\n </Typography>\n )}\n </Flex>\n </Flex>\n </StyledTd>\n {!isMobile && (\n <>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {asset.createdAt ? formatDate(new Date(asset.createdAt), { dateStyle: 'long' }) : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {asset.updatedAt ? formatDate(new Date(asset.updatedAt), { dateStyle: 'long' }) : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {asset.size ? formatBytes(asset.size, 1) : '-'}\n </Typography>\n </StyledTd>\n </>\n )}\n <StyledTd>\n <Flex justifyContent=\"flex-end\">\n <IconButton\n label={formatMessage({\n id: getTranslationKey('control-card.more-actions'),\n defaultMessage: 'More actions',\n })}\n variant=\"ghost\"\n onClick={(e: React.MouseEvent) => e.stopPropagation()}\n >\n <More />\n </IconButton>\n </Flex>\n </StyledTd>\n </StyledTr>\n );\n};\n\nconst FolderTr = styled(StyledTr)`\n &:hover {\n background: ${({ theme }) => theme.colors.primary100};\n }\n`;\n\ninterface FolderRowProps {\n folder: Folder;\n orderedItemKeys: ItemKey[];\n}\n\nconst FolderRow = ({ folder, orderedItemKeys }: FolderRowProps) => {\n const isMobile = useIsMobile();\n const { formatDate, formatMessage } = useIntl();\n const { navigateToFolder } = useFolderNavigation();\n const { isSelected, toggle, selectRange } = useAssetSelection();\n const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n const {\n draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging },\n droppable: { setNodeRef: setDropRef },\n showValidDropHighlight,\n showInvalidDropCursor,\n } = useFolderDraggableDroppable(folder);\n\n const key = folderKey(folder.id);\n\n // Folders share the selection mechanism with assets. Only the plain-click\n // semantic differs: it navigates into the folder instead of selecting it.\n const handleRowClick = (e: React.MouseEvent) => {\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else if (e.metaKey \|\| e.ctrlKey) {\n toggle(key);\n } else {\n navigateToFolder(folder);\n }\n };\n\n // Enter navigates into the folder, Space toggles selection (same as assets).\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n navigateToFolder(folder);\n } else if (e.key === ' ') {\n e.preventDefault();\n toggle(key);\n }\n };\n\n const handleCheckboxClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else {\n toggle(key);\n }\n };\n\n return (\n <FolderTr\n ref={(node) => {\n setDragRef(node);\n setDropRef(node);\n }}\n {...attributes}\n {...listeners}\n $isDragging={isDragging}\n $isMovePending={isMovePending}\n $isValidDropTarget={showValidDropHighlight}\n $isInvalidDropTarget={showInvalidDropCursor}\n $isSelected={isSelected(key)}\n tabIndex={0}\n role=\"row\"\n onDragStart={(e) => e.preventDefault()}\n onClick={handleRowClick}\n onKeyDown={handleKeyDown}\n >\n {!isMobile && (\n <CheckboxTd onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n <Flex>\n <Checkbox\n checked={isSelected(key)}\n onClick={handleCheckboxClick}\n aria-label={formatMessage(\n {\n id: getTranslationKey('list.table.row.select'),\n defaultMessage: 'Select {name}',\n },\n { name: folder.name }\n )}\n />\n </Flex>\n </CheckboxTd>\n )}\n <StyledTd>\n <Flex gap={3} alignItems=\"center\">\n <Flex\n justifyContent=\"center\"\n alignItems=\"center\"\n borderRadius=\"4px\"\n color=\"neutral600\"\n width=\"3.2rem\"\n height=\"3.2rem\"\n shrink={0}\n >\n <FolderIcon width={20} height={20} />\n </Flex>\n <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n {folder.name}\n </Typography>\n </Flex>\n </StyledTd>\n {!isMobile && (\n <>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {folder.createdAt\n ? formatDate(new Date(folder.createdAt), { dateStyle: 'long' })\n : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {folder.updatedAt\n ? formatDate(new Date(folder.updatedAt), { dateStyle: 'long' })\n : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">-</Typography>\n </StyledTd>\n </>\n )}\n <StyledTd>\n <Flex justifyContent=\"flex-end\">\n <IconButton\n label={formatMessage({\n id: getTranslationKey('control-card.more-actions'),\n defaultMessage: 'More actions',\n })}\n variant=\"ghost\"\n onClick={(e: React.MouseEvent) => e.stopPropagation()}\n >\n <More />\n </IconButton>\n </Flex>\n </StyledTd>\n </FolderTr>\n );\n};\n\ninterface AssetsTableProps {\n assets: File[];\n folders?: Folder[];\n /\n When set (\"Folders: Mixed with files\"), rows render in this interleaved\n * order instead of folders-first. Range selection follows the same order.\n */\n mixedItems?: MixedItem[] \| null;\n onAssetItemClick: (assetId: number) => void;\n}\n\nexport const AssetsTable = ({\n assets,\n folders = [],\n mixedItems = null,\n onAssetItemClick,\n}: AssetsTableProps) => {\n const isMobile = useIsMobile();\n const { formatMessage } = useIntl();\n const { selectedKeys, selectAll, clear } = useAssetSelection();\n\n const visibleHeaders = isMobile\n ? TABLE_HEADERS.filter((h) => h.name === 'name' \|\| h.name === 'actions')\n : TABLE_HEADERS;\n\n // The checkbox column is a dedicated structural column (not part of\n // TABLE_HEADERS) and is hidden on mobile.\n const showCheckboxColumn = !isMobile;\n const colCount = visibleHeaders.length + (showCheckboxColumn ? 1 : 0);\n\n const totalRows = folders.length + assets.length;\n\n // Render order — folders first by default, or the interleaved mixed order.\n // Range selection follows it.\n const orderedItemKeys: ItemKey[] = mixedItems\n ? mixedItems.map((item) =>\n item.kind === 'folder' ? folderKey(item.folder.id) : assetKey(item.asset.id)\n )\n : [\n ...folders.map((folder) => folderKey(folder.id)),\n ...assets.map((asset) => assetKey(asset.id)),\n ];\n const { allSelected, isIndeterminate } = getSelectAllState(selectedKeys, orderedItemKeys);\n\n const handleSelectAll = () => {\n if (allSelected) {\n clear();\n } else {\n selectAll(orderedItemKeys);\n }\n };\n\n // The empty state is owned by the page (`AssetsView` renders `EmptyState`) — an\n // empty table renders nothing at all, not headers over an empty body.\n if (totalRows === 0) {\n return null;\n }\n\n return (\n <StyledTable colCount={colCount} rowCount={(mixedItems ? mixedItems.length : totalRows) + 1}>\n <StyledThead>\n <RawTr>\n {showCheckboxColumn && (\n <CheckboxTh>\n <Flex>\n <Checkbox\n checked={isIndeterminate ? 'indeterminate' : allSelected}\n disabled={orderedItemKeys.length === 0}\n onCheckedChange={handleSelectAll}\n aria-label={formatMessage({\n id: getTranslationKey('list.table.header.select-all'),\n defaultMessage: 'Select all',\n })}\n />\n </Flex>\n </CheckboxTh>\n )}\n {visibleHeaders.map((header) => {\n const tableHeaderLabel = formatMessage(header.label);\n const isVisuallyHidden = 'isVisuallyHidden' in header && header.isVisuallyHidden;\n\n if (isVisuallyHidden) {\n return (\n <StyledTh key={header.name}>\n <VisuallyHidden>\n {formatMessage({\n id: getTranslationKey('table.header.actions'),\n defaultMessage: 'actions',\n })}\n </VisuallyHidden>\n </StyledTh>\n );\n }\n\n return (\n <StyledTh key={header.name}>\n <Typography textColor=\"neutral600\" variant=\"sigma\">\n {tableHeaderLabel}\n </Typography>\n </StyledTh>\n );\n })}\n </RawTr>\n </StyledThead>\n <RawTbody>\n {mixedItems?.map((item) =>\n item.kind === 'folder' ? (\n <FolderRow\n key={`folder-${item.folder.id}`}\n folder={item.folder}\n orderedItemKeys={orderedItemKeys}\n />\n ) : (\n <AssetRow\n key={item.asset.id}\n asset={item.asset}\n orderedItemKeys={orderedItemKeys}\n onAssetItemClick={onAssetItemClick}\n />\n )\n )}\n {!mixedItems &&\n folders.map((folder) => (\n <FolderRow\n key={`folder-${folder.id}`}\n folder={folder}\n orderedItemKeys={orderedItemKeys}\n />\n ))}\n {!mixedItems &&\n assets.map((asset) => (\n <AssetRow\n key={asset.id}\n asset={asset}\n orderedItemKeys={orderedItemKeys}\n onAssetItemClick={onAssetItemClick}\n />\n ))}\n </RawTbody>\n </StyledTable>\n );\n};\n"],"names":["StyledTable","styled","RawTable","theme","colors","neutral150","StyledThead","RawThead","neutral100","StyledTh","RawTh","spaces","StyledTd","RawTd","StyledTr","tr","$isSelected","primary100","neutral0","$isMovePending","$isInvalidDropTarget","$isDragging","$isValidDropTarget","css","primary600","CheckboxTd","CheckboxTh","NameButton","button","stopRowEvent","e","stopPropagation","AssetPreviewCell","asset","ext","mime","DocIcon","getAssetIcon","_jsx","Flex","justifyContent","alignItems","borderRadius","color","width","height","shrink","AssetRow","orderedItemKeys","onAssetItemClick","isMobile","useIsMobile","formatDate","formatMessage","useIntl","isMovePending","useAssetsDndOptional","attributes","listeners","setNodeRef","isDragging","useFileDraggable","isSelected","toggle","selectRange","useAssetSelection","key","assetKey","id","selected","handleRowClick","shiftKey","metaKey","ctrlKey","handleKeyDown","preventDefault","handleNameClick","handleCheckboxClick","_jsxs","ref","tabIndex","role","onDragStart","onClick","onKeyDown","Checkbox","checked","aria-label","getTranslationKey","defaultMessage","name","gap","direction","minWidth","type","Typography","textColor","fontWeight","ellipsis","variant","size","formatBytes","_Fragment","createdAt","Date","dateStyle","updatedAt","IconButton","label","More","FolderTr","FolderRow","folder","navigateToFolder","useFolderNavigation","draggable","setDragRef","droppable","setDropRef","showValidDropHighlight","showInvalidDropCursor","useFolderDraggableDroppable","folderKey","node","FolderIcon","AssetsTable","assets","folders","mixedItems","selectedKeys","selectAll","clear","visibleHeaders","TABLE_HEADERS","filter","h","showCheckboxColumn","colCount","length","totalRows","map","item","kind","allSelected","isIndeterminate","getSelectAllState","handleSelectAll","rowCount","RawTr","disabled","onCheckedChange","header","tableHeaderLabel","isVisuallyHidden","VisuallyHidden","RawTbody"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAMA,WAAAA,GAAcC,MAAAA,CAAOC,QAAAA,CAAS;;;;oBAIhB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;AAG7D,CAAC;AAED,MAAMC,WAAAA,GAAcL,MAAAA,CAAOM,QAAAA,CAAS;cACtB,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACI,UAAU,CAAC;;;6BAG1B,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;AAEtE,CAAC;AAED,MAAMI,QAAAA,GAAWR,MAAAA,CAAOS,KAAAA,CAAM;;aAEjB,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMQ,MAAM,CAAC,CAAA,CAAE,CAAC;;AAE9C,CAAC;AAED,MAAMC,QAAAA,GAAWX,MAAAA,CAAOY,KAAAA,CAAM;aACjB,EAAE,CAAC,EAAEV,KAAK,EAAE,GAAKA,KAAAA,CAAMQ,MAAM,CAAC,CAAA,CAAE,CAAC;2BACnB,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;AACpE,CAAC;AAED,MAAMS,QAAAA,GAAWb,MAAAA,CAAOc,EAMtB;;;AAGY,cAAA,EAAE,CAAC,EAAEZ,KAAK,EAAEa,WAAW,EAAE,GACnCA,WAAAA,GAAcb,KAAAA,CAAMC,MAAM,CAACa,UAAU,GAAGd,MAAMC,MAAM,CAACc,QAAQ,CAAC;AACxD,UAAA,EAAE,CAAC,EAAEC,cAAc,EAAEC,oBAAoB,EAAE,GAAA;AACjD,IAAA,IAAID,cAAAA,EAAgB;QAClB,OAAO,MAAA;AACT,IAAA;AAEA,IAAA,OAAOC,uBAAuB,aAAA,GAAgB,SAAA;AAChD,CAAA,CAAE;AACO,WAAA,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAMA,WAAAA,GAAc,MAAM,CAAA,CAAG;AACxC,kBAAA,EAAE,CAAC,EAAEF,cAAc,EAAE,GAAMA,cAAAA,GAAiB,SAAS,MAAA,CAAQ;;EAE7E,EAAE,CAAC,EAAEG,kBAAkB,EAAEnB,KAAK,EAAE,GAC9BmB,kBAAAA,IACAC,GAAG;AACW,kBAAA,EAAEpB,KAAAA,CAAMC,MAAM,CAACa,UAAU,CAAC;AAClB,0BAAA,EAAEd,KAAAA,CAAMC,MAAM,CAACoB,UAAU,CAAC;;AAEhD,IAAA,CAAC;;;gBAGW,EAAE,CAAC,EAAErB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACa,UAAU,CAAC;;;;uBAIlC,EAAE,CAAC,EAAEd,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACoB,UAAU,CAAC;;;;;AAK5D,IAAA,EAAEZ,QAAAA,CAAS;;;;AAIf,CAAC;AAED;AACA;AACA,MAAMa,UAAAA,GAAaxB,MAAAA,CAAOW,QAAAA,CAAS;;;AAGnC,CAAC;AAED,MAAMc,UAAAA,GAAazB,MAAAA,CAAOQ,QAAAA,CAAS;;;AAGnC,CAAC;AAED;AACA;AACA,MAAMkB,UAAAA,GAAa1B,MAAAA,CAAO2B,MAAM;;;;;;;;;;;;;uBAaT,EAAE,CAAC,EAAEzB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACoB,UAAU,CAAC;;;;AAIhE,CAAC;AAED,MAAMK,eAAe,CAACC,CAAAA,GAAAA;AACpBA,IAAAA,CAAAA,CAAEC,eAAe,EAAA;AACnB,CAAA;AAMA,MAAMC,gBAAAA,GAAmB,CAAC,EAAEC,KAAK,EAAyB,GAAA;AACxD,IAAA,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAE,GAAGF,KAAAA;IAEtB,MAAMG,OAAAA,GAAUC,aAAaF,IAAAA,EAAMD,GAAAA,CAAAA;AAEnC,IAAA,qBACEI,GAAA,CAACC,IAAAA,EAAAA;QACCC,cAAAA,EAAe,QAAA;QACfC,UAAAA,EAAW,QAAA;QACXC,YAAAA,EAAa,KAAA;QACbC,KAAAA,EAAM,YAAA;QACNC,KAAAA,EAAM,QAAA;QACNC,MAAAA,EAAO,QAAA;QACPC,MAAAA,EAAQ,CAAA;AAER,QAAA,QAAA,gBAAAR,GAAA,CAACF,OAAAA,EAAAA;YAAQQ,KAAAA,EAAO,EAAA;YAAIC,MAAAA,EAAQ;;;AAGlC,CAAA;AAQA,MAAME,QAAAA,GAAW,CAAC,EAAEd,KAAK,EAAEe,eAAe,EAAEC,gBAAgB,EAAiB,GAAA;AAC3E,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;AACjB,IAAA,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AACtC,IAAA,MAAM,EAAEC,aAAa,EAAE,GAAGC,oBAAAA,EAAAA,IAA0B;QAAED,aAAAA,EAAe;AAAM,KAAA;IAC3E,MAAM,EAAEE,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,gBAAAA,CAAiB5B,KAAAA,CAAAA;AAC3E,IAAA,MAAM,EAAE6B,UAAU,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGC,iBAAAA,EAAAA;IAE5C,MAAMC,GAAAA,GAAMC,QAAAA,CAASlC,KAAAA,CAAMmC,EAAE,CAAA;AAC7B,IAAA,MAAMC,WAAWP,UAAAA,CAAWI,GAAAA,CAAAA;;;;AAK5B,IAAA,MAAMI,iBAAiB,CAACxC,CAAAA,GAAAA;QACtB,IAAIA,CAAAA,CAAEyC,QAAQ,EAAE;AACdP,YAAAA,WAAAA,CAAYhB,eAAAA,EAAiBkB,GAAAA,CAAAA;AAC/B,QAAA,CAAA,MAAO,IAAIpC,CAAAA,CAAE0C,OAAO,IAAI1C,CAAAA,CAAE2C,OAAO,EAAE;YACjCV,MAAAA,CAAOG,GAAAA,CAAAA;QACT,CAAA,MAAO;AACLjB,YAAAA,gBAAAA,CAAiBhB,MAAMmC,EAAE,CAAA;AAC3B,QAAA;AACF,IAAA,CAAA;;AAGA,IAAA,MAAMM,gBAAgB,CAAC5C,CAAAA,GAAAA;QACrB,IAAIA,CAAAA,CAAEoC,GAAG,KAAK,OAAA,EAAS;AACrBpC,YAAAA,CAAAA,CAAE6C,cAAc,EAAA;AAChB1B,YAAAA,gBAAAA,CAAiBhB,MAAMmC,EAAE,CAAA;AAC3B,QAAA,CAAA,MAAO,IAAItC,CAAAA,CAAEoC,GAAG,KAAK,GAAA,EAAK;AACxBpC,YAAAA,CAAAA,CAAE6C,cAAc,EAAA;YAChBZ,MAAAA,CAAOG,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMU,kBAAkB,CAAC9C,CAAAA,GAAAA;AACvBA,QAAAA,CAAAA,CAAEC,eAAe,EAAA;AACjBkB,QAAAA,gBAAAA,CAAiBhB,MAAMmC,EAAE,CAAA;AAC3B,IAAA,CAAA;AAEA,IAAA,MAAMS,sBAAsB,CAAC/C,CAAAA,GAAAA;AAC3BA,QAAAA,CAAAA,CAAEC,eAAe,EAAA;QACjB,IAAID,CAAAA,CAAEyC,QAAQ,EAAE;AACdP,YAAAA,WAAAA,CAAYhB,eAAAA,EAAiBkB,GAAAA,CAAAA;QAC/B,CAAA,MAAO;YACLH,MAAAA,CAAOG,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACEY,IAAA,CAAChE,QAAAA,EAAAA;QACCiE,GAAAA,EAAKpB,UAAAA;AACJ,QAAA,GAAGF,UAAU;AACb,QAAA,GAAGC,SAAS;QACbrC,WAAAA,EAAauC,UAAAA;QACbzC,cAAAA,EAAgBoC,aAAAA;QAChBvC,WAAAA,EAAaqD,QAAAA;QACbW,QAAAA,EAAU,CAAA;QACVC,IAAAA,EAAK,KAAA;QACLC,WAAAA,EAAa,CAACpD,CAAAA,GAAMA,CAAAA,CAAE6C,cAAc,EAAA;QACpCQ,OAAAA,EAASb,cAAAA;QACTc,SAAAA,EAAWV,aAAAA;;AAGV,YAAA,CAACxB,0BACAZ,GAAA,CAACb,UAAAA,EAAAA;gBAAW0D,OAAAA,EAAStD,YAAAA;gBAAcuD,SAAAA,EAAWvD,YAAAA;AAC5C,gBAAA,QAAA,gBAAAS,GAAA,CAACC,IAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAD,GAAA,CAAC+C,QAAAA,EAAAA;wBACCC,OAAAA,EAASjB,QAAAA;wBACTc,OAAAA,EAASN,mBAAAA;AACTU,wBAAAA,YAAAA,EAAYlC,aAAAA,CACV;AACEe,4BAAAA,EAAAA,EAAIoB,iBAAAA,CAAkB,uBAAA,CAAA;4BACtBC,cAAAA,EAAgB;yBAClB,EACA;AAAEC,4BAAAA,IAAAA,EAAMzD,MAAMyD;AAAK,yBAAA;;;;0BAM7BpD,GAAA,CAAC1B,QAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAkE,IAAA,CAACvC,IAAAA,EAAAA;oBAAKoD,GAAAA,EAAK,CAAA;oBAAGlD,UAAAA,EAAW,QAAA;;sCACvBH,GAAA,CAACN,gBAAAA,EAAAA;4BAAiBC,KAAAA,EAAOA;;sCACzB6C,IAAA,CAACvC,IAAAA,EAAAA;4BAAKqD,SAAAA,EAAU,QAAA;4BAASnD,UAAAA,EAAW,YAAA;4BAAaoD,QAAAA,EAAU,CAAA;;8CACzDvD,GAAA,CAACX,UAAAA,EAAAA;oCAAWmE,IAAAA,EAAK,QAAA;oCAASX,OAAAA,EAASP,eAAAA;AACjC,oCAAA,QAAA,gBAAAtC,GAAA,CAACyD,UAAAA,EAAAA;wCAAWC,SAAAA,EAAU,YAAA;wCAAaC,UAAAA,EAAW,UAAA;wCAAWC,QAAQ,EAAA,IAAA;AAC9DjE,wCAAAA,QAAAA,EAAAA,KAAAA,CAAMyD;;;AAGVxC,gCAAAA,QAAAA,kBACCZ,GAAA,CAACyD,UAAAA,EAAAA;oCAAWC,SAAAA,EAAU,YAAA;oCAAaG,OAAAA,EAAQ,IAAA;AACxClE,oCAAAA,QAAAA,EAAAA,KAAAA,CAAMmE,IAAI,GAAGC,WAAAA,CAAYpE,KAAAA,CAAMmE,IAAI,EAAE,CAAA,CAAA,GAAK;;;;;;;AAMpD,YAAA,CAAClD,QAAAA,kBACA4B,IAAA,CAAAwB,QAAA,EAAA;;kCACEhE,GAAA,CAAC1B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA0B,GAAA,CAACyD,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnB/D,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMsE,SAAS,GAAGnD,UAAAA,CAAW,IAAIoD,IAAAA,CAAKvE,KAAAA,CAAMsE,SAAS,CAAA,EAAG;gCAAEE,SAAAA,EAAW;6BAAO,CAAA,GAAK;;;kCAGtFnE,GAAA,CAAC1B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA0B,GAAA,CAACyD,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnB/D,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMyE,SAAS,GAAGtD,UAAAA,CAAW,IAAIoD,IAAAA,CAAKvE,KAAAA,CAAMyE,SAAS,CAAA,EAAG;gCAAED,SAAAA,EAAW;6BAAO,CAAA,GAAK;;;kCAGtFnE,GAAA,CAAC1B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA0B,GAAA,CAACyD,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnB/D,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMmE,IAAI,GAAGC,WAAAA,CAAYpE,KAAAA,CAAMmE,IAAI,EAAE,CAAA,CAAA,GAAK;;;;;0BAKnD9D,GAAA,CAAC1B,QAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAA0B,GAAA,CAACC,IAAAA,EAAAA;oBAAKC,cAAAA,EAAe,UAAA;AACnB,oBAAA,QAAA,gBAAAF,GAAA,CAACqE,UAAAA,EAAAA;AACCC,wBAAAA,KAAAA,EAAOvD,aAAAA,CAAc;AACnBe,4BAAAA,EAAAA,EAAIoB,iBAAAA,CAAkB,2BAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;wBACAU,OAAAA,EAAQ,OAAA;wBACRhB,OAAAA,EAAS,CAACrD,CAAAA,GAAwBA,CAAAA,CAAEC,eAAe,EAAA;AAEnD,wBAAA,QAAA,gBAAAO,GAAA,CAACuE,IAAAA,EAAAA,EAAAA;;;;;;AAMb,CAAA;AAEA,MAAMC,QAAAA,GAAW7G,MAAAA,CAAOa,QAAAA,CAAS;;gBAEjB,EAAE,CAAC,EAAEX,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACa,UAAU,CAAC;;AAEzD,CAAC;AAOD,MAAM8F,YAAY,CAAC,EAAEC,MAAM,EAAEhE,eAAe,EAAkB,GAAA;AAC5D,IAAA,MAAME,QAAAA,GAAWC,WAAAA,EAAAA;AACjB,IAAA,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IACtC,MAAM,EAAE2D,gBAAgB,EAAE,GAAGC,mBAAAA,EAAAA;AAC7B,IAAA,MAAM,EAAEpD,UAAU,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGC,iBAAAA,EAAAA;AAC5C,IAAA,MAAM,EAAEV,aAAa,EAAE,GAAGC,oBAAAA,EAAAA,IAA0B;QAAED,aAAAA,EAAe;AAAM,KAAA;IAC3E,MAAM,EACJ4D,SAAAA,EAAW,EAAE1D,UAAU,EAAEC,SAAS,EAAEC,UAAAA,EAAYyD,UAAU,EAAExD,UAAU,EAAE,EACxEyD,SAAAA,EAAW,EAAE1D,UAAAA,EAAY2D,UAAU,EAAE,EACrCC,sBAAsB,EACtBC,qBAAqB,EACtB,GAAGC,2BAAAA,CAA4BT,MAAAA,CAAAA;IAEhC,MAAM9C,GAAAA,GAAMwD,SAAAA,CAAUV,MAAAA,CAAO5C,EAAE,CAAA;;;AAI/B,IAAA,MAAME,iBAAiB,CAACxC,CAAAA,GAAAA;QACtB,IAAIA,CAAAA,CAAEyC,QAAQ,EAAE;AACdP,YAAAA,WAAAA,CAAYhB,eAAAA,EAAiBkB,GAAAA,CAAAA;AAC/B,QAAA,CAAA,MAAO,IAAIpC,CAAAA,CAAE0C,OAAO,IAAI1C,CAAAA,CAAE2C,OAAO,EAAE;YACjCV,MAAAA,CAAOG,GAAAA,CAAAA;QACT,CAAA,MAAO;YACL+C,gBAAAA,CAAiBD,MAAAA,CAAAA;AACnB,QAAA;AACF,IAAA,CAAA;;AAGA,IAAA,MAAMtC,gBAAgB,CAAC5C,CAAAA,GAAAA;QACrB,IAAIA,CAAAA,CAAEoC,GAAG,KAAK,OAAA,EAAS;AACrBpC,YAAAA,CAAAA,CAAE6C,cAAc,EAAA;YAChBsC,gBAAAA,CAAiBD,MAAAA,CAAAA;AACnB,QAAA,CAAA,MAAO,IAAIlF,CAAAA,CAAEoC,GAAG,KAAK,GAAA,EAAK;AACxBpC,YAAAA,CAAAA,CAAE6C,cAAc,EAAA;YAChBZ,MAAAA,CAAOG,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMW,sBAAsB,CAAC/C,CAAAA,GAAAA;AAC3BA,QAAAA,CAAAA,CAAEC,eAAe,EAAA;QACjB,IAAID,CAAAA,CAAEyC,QAAQ,EAAE;AACdP,YAAAA,WAAAA,CAAYhB,eAAAA,EAAiBkB,GAAAA,CAAAA;QAC/B,CAAA,MAAO;YACLH,MAAAA,CAAOG,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACEY,IAAA,CAACgC,QAAAA,EAAAA;AACC/B,QAAAA,GAAAA,EAAK,CAAC4C,IAAAA,GAAAA;YACJP,UAAAA,CAAWO,IAAAA,CAAAA;YACXL,UAAAA,CAAWK,IAAAA,CAAAA;AACb,QAAA,CAAA;AACC,QAAA,GAAGlE,UAAU;AACb,QAAA,GAAGC,SAAS;QACbrC,WAAAA,EAAauC,UAAAA;QACbzC,cAAAA,EAAgBoC,aAAAA;QAChBjC,kBAAAA,EAAoBiG,sBAAAA;QACpBnG,oBAAAA,EAAsBoG,qBAAAA;AACtBxG,QAAAA,WAAAA,EAAa8C,UAAAA,CAAWI,GAAAA,CAAAA;QACxBc,QAAAA,EAAU,CAAA;QACVC,IAAAA,EAAK,KAAA;QACLC,WAAAA,EAAa,CAACpD,CAAAA,GAAMA,CAAAA,CAAE6C,cAAc,EAAA;QACpCQ,OAAAA,EAASb,cAAAA;QACTc,SAAAA,EAAWV,aAAAA;;AAEV,YAAA,CAACxB,0BACAZ,GAAA,CAACb,UAAAA,EAAAA;gBAAW0D,OAAAA,EAAStD,YAAAA;gBAAcuD,SAAAA,EAAWvD,YAAAA;AAC5C,gBAAA,QAAA,gBAAAS,GAAA,CAACC,IAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAD,GAAA,CAAC+C,QAAAA,EAAAA;AACCC,wBAAAA,OAAAA,EAASxB,UAAAA,CAAWI,GAAAA,CAAAA;wBACpBiB,OAAAA,EAASN,mBAAAA;AACTU,wBAAAA,YAAAA,EAAYlC,aAAAA,CACV;AACEe,4BAAAA,EAAAA,EAAIoB,iBAAAA,CAAkB,uBAAA,CAAA;4BACtBC,cAAAA,EAAgB;yBAClB,EACA;AAAEC,4BAAAA,IAAAA,EAAMsB,OAAOtB;AAAK,yBAAA;;;;0BAM9BpD,GAAA,CAAC1B,QAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAkE,IAAA,CAACvC,IAAAA,EAAAA;oBAAKoD,GAAAA,EAAK,CAAA;oBAAGlD,UAAAA,EAAW,QAAA;;sCACvBH,GAAA,CAACC,IAAAA,EAAAA;4BACCC,cAAAA,EAAe,QAAA;4BACfC,UAAAA,EAAW,QAAA;4BACXC,YAAAA,EAAa,KAAA;4BACbC,KAAAA,EAAM,YAAA;4BACNC,KAAAA,EAAM,QAAA;4BACNC,MAAAA,EAAO,QAAA;4BACPC,MAAAA,EAAQ,CAAA;AAER,4BAAA,QAAA,gBAAAR,GAAA,CAACsF,MAAAA,EAAAA;gCAAWhF,KAAAA,EAAO,EAAA;gCAAIC,MAAAA,EAAQ;;;sCAEjCP,GAAA,CAACyD,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;4BAAaC,UAAAA,EAAW,UAAA;4BAAWC,QAAQ,EAAA,IAAA;AAC9Dc,4BAAAA,QAAAA,EAAAA,MAAAA,CAAOtB;;;;;AAIb,YAAA,CAACxC,QAAAA,kBACA4B,IAAA,CAAAwB,QAAA,EAAA;;kCACEhE,GAAA,CAAC1B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA0B,GAAA,CAACyD,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnBgB,4BAAAA,QAAAA,EAAAA,MAAAA,CAAOT,SAAS,GACbnD,UAAAA,CAAW,IAAIoD,IAAAA,CAAKQ,MAAAA,CAAOT,SAAS,CAAA,EAAG;gCAAEE,SAAAA,EAAW;6BAAO,CAAA,GAC3D;;;kCAGRnE,GAAA,CAAC1B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA0B,GAAA,CAACyD,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnBgB,4BAAAA,QAAAA,EAAAA,MAAAA,CAAON,SAAS,GACbtD,UAAAA,CAAW,IAAIoD,IAAAA,CAAKQ,MAAAA,CAAON,SAAS,CAAA,EAAG;gCAAED,SAAAA,EAAW;6BAAO,CAAA,GAC3D;;;kCAGRnE,GAAA,CAAC1B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA0B,GAAA,CAACyD,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AAAa,4BAAA,QAAA,EAAA;;;;;0BAIzC1D,GAAA,CAAC1B,QAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAA0B,GAAA,CAACC,IAAAA,EAAAA;oBAAKC,cAAAA,EAAe,UAAA;AACnB,oBAAA,QAAA,gBAAAF,GAAA,CAACqE,UAAAA,EAAAA;AACCC,wBAAAA,KAAAA,EAAOvD,aAAAA,CAAc;AACnBe,4BAAAA,EAAAA,EAAIoB,iBAAAA,CAAkB,2BAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;wBACAU,OAAAA,EAAQ,OAAA;wBACRhB,OAAAA,EAAS,CAACrD,CAAAA,GAAwBA,CAAAA,CAAEC,eAAe,EAAA;AAEnD,wBAAA,QAAA,gBAAAO,GAAA,CAACuE,IAAAA,EAAAA,EAAAA;;;;;;AAMb,CAAA;AAaO,MAAMgB,WAAAA,GAAc,CAAC,EAC1BC,MAAM,EACNC,OAAAA,GAAU,EAAE,EACZC,UAAAA,GAAa,IAAI,EACjB/E,gBAAgB,EACC,GAAA;AACjB,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;IACjB,MAAM,EAAEE,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAE2E,YAAY,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGlE,iBAAAA,EAAAA;AAE3C,IAAA,MAAMmE,cAAAA,GAAiBlF,QAAAA,GACnBmF,aAAAA,CAAcC,MAAM,CAAC,CAACC,CAAAA,GAAMA,CAAAA,CAAE7C,IAAI,KAAK,MAAA,IAAU6C,CAAAA,CAAE7C,IAAI,KAAK,SAAA,CAAA,GAC5D2C,aAAAA;;;AAIJ,IAAA,MAAMG,qBAAqB,CAACtF,QAAAA;AAC5B,IAAA,MAAMuF,WAAWL,cAAAA,CAAeM,MAAM,IAAIF,kBAAAA,GAAqB,IAAI,CAAA,CAAA;AAEnE,IAAA,MAAMG,SAAAA,GAAYZ,OAAAA,CAAQW,MAAM,GAAGZ,OAAOY,MAAM;;;IAIhD,MAAM1F,eAAAA,GAA6BgF,aAC/BA,UAAAA,CAAWY,GAAG,CAAC,CAACC,IAAAA,GACdA,IAAAA,CAAKC,IAAI,KAAK,QAAA,GAAWpB,UAAUmB,IAAAA,CAAK7B,MAAM,CAAC5C,EAAE,CAAA,GAAID,SAAS0E,IAAAA,CAAK5G,KAAK,CAACmC,EAAE,CAAA,CAAA,GAE7E;AACK2D,QAAAA,GAAAA,OAAAA,CAAQa,GAAG,CAAC,CAAC5B,MAAAA,GAAWU,SAAAA,CAAUV,OAAO5C,EAAE,CAAA,CAAA;AAC3C0D,QAAAA,GAAAA,MAAAA,CAAOc,GAAG,CAAC,CAAC3G,KAAAA,GAAUkC,QAAAA,CAASlC,MAAMmC,EAAE,CAAA;AAC3C,KAAA;AACL,IAAA,MAAM,EAAE2E,WAAW,EAAEC,eAAe,EAAE,GAAGC,kBAAkBhB,YAAAA,EAAcjF,eAAAA,CAAAA;AAEzE,IAAA,MAAMkG,eAAAA,GAAkB,IAAA;AACtB,QAAA,IAAIH,WAAAA,EAAa;AACfZ,YAAAA,KAAAA,EAAAA;QACF,CAAA,MAAO;YACLD,SAAAA,CAAUlF,eAAAA,CAAAA;AACZ,QAAA;AACF,IAAA,CAAA;;;AAIA,IAAA,IAAI2F,cAAc,CAAA,EAAG;QACnB,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACE7D,IAAA,CAAC9E,WAAAA,EAAAA;QAAYyI,QAAAA,EAAUA,QAAAA;AAAUU,QAAAA,QAAAA,EAAU,CAACnB,UAAAA,GAAaA,WAAWU,MAAM,GAAGC,SAAQ,IAAK,CAAA;;0BACxFrG,GAAA,CAAChC,WAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAwE,IAAA,CAACsE,KAAAA,EAAAA;;AACEZ,wBAAAA,kBAAAA,kBACClG,GAAA,CAACZ,UAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAY,GAAA,CAACC,IAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAD,GAAA,CAAC+C,QAAAA,EAAAA;AACCC,oCAAAA,OAAAA,EAAS0D,kBAAkB,eAAA,GAAkBD,WAAAA;oCAC7CM,QAAAA,EAAUrG,eAAAA,CAAgB0F,MAAM,KAAK,CAAA;oCACrCY,eAAAA,EAAiBJ,eAAAA;AACjB3D,oCAAAA,YAAAA,EAAYlC,aAAAA,CAAc;AACxBe,wCAAAA,EAAAA,EAAIoB,iBAAAA,CAAkB,8BAAA,CAAA;wCACtBC,cAAAA,EAAgB;AAClB,qCAAA;;;;wBAKP2C,cAAAA,CAAeQ,GAAG,CAAC,CAACW,MAAAA,GAAAA;4BACnB,MAAMC,gBAAAA,GAAmBnG,aAAAA,CAAckG,MAAAA,CAAO3C,KAAK,CAAA;AACnD,4BAAA,MAAM6C,gBAAAA,GAAmB,kBAAA,IAAsBF,MAAAA,IAAUA,MAAAA,CAAOE,gBAAgB;AAEhF,4BAAA,IAAIA,gBAAAA,EAAkB;AACpB,gCAAA,qBACEnH,GAAA,CAAC7B,QAAAA,EAAAA;AACC,oCAAA,QAAA,gBAAA6B,GAAA,CAACoH,cAAAA,EAAAA;kDACErG,aAAAA,CAAc;AACbe,4CAAAA,EAAAA,EAAIoB,iBAAAA,CAAkB,sBAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;AALW8D,iCAAAA,EAAAA,MAAAA,CAAO7D,IAAI,CAAA;AAS9B,4BAAA;AAEA,4BAAA,qBACEpD,GAAA,CAAC7B,QAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAA6B,GAAA,CAACyD,UAAAA,EAAAA;oCAAWC,SAAAA,EAAU,YAAA;oCAAaG,OAAAA,EAAQ,OAAA;AACxCqD,oCAAAA,QAAAA,EAAAA;;AAFUD,6BAAAA,EAAAA,MAAAA,CAAO7D,IAAI,CAAA;AAM9B,wBAAA,CAAA;;;;0BAGJZ,IAAA,CAAC6E,QAAAA,EAAAA;;AACE3B,oBAAAA,UAAAA,EAAYY,IAAI,CAACC,IAAAA,GAChBA,KAAKC,IAAI,KAAK,yBACZxG,GAAA,CAACyE,SAAAA,EAAAA;AAECC,4BAAAA,MAAAA,EAAQ6B,KAAK7B,MAAM;4BACnBhE,eAAAA,EAAiBA;2BAFZ,CAAC,OAAO,EAAE6F,IAAAA,CAAK7B,MAAM,CAAC5C,EAAE,CAAA,CAAE,kBAKjC9B,GAAA,CAACS,QAAAA,EAAAA;AAECd,4BAAAA,KAAAA,EAAO4G,KAAK5G,KAAK;4BACjBe,eAAAA,EAAiBA,eAAAA;4BACjBC,gBAAAA,EAAkBA;2BAHb4F,IAAAA,CAAK5G,KAAK,CAACmC,EAAE,CAAA,CAAA;AAOvB,oBAAA,CAAC4D,cACAD,OAAAA,CAAQa,GAAG,CAAC,CAAC5B,uBACX1E,GAAA,CAACyE,SAAAA,EAAAA;4BAECC,MAAAA,EAAQA,MAAAA;4BACRhE,eAAAA,EAAiBA;AAFZ,yBAAA,EAAA,CAAC,OAAO,EAAEgE,MAAAA,CAAO5C,EAAE,CAAA,CAAE,CAAA,CAAA;AAK/B,oBAAA,CAAC4D,cACAF,MAAAA,CAAOc,GAAG,CAAC,CAAC3G,sBACVK,GAAA,CAACS,QAAAA,EAAAA;4BAECd,KAAAA,EAAOA,KAAAA;4BACPe,eAAAA,EAAiBA,eAAAA;4BACjBC,gBAAAA,EAAkBA;AAHbhB,yBAAAA,EAAAA,KAAAA,CAAMmC,EAAE,CAAA;;;;;AAS3B;;;;"}
1	+ {"version":3,"file":"AssetsTable.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetsTable.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport {\n Checkbox,\n Flex,\n Loader,\n RawTable,\n RawTbody,\n RawTd,\n RawTh,\n RawThead,\n RawTr,\n Tooltip,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { Folder as FolderIcon, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { formatBytes } from '../../../utils/files';\nimport { getAssetIcon } from '../../../utils/getAssetIcon';\nimport { isEventFromWithin } from '../../../utils/isEventFromWithin';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { TABLE_HEADERS } from '../constants';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useBusyAssetsOptional } from '../hooks/useBusyAssets';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { type MixedItem } from '../utils/mergeMixedList';\nimport { assetKey, folderKey, getSelectAllState, type ItemKey } from '../utils/selection';\n\nimport { AssetActionsMenu } from './AssetActionsMenu';\nimport { useAssetsDndOptional } from './Dnd/AssetsDndProvider';\nimport { useFileDraggable, useFolderDraggableDroppable } from './Dnd/useAssetDnd';\nimport { FolderActionsMenu } from './FolderActionsMenu';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../../shared/contracts/folders';\n\nconst StyledTable = styled(RawTable)`\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid ${({ theme }) => theme.colors.neutral150};\n border-radius: 4px;\n overflow: hidden;\n\n /* Below desktop only the name column remains. A fixed layout makes a long\n name ellipsize instead of widening the table past the viewport — the\n checkbox (first) and actions (last) columns keep a fixed width and the name\n takes the rest. Desktop keeps the content-sized auto layout. /\n table-layout: fixed;\n\n & td:last-child,\n & th:last-child {\n width: 5.6rem;\n white-space: nowrap;\n }\n\n ${({ theme }) => theme.breakpoints.large} {\n table-layout: auto;\n\n & td:last-child,\n & th:last-child {\n width: auto;\n white-space: normal;\n }\n }\n`;\n\nconst StyledThead = styled(RawThead)`\n background: ${({ theme }) => theme.colors.neutral100};\n\n tr {\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n }\n`;\n\nconst StyledTh = styled(RawTh)`\n height: 40px;\n padding: 0 ${({ theme }) => theme.spaces[4]};\n text-align: left;\n`;\n\nconst StyledTd = styled(RawTd)`\n padding: 0 ${({ theme }) => theme.spaces[4]};\n border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst StyledTr = styled.tr<{\n $isDragging?: boolean;\n $isMovePending?: boolean;\n $isBusy?: boolean;\n $isValidDropTarget?: boolean;\n $isInvalidDropTarget?: boolean;\n $isSelected?: boolean;\n}>`\n height: 48px;\n user-select: none;\n background: ${({ theme, $isSelected }) =>\n $isSelected ? theme.colors.primary100 : theme.colors.neutral0};\n cursor: ${({ $isMovePending, $isBusy, $isInvalidDropTarget }) => {\n if ($isMovePending \|\| $isBusy) {\n return 'wait';\n }\n\n return $isInvalidDropTarget ? 'not-allowed' : 'pointer';\n }};\n opacity: ${({ $isDragging, $isBusy }) => ($isDragging \|\| $isBusy ? 0.4 : 1)};\n pointer-events: ${({ $isMovePending, $isBusy }) => ($isMovePending \|\| $isBusy ? 'none' : 'auto')};\n\n ${({ $isValidDropTarget, theme }) =>\n $isValidDropTarget &&\n css`\n background: ${theme.colors.primary100};\n outline: 1px dashed ${theme.colors.primary600};\n outline-offset: -1px;\n `}\n\n &:hover {\n background: ${({ theme }) => theme.colors.primary100};\n }\n\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.colors.primary600};\n outline-offset: -2px;\n }\n\n &:last-child {\n ${StyledTd} {\n border-bottom: 0;\n }\n }\n`;\n\n// Leading checkbox column. Fixed narrow width so it holds its own column under\n// the mobile fixed table-layout (a 1% width would collapse and let the name\n// cell's preview overlap the control).\nconst CheckboxTd = styled(StyledTd)`\n width: 5.6rem;\n white-space: nowrap;\n`;\n\nconst CheckboxTh = styled(StyledTh)`\n width: 5.6rem;\n white-space: nowrap;\n`;\n\n// Flags an asset whose caption or alternative text is empty — mirrors the\n// per-field warning shown in the details drawer. Pushed to the far end of the\n// name cell (shrink 0 so a long name never crowds it out).\nconst MetadataWarning = styled(WarningCircle)`\n flex-shrink: 0;\n width: 1.6rem;\n height: 1.6rem;\n\n path {\n fill: ${({ theme }) => theme.colors.warning500};\n }\n`;\n\n// The asset filename is its own interactive element: clicking it opens the\n// details drawer instead of selecting the row.\nconst NameButton = styled.button`\n display: inline-flex;\n max-width: 100%;\n border: none;\n background: transparent;\n padding: 0;\n margin: 0;\n cursor: pointer;\n text-align: left;\n color: inherit;\n font: inherit;\n\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.colors.primary600};\n outline-offset: 2px;\n border-radius: 2px;\n }\n`;\n\n// Shields the row from its own controls (checkbox, \"...\" trigger) without\n// severing propagation for the menu's portaled content — those events are React\n// children of the cell but not DOM descendants, and Radix needs them to reach\n// `document` to dismiss its layers.\nconst stopRowEvent = (e: React.SyntheticEvent) => {\n if (isEventFromWithin(e)) {\n e.stopPropagation();\n }\n};\n\ninterface AssetPreviewCellProps {\n asset: File;\n}\n\nconst AssetPreviewCell = ({ asset }: AssetPreviewCellProps) => {\n const { ext, mime } = asset;\n\n const DocIcon = getAssetIcon(mime, ext);\n\n return (\n <Flex\n justifyContent=\"center\"\n alignItems=\"center\"\n borderRadius=\"4px\"\n color=\"neutral500\"\n width=\"3.2rem\"\n height=\"3.2rem\"\n shrink={0}\n >\n <DocIcon width={20} height={20} />\n </Flex>\n );\n};\n\ninterface AssetRowProps {\n asset: File;\n orderedItemKeys: ItemKey[];\n onAssetItemClick: (assetId: number) => void;\n}\n\nconst AssetRow = ({ asset, orderedItemKeys, onAssetItemClick }: AssetRowProps) => {\n const isDesktop = useIsDesktop();\n const { formatDate, formatMessage } = useIntl();\n const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n const { attributes, listeners, setNodeRef, isDragging, dragData } = useFileDraggable(asset);\n const { isSelected, toggle, selectRange } = useAssetSelection();\n const { canUpdate } = useMediaLibraryPermissions();\n const busyMessage = useBusyAssetsOptional()?.getBusyMessage(asset.id) ?? null;\n\n const key = assetKey(asset.id);\n const selected = isSelected(key);\n\n // Caption and alternative text apply to every file type — same \"empty =\n // falsy\" rule as the drawer's per-field warning.\n const isMetadataMissing = !asset.caption \|\| !asset.alternativeText;\n const metadataMissingLabel = formatMessage({\n id: getTranslationKey('list.table.row.metadata-missing'),\n defaultMessage: 'This asset is missing metadata (caption or alternative text).',\n });\n\n // Plain click opens the asset details; pointer selection lives on the\n // checkbox only. Modifier clicks keep the selection semantics: shift selects\n // a range, cmd/ctrl toggles.\n //\n // The containment guard on this and the handler below is what keeps the\n // actions menu's portaled dialogs — React children of this row — from\n // opening the details drawer or toggling the selection.\n const handleRowClick = (e: React.MouseEvent) => {\n if (!isEventFromWithin(e)) {\n return;\n }\n\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else if (e.metaKey \|\| e.ctrlKey) {\n toggle(key);\n } else {\n onAssetItemClick(asset.id);\n }\n };\n\n // Desktop: Space toggles selection (additive), Enter opens the details drawer.\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (!isEventFromWithin(e)) {\n return;\n }\n\n if (e.key === 'Enter') {\n e.preventDefault();\n onAssetItemClick(asset.id);\n } else if (e.key === ' ') {\n e.preventDefault();\n toggle(key);\n }\n };\n\n const handleNameClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n onAssetItemClick(asset.id);\n };\n\n const handleCheckboxClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else {\n toggle(key);\n }\n };\n\n return (\n <StyledTr\n ref={setNodeRef}\n {...attributes}\n {...listeners}\n $isDragging={isDragging}\n $isMovePending={isMovePending}\n $isBusy={busyMessage !== null}\n $isSelected={selected}\n tabIndex={0}\n role=\"row\"\n onDragStart={(e) => e.preventDefault()}\n onClick={handleRowClick}\n onKeyDown={handleKeyDown}\n onPointerDown={(e: React.PointerEvent) => {\n if (isEventFromWithin(e)) {\n listeners?.onPointerDown?.(e);\n }\n }}\n >\n {/ No checkbox without the update permission (nothing selectable can be\n acted on). Shown at every viewport width otherwise. /}\n {canUpdate && (\n <CheckboxTd onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n <Flex>\n <Checkbox\n checked={selected}\n onClick={handleCheckboxClick}\n aria-label={formatMessage(\n {\n id: getTranslationKey('list.table.row.select'),\n defaultMessage: 'Select {name}',\n },\n { name: asset.name }\n )}\n />\n </Flex>\n </CheckboxTd>\n )}\n <StyledTd>\n <Flex alignItems=\"center\" justifyContent=\"space-between\" gap={2} minWidth={0}>\n <Flex gap={3} alignItems=\"center\" minWidth={0}>\n {/ The row is dimmed and inert while busy; the spinner in place of the\n thumbnail is what says so positively. Its label carries the reason\n to screen readers — the row itself has no other announcement. /}\n {busyMessage !== null ? (\n <Flex justifyContent=\"center\" width=\"3.2rem\" height=\"3.2rem\">\n <Loader small>{busyMessage}</Loader>\n </Flex>\n ) : (\n <AssetPreviewCell asset={asset} />\n )}\n <Flex direction=\"column\" alignItems=\"flex-start\" minWidth={0}>\n <NameButton type=\"button\" onClick={handleNameClick}>\n <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n {asset.name}\n </Typography>\n </NameButton>\n {!isDesktop && (\n <Typography textColor=\"neutral600\" variant=\"pi\">\n {asset.size ? formatBytes(asset.size, 1) : '-'}\n </Typography>\n )}\n </Flex>\n </Flex>\n {isMetadataMissing && (\n <Tooltip label={metadataMissingLabel}>\n <MetadataWarning aria-label={metadataMissingLabel} role=\"img\" />\n </Tooltip>\n )}\n </Flex>\n </StyledTd>\n {isDesktop && (\n <>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {asset.createdAt ? formatDate(new Date(asset.createdAt), { dateStyle: 'long' }) : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {asset.updatedAt ? formatDate(new Date(asset.updatedAt), { dateStyle: 'long' }) : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {asset.size ? formatBytes(asset.size, 1) : '-'}\n </Typography>\n </StyledTd>\n </>\n )}\n {/ The row owns click, Enter and Space; none of them should reach it from\n the menu trigger (Enter would open the details drawer). /}\n <StyledTd onClick={stopRowEvent} onKeyDown={stopRowEvent} onPointerDown={stopRowEvent}>\n <Flex justifyContent=\"flex-end\">\n <AssetActionsMenu asset={asset} dragData={dragData} />\n </Flex>\n </StyledTd>\n </StyledTr>\n );\n};\n\nconst FolderTr = styled(StyledTr)`\n &:hover {\n background: ${({ theme }) => theme.colors.primary100};\n }\n`;\n\ninterface FolderRowProps {\n folder: Folder;\n orderedItemKeys: ItemKey[];\n}\n\nconst FolderRow = ({ folder, orderedItemKeys }: FolderRowProps) => {\n const isDesktop = useIsDesktop();\n const { formatDate, formatMessage } = useIntl();\n const { navigateToFolder } = useFolderNavigation();\n const { isSelected, toggle, selectRange } = useAssetSelection();\n const { canUpdate } = useMediaLibraryPermissions();\n const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n const {\n dragData,\n draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging },\n droppable: { setNodeRef: setDropRef },\n showValidDropHighlight,\n showInvalidDropCursor,\n } = useFolderDraggableDroppable(folder);\n\n const key = folderKey(folder.id);\n\n // Folders share the selection mechanism with assets. Only the plain-click\n // semantic differs: it navigates into the folder instead of selecting it.\n //\n // The containment guard on this and the handlers below is what keeps the\n // actions menu's portaled dialogs — React children of this row — from\n // navigating into the folder or starting a drag.\n const handleRowClick = (e: React.MouseEvent) => {\n if (!isEventFromWithin(e)) {\n return;\n }\n\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else if (e.metaKey \|\| e.ctrlKey) {\n toggle(key);\n } else {\n navigateToFolder(folder);\n }\n };\n\n // Enter navigates into the folder, Space toggles selection (same as assets).\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (!isEventFromWithin(e)) {\n return;\n }\n\n if (e.key === 'Enter') {\n e.preventDefault();\n navigateToFolder(folder);\n } else if (e.key === ' ') {\n e.preventDefault();\n toggle(key);\n }\n };\n\n const handleCheckboxClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (e.shiftKey) {\n selectRange(orderedItemKeys, key);\n } else {\n toggle(key);\n }\n };\n\n return (\n <FolderTr\n ref={(node) => {\n setDragRef(node);\n setDropRef(node);\n }}\n {...attributes}\n {...listeners}\n $isDragging={isDragging}\n $isMovePending={isMovePending}\n $isValidDropTarget={showValidDropHighlight}\n $isInvalidDropTarget={showInvalidDropCursor}\n $isSelected={isSelected(key)}\n tabIndex={0}\n role=\"row\"\n onDragStart={(e: React.DragEvent) => {\n if (isEventFromWithin(e)) {\n e.preventDefault();\n }\n }}\n onClick={handleRowClick}\n onKeyDown={handleKeyDown}\n onPointerDown={(e: React.PointerEvent) => {\n if (isEventFromWithin(e)) {\n listeners?.onPointerDown?.(e);\n }\n }}\n >\n {canUpdate && (\n <CheckboxTd onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n <Flex>\n <Checkbox\n checked={isSelected(key)}\n onClick={handleCheckboxClick}\n aria-label={formatMessage(\n {\n id: getTranslationKey('list.table.row.select'),\n defaultMessage: 'Select {name}',\n },\n { name: folder.name }\n )}\n />\n </Flex>\n </CheckboxTd>\n )}\n <StyledTd>\n <Flex gap={3} alignItems=\"center\" minWidth={0}>\n <Flex\n justifyContent=\"center\"\n alignItems=\"center\"\n borderRadius=\"4px\"\n color=\"neutral600\"\n width=\"3.2rem\"\n height=\"3.2rem\"\n shrink={0}\n >\n <FolderIcon width={20} height={20} />\n </Flex>\n <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n {folder.name}\n </Typography>\n </Flex>\n </StyledTd>\n {isDesktop && (\n <>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {folder.createdAt\n ? formatDate(new Date(folder.createdAt), { dateStyle: 'long' })\n : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">\n {folder.updatedAt\n ? formatDate(new Date(folder.updatedAt), { dateStyle: 'long' })\n : '-'}\n </Typography>\n </StyledTd>\n <StyledTd>\n <Typography textColor=\"neutral600\">-</Typography>\n </StyledTd>\n </>\n )}\n {/ The row owns click, Enter and Space; none of them should reach it from\n the menu trigger (Enter would navigate into the folder). /}\n <StyledTd onClick={stopRowEvent} onKeyDown={stopRowEvent} onPointerDown={stopRowEvent}>\n <Flex justifyContent=\"flex-end\">\n <FolderActionsMenu folder={folder} dragData={dragData} />\n </Flex>\n </StyledTd>\n </FolderTr>\n );\n};\n\ninterface AssetsTableProps {\n assets: File[];\n folders?: Folder[];\n /\n When set (\"Folders: Mixed with files\"), rows render in this interleaved\n * order instead of folders-first. Range selection follows the same order.\n */\n mixedItems?: MixedItem[] \| null;\n onAssetItemClick: (assetId: number) => void;\n}\n\nexport const AssetsTable = ({\n assets,\n folders = [],\n mixedItems = null,\n onAssetItemClick,\n}: AssetsTableProps) => {\n const isDesktop = useIsDesktop();\n const { formatMessage } = useIntl();\n const { selectedKeys, selectAll, clear } = useAssetSelection();\n const { canUpdate } = useMediaLibraryPermissions();\n\n // Below the desktop breakpoint only the name (and actions) column is kept —\n // the date/size columns don't fit; size moves under the name as a subtitle.\n const visibleHeaders = isDesktop\n ? TABLE_HEADERS\n : TABLE_HEADERS.filter((h) => h.name === 'name' \|\| h.name === 'actions');\n\n // The checkbox column is a dedicated structural column (not part of\n // TABLE_HEADERS). Hidden only without the update permission — every bulk\n // action needs `assets.update`, so a read-only user has nothing to select for.\n const showCheckboxColumn = canUpdate;\n const colCount = visibleHeaders.length + (showCheckboxColumn ? 1 : 0);\n\n const totalRows = folders.length + assets.length;\n\n // Render order — folders first by default, or the interleaved mixed order.\n // Range selection follows it.\n const orderedItemKeys: ItemKey[] = mixedItems\n ? mixedItems.map((item) =>\n item.kind === 'folder' ? folderKey(item.folder.id) : assetKey(item.asset.id)\n )\n : [\n ...folders.map((folder) => folderKey(folder.id)),\n ...assets.map((asset) => assetKey(asset.id)),\n ];\n const { allSelected, isIndeterminate } = getSelectAllState(selectedKeys, orderedItemKeys);\n\n const handleSelectAll = () => {\n if (allSelected) {\n clear();\n } else {\n selectAll(orderedItemKeys);\n }\n };\n\n // The empty state is owned by the page (`AssetsView` renders `EmptyState`) — an\n // empty table renders nothing at all, not headers over an empty body.\n if (totalRows === 0) {\n return null;\n }\n\n return (\n <StyledTable colCount={colCount} rowCount={(mixedItems ? mixedItems.length : totalRows) + 1}>\n <StyledThead>\n <RawTr>\n {showCheckboxColumn && (\n <CheckboxTh>\n <Flex>\n <Checkbox\n checked={isIndeterminate ? 'indeterminate' : allSelected}\n disabled={orderedItemKeys.length === 0}\n onCheckedChange={handleSelectAll}\n aria-label={formatMessage({\n id: getTranslationKey('list.table.header.select-all'),\n defaultMessage: 'Select all',\n })}\n />\n </Flex>\n </CheckboxTh>\n )}\n {visibleHeaders.map((header) => {\n const tableHeaderLabel = formatMessage(header.label);\n const isVisuallyHidden = 'isVisuallyHidden' in header && header.isVisuallyHidden;\n\n if (isVisuallyHidden) {\n return (\n <StyledTh key={header.name}>\n <VisuallyHidden>\n {formatMessage({\n id: getTranslationKey('table.header.actions'),\n defaultMessage: 'actions',\n })}\n </VisuallyHidden>\n </StyledTh>\n );\n }\n\n return (\n <StyledTh key={header.name}>\n <Typography textColor=\"neutral600\" variant=\"sigma\">\n {tableHeaderLabel}\n </Typography>\n </StyledTh>\n );\n })}\n </RawTr>\n </StyledThead>\n <RawTbody>\n {mixedItems?.map((item) =>\n item.kind === 'folder' ? (\n <FolderRow\n key={`folder-${item.folder.id}`}\n folder={item.folder}\n orderedItemKeys={orderedItemKeys}\n />\n ) : (\n <AssetRow\n key={item.asset.id}\n asset={item.asset}\n orderedItemKeys={orderedItemKeys}\n onAssetItemClick={onAssetItemClick}\n />\n )\n )}\n {!mixedItems &&\n folders.map((folder) => (\n <FolderRow\n key={`folder-${folder.id}`}\n folder={folder}\n orderedItemKeys={orderedItemKeys}\n />\n ))}\n {!mixedItems &&\n assets.map((asset) => (\n <AssetRow\n key={asset.id}\n asset={asset}\n orderedItemKeys={orderedItemKeys}\n onAssetItemClick={onAssetItemClick}\n />\n ))}\n </RawTbody>\n </StyledTable>\n );\n};\n"],"names":["StyledTable","styled","RawTable","theme","colors","neutral150","breakpoints","large","StyledThead","RawThead","neutral100","StyledTh","RawTh","spaces","StyledTd","RawTd","StyledTr","tr","$isSelected","primary100","neutral0","$isMovePending","$isBusy","$isInvalidDropTarget","$isDragging","$isValidDropTarget","css","primary600","CheckboxTd","CheckboxTh","MetadataWarning","WarningCircle","warning500","NameButton","button","stopRowEvent","e","isEventFromWithin","stopPropagation","AssetPreviewCell","asset","ext","mime","DocIcon","getAssetIcon","_jsx","Flex","justifyContent","alignItems","borderRadius","color","width","height","shrink","AssetRow","orderedItemKeys","onAssetItemClick","isDesktop","useIsDesktop","formatDate","formatMessage","useIntl","isMovePending","useAssetsDndOptional","attributes","listeners","setNodeRef","isDragging","dragData","useFileDraggable","isSelected","toggle","selectRange","useAssetSelection","canUpdate","useMediaLibraryPermissions","busyMessage","useBusyAssetsOptional","getBusyMessage","id","key","assetKey","selected","isMetadataMissing","caption","alternativeText","metadataMissingLabel","getTranslationKey","defaultMessage","handleRowClick","shiftKey","metaKey","ctrlKey","handleKeyDown","preventDefault","handleNameClick","handleCheckboxClick","_jsxs","ref","tabIndex","role","onDragStart","onClick","onKeyDown","onPointerDown","Checkbox","checked","aria-label","name","gap","minWidth","Loader","small","direction","type","Typography","textColor","fontWeight","ellipsis","variant","size","formatBytes","Tooltip","label","_Fragment","createdAt","Date","dateStyle","updatedAt","AssetActionsMenu","FolderTr","FolderRow","folder","navigateToFolder","useFolderNavigation","draggable","setDragRef","droppable","setDropRef","showValidDropHighlight","showInvalidDropCursor","useFolderDraggableDroppable","folderKey","node","FolderIcon","FolderActionsMenu","AssetsTable","assets","folders","mixedItems","selectedKeys","selectAll","clear","visibleHeaders","TABLE_HEADERS","filter","h","showCheckboxColumn","colCount","length","totalRows","map","item","kind","allSelected","isIndeterminate","getSelectAllState","handleSelectAll","rowCount","RawTr","disabled","onCheckedChange","header","tableHeaderLabel","isVisuallyHidden","VisuallyHidden","RawTbody"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,WAAAA,GAAcC,MAAAA,CAAOC,QAAAA,CAAS;;;;oBAIhB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;;;;;;;;;;;;;;EAgB3D,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,WAAW,CAACC,KAAK,CAAC;;;;;;;;;AAS3C,CAAC;AAED,MAAMC,WAAAA,GAAcP,MAAAA,CAAOQ,QAAAA,CAAS;cACtB,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACM,UAAU,CAAC;;;6BAG1B,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;AAEtE,CAAC;AAED,MAAMM,QAAAA,GAAWV,MAAAA,CAAOW,KAAAA,CAAM;;aAEjB,EAAE,CAAC,EAAET,KAAK,EAAE,GAAKA,KAAAA,CAAMU,MAAM,CAAC,CAAA,CAAE,CAAC;;AAE9C,CAAC;AAED,MAAMC,QAAAA,GAAWb,MAAAA,CAAOc,KAAAA,CAAM;aACjB,EAAE,CAAC,EAAEZ,KAAK,EAAE,GAAKA,KAAAA,CAAMU,MAAM,CAAC,CAAA,CAAE,CAAC;2BACnB,EAAE,CAAC,EAAEV,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;AACpE,CAAC;AAED,MAAMW,QAAAA,GAAWf,MAAAA,CAAOgB,EAOtB;;;AAGY,cAAA,EAAE,CAAC,EAAEd,KAAK,EAAEe,WAAW,EAAE,GACnCA,WAAAA,GAAcf,KAAAA,CAAMC,MAAM,CAACe,UAAU,GAAGhB,MAAMC,MAAM,CAACgB,QAAQ,CAAC;AACxD,UAAA,EAAE,CAAC,EAAEC,cAAc,EAAEC,OAAO,EAAEC,oBAAoB,EAAE,GAAA;AAC1D,IAAA,IAAIF,kBAAkBC,OAAAA,EAAS;QAC7B,OAAO,MAAA;AACT,IAAA;AAEA,IAAA,OAAOC,uBAAuB,aAAA,GAAgB,SAAA;AAChD,CAAA,CAAE;WACO,EAAE,CAAC,EAAEC,WAAW,EAAEF,OAAO,EAAE,GAAME,WAAAA,IAAeF,OAAAA,GAAU,GAAA,GAAM,CAAA,CAAG;kBAC5D,EAAE,CAAC,EAAED,cAAc,EAAEC,OAAO,EAAE,GAAMD,cAAAA,IAAkBC,OAAAA,GAAU,MAAA,GAAS,MAAA,CAAQ;;EAEjG,EAAE,CAAC,EAAEG,kBAAkB,EAAEtB,KAAK,EAAE,GAC9BsB,kBAAAA,IACAC,GAAG;AACW,kBAAA,EAAEvB,KAAAA,CAAMC,MAAM,CAACe,UAAU,CAAC;AAClB,0BAAA,EAAEhB,KAAAA,CAAMC,MAAM,CAACuB,UAAU,CAAC;;AAEhD,IAAA,CAAC;;;gBAGW,EAAE,CAAC,EAAExB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACe,UAAU,CAAC;;;;uBAIlC,EAAE,CAAC,EAAEhB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACuB,UAAU,CAAC;;;;;AAK5D,IAAA,EAAEb,QAAAA,CAAS;;;;AAIf,CAAC;AAED;AACA;AACA;AACA,MAAMc,UAAAA,GAAa3B,MAAAA,CAAOa,QAAAA,CAAS;;;AAGnC,CAAC;AAED,MAAMe,UAAAA,GAAa5B,MAAAA,CAAOU,QAAAA,CAAS;;;AAGnC,CAAC;AAED;AACA;AACA;AACA,MAAMmB,eAAAA,GAAkB7B,MAAAA,CAAO8B,aAAAA,CAAc;;;;;;UAMnC,EAAE,CAAC,EAAE5B,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC4B,UAAU,CAAC;;AAEnD,CAAC;AAED;AACA;AACA,MAAMC,UAAAA,GAAahC,MAAAA,CAAOiC,MAAM;;;;;;;;;;;;;uBAaT,EAAE,CAAC,EAAE/B,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACuB,UAAU,CAAC;;;;AAIhE,CAAC;AAED;AACA;AACA;AACA;AACA,MAAMQ,eAAe,CAACC,CAAAA,GAAAA;AACpB,IAAA,IAAIC,kBAAkBD,CAAAA,CAAAA,EAAI;AACxBA,QAAAA,CAAAA,CAAEE,eAAe,EAAA;AACnB,IAAA;AACF,CAAA;AAMA,MAAMC,gBAAAA,GAAmB,CAAC,EAAEC,KAAK,EAAyB,GAAA;AACxD,IAAA,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAE,GAAGF,KAAAA;IAEtB,MAAMG,OAAAA,GAAUC,aAAaF,IAAAA,EAAMD,GAAAA,CAAAA;AAEnC,IAAA,qBACEI,GAAA,CAACC,IAAAA,EAAAA;QACCC,cAAAA,EAAe,QAAA;QACfC,UAAAA,EAAW,QAAA;QACXC,YAAAA,EAAa,KAAA;QACbC,KAAAA,EAAM,YAAA;QACNC,KAAAA,EAAM,QAAA;QACNC,MAAAA,EAAO,QAAA;QACPC,MAAAA,EAAQ,CAAA;AAER,QAAA,QAAA,gBAAAR,GAAA,CAACF,OAAAA,EAAAA;YAAQQ,KAAAA,EAAO,EAAA;YAAIC,MAAAA,EAAQ;;;AAGlC,CAAA;AAQA,MAAME,QAAAA,GAAW,CAAC,EAAEd,KAAK,EAAEe,eAAe,EAAEC,gBAAgB,EAAiB,GAAA;AAC3E,IAAA,MAAMC,SAAAA,GAAYC,YAAAA,EAAAA;AAClB,IAAA,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AACtC,IAAA,MAAM,EAAEC,aAAa,EAAE,GAAGC,oBAAAA,EAAAA,IAA0B;QAAED,aAAAA,EAAe;AAAM,KAAA;AAC3E,IAAA,MAAM,EAAEE,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGC,gBAAAA,CAAiB7B,KAAAA,CAAAA;AACrF,IAAA,MAAM,EAAE8B,UAAU,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGC,iBAAAA,EAAAA;IAC5C,MAAM,EAAEC,SAAS,EAAE,GAAGC,0BAAAA,EAAAA;AACtB,IAAA,MAAMC,WAAAA,GAAcC,qBAAAA,EAAAA,EAAyBC,cAAAA,CAAetC,KAAAA,CAAMuC,EAAE,CAAA,IAAK,IAAA;IAEzE,MAAMC,GAAAA,GAAMC,QAAAA,CAASzC,KAAAA,CAAMuC,EAAE,CAAA;AAC7B,IAAA,MAAMG,WAAWZ,UAAAA,CAAWU,GAAAA,CAAAA;;;AAI5B,IAAA,MAAMG,oBAAoB,CAAC3C,KAAAA,CAAM4C,OAAO,IAAI,CAAC5C,MAAM6C,eAAe;AAClE,IAAA,MAAMC,uBAAuB1B,aAAAA,CAAc;AACzCmB,QAAAA,EAAAA,EAAIQ,iBAAAA,CAAkB,iCAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;;;;;;;;AASA,IAAA,MAAMC,iBAAiB,CAACrD,CAAAA,GAAAA;QACtB,IAAI,CAACC,kBAAkBD,CAAAA,CAAAA,EAAI;AACzB,YAAA;AACF,QAAA;QAEA,IAAIA,CAAAA,CAAEsD,QAAQ,EAAE;AACdlB,YAAAA,WAAAA,CAAYjB,eAAAA,EAAiByB,GAAAA,CAAAA;AAC/B,QAAA,CAAA,MAAO,IAAI5C,CAAAA,CAAEuD,OAAO,IAAIvD,CAAAA,CAAEwD,OAAO,EAAE;YACjCrB,MAAAA,CAAOS,GAAAA,CAAAA;QACT,CAAA,MAAO;AACLxB,YAAAA,gBAAAA,CAAiBhB,MAAMuC,EAAE,CAAA;AAC3B,QAAA;AACF,IAAA,CAAA;;AAGA,IAAA,MAAMc,gBAAgB,CAACzD,CAAAA,GAAAA;QACrB,IAAI,CAACC,kBAAkBD,CAAAA,CAAAA,EAAI;AACzB,YAAA;AACF,QAAA;QAEA,IAAIA,CAAAA,CAAE4C,GAAG,KAAK,OAAA,EAAS;AACrB5C,YAAAA,CAAAA,CAAE0D,cAAc,EAAA;AAChBtC,YAAAA,gBAAAA,CAAiBhB,MAAMuC,EAAE,CAAA;AAC3B,QAAA,CAAA,MAAO,IAAI3C,CAAAA,CAAE4C,GAAG,KAAK,GAAA,EAAK;AACxB5C,YAAAA,CAAAA,CAAE0D,cAAc,EAAA;YAChBvB,MAAAA,CAAOS,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMe,kBAAkB,CAAC3D,CAAAA,GAAAA;AACvBA,QAAAA,CAAAA,CAAEE,eAAe,EAAA;AACjBkB,QAAAA,gBAAAA,CAAiBhB,MAAMuC,EAAE,CAAA;AAC3B,IAAA,CAAA;AAEA,IAAA,MAAMiB,sBAAsB,CAAC5D,CAAAA,GAAAA;AAC3BA,QAAAA,CAAAA,CAAEE,eAAe,EAAA;QACjB,IAAIF,CAAAA,CAAEsD,QAAQ,EAAE;AACdlB,YAAAA,WAAAA,CAAYjB,eAAAA,EAAiByB,GAAAA,CAAAA;QAC/B,CAAA,MAAO;YACLT,MAAAA,CAAOS,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACEiB,IAAA,CAACjF,QAAAA,EAAAA;QACCkF,GAAAA,EAAKhC,UAAAA;AACJ,QAAA,GAAGF,UAAU;AACb,QAAA,GAAGC,SAAS;QACbzC,WAAAA,EAAa2C,UAAAA;QACb9C,cAAAA,EAAgByC,aAAAA;AAChBxC,QAAAA,OAAAA,EAASsD,WAAAA,KAAgB,IAAA;QACzB1D,WAAAA,EAAagE,QAAAA;QACbiB,QAAAA,EAAU,CAAA;QACVC,IAAAA,EAAK,KAAA;QACLC,WAAAA,EAAa,CAACjE,CAAAA,GAAMA,CAAAA,CAAE0D,cAAc,EAAA;QACpCQ,OAAAA,EAASb,cAAAA;QACTc,SAAAA,EAAWV,aAAAA;AACXW,QAAAA,aAAAA,EAAe,CAACpE,CAAAA,GAAAA;AACd,YAAA,IAAIC,kBAAkBD,CAAAA,CAAAA,EAAI;AACxB6B,gBAAAA,SAAAA,EAAWuC,aAAAA,GAAgBpE,CAAAA,CAAAA;AAC7B,YAAA;AACF,QAAA,CAAA;;AAICsC,YAAAA,SAAAA,kBACC7B,GAAA,CAACjB,UAAAA,EAAAA;gBAAW0E,OAAAA,EAASnE,YAAAA;gBAAcoE,SAAAA,EAAWpE,YAAAA;AAC5C,gBAAA,QAAA,gBAAAU,GAAA,CAACC,IAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAD,GAAA,CAAC4D,QAAAA,EAAAA;wBACCC,OAAAA,EAASxB,QAAAA;wBACToB,OAAAA,EAASN,mBAAAA;AACTW,wBAAAA,YAAAA,EAAY/C,aAAAA,CACV;AACEmB,4BAAAA,EAAAA,EAAIQ,iBAAAA,CAAkB,uBAAA,CAAA;4BACtBC,cAAAA,EAAgB;yBAClB,EACA;AAAEoB,4BAAAA,IAAAA,EAAMpE,MAAMoE;AAAK,yBAAA;;;;0BAM7B/D,GAAA,CAAC/B,QAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAmF,IAAA,CAACnD,IAAAA,EAAAA;oBAAKE,UAAAA,EAAW,QAAA;oBAASD,cAAAA,EAAe,eAAA;oBAAgB8D,GAAAA,EAAK,CAAA;oBAAGC,QAAAA,EAAU,CAAA;;sCACzEb,IAAA,CAACnD,IAAAA,EAAAA;4BAAK+D,GAAAA,EAAK,CAAA;4BAAG7D,UAAAA,EAAW,QAAA;4BAAS8D,QAAAA,EAAU,CAAA;;AAIzClC,gCAAAA,WAAAA,KAAgB,qBACf/B,GAAA,CAACC,IAAAA,EAAAA;oCAAKC,cAAAA,EAAe,QAAA;oCAASI,KAAAA,EAAM,QAAA;oCAASC,MAAAA,EAAO,QAAA;AAClD,oCAAA,QAAA,gBAAAP,GAAA,CAACkE,MAAAA,EAAAA;wCAAOC,KAAK,EAAA,IAAA;AAAEpC,wCAAAA,QAAAA,EAAAA;;mDAGjB/B,GAAA,CAACN,gBAAAA,EAAAA;oCAAiBC,KAAAA,EAAOA;;8CAE3ByD,IAAA,CAACnD,IAAAA,EAAAA;oCAAKmE,SAAAA,EAAU,QAAA;oCAASjE,UAAAA,EAAW,YAAA;oCAAa8D,QAAAA,EAAU,CAAA;;sDACzDjE,GAAA,CAACZ,UAAAA,EAAAA;4CAAWiF,IAAAA,EAAK,QAAA;4CAASZ,OAAAA,EAASP,eAAAA;AACjC,4CAAA,QAAA,gBAAAlD,GAAA,CAACsE,UAAAA,EAAAA;gDAAWC,SAAAA,EAAU,YAAA;gDAAaC,UAAAA,EAAW,UAAA;gDAAWC,QAAQ,EAAA,IAAA;AAC9D9E,gDAAAA,QAAAA,EAAAA,KAAAA,CAAMoE;;;AAGV,wCAAA,CAACnD,2BACAZ,GAAA,CAACsE,UAAAA,EAAAA;4CAAWC,SAAAA,EAAU,YAAA;4CAAaG,OAAAA,EAAQ,IAAA;AACxC/E,4CAAAA,QAAAA,EAAAA,KAAAA,CAAMgF,IAAI,GAAGC,WAAAA,CAAYjF,KAAAA,CAAMgF,IAAI,EAAE,CAAA,CAAA,GAAK;;;;;;AAKlDrC,wBAAAA,iBAAAA,kBACCtC,GAAA,CAAC6E,OAAAA,EAAAA;4BAAQC,KAAAA,EAAOrC,oBAAAA;AACd,4BAAA,QAAA,gBAAAzC,GAAA,CAACf,eAAAA,EAAAA;gCAAgB6E,YAAAA,EAAYrB,oBAAAA;gCAAsBc,IAAAA,EAAK;;;;;;YAK/D3C,SAAAA,kBACCwC,IAAA,CAAA2B,QAAA,EAAA;;kCACE/E,GAAA,CAAC/B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA+B,GAAA,CAACsE,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnB5E,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMqF,SAAS,GAAGlE,UAAAA,CAAW,IAAImE,IAAAA,CAAKtF,KAAAA,CAAMqF,SAAS,CAAA,EAAG;gCAAEE,SAAAA,EAAW;6BAAO,CAAA,GAAK;;;kCAGtFlF,GAAA,CAAC/B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA+B,GAAA,CAACsE,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnB5E,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMwF,SAAS,GAAGrE,UAAAA,CAAW,IAAImE,IAAAA,CAAKtF,KAAAA,CAAMwF,SAAS,CAAA,EAAG;gCAAED,SAAAA,EAAW;6BAAO,CAAA,GAAK;;;kCAGtFlF,GAAA,CAAC/B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA+B,GAAA,CAACsE,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnB5E,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMgF,IAAI,GAAGC,WAAAA,CAAYjF,KAAAA,CAAMgF,IAAI,EAAE,CAAA,CAAA,GAAK;;;;;0BAOnD3E,GAAA,CAAC/B,QAAAA,EAAAA;gBAASwF,OAAAA,EAASnE,YAAAA;gBAAcoE,SAAAA,EAAWpE,YAAAA;gBAAcqE,aAAAA,EAAerE,YAAAA;AACvE,gBAAA,QAAA,gBAAAU,GAAA,CAACC,IAAAA,EAAAA;oBAAKC,cAAAA,EAAe,UAAA;AACnB,oBAAA,QAAA,gBAAAF,GAAA,CAACoF,gBAAAA,EAAAA;wBAAiBzF,KAAAA,EAAOA,KAAAA;wBAAO4B,QAAAA,EAAUA;;;;;;AAKpD,CAAA;AAEA,MAAM8D,QAAAA,GAAWjI,MAAAA,CAAOe,QAAAA,CAAS;;gBAEjB,EAAE,CAAC,EAAEb,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACe,UAAU,CAAC;;AAEzD,CAAC;AAOD,MAAMgH,YAAY,CAAC,EAAEC,MAAM,EAAE7E,eAAe,EAAkB,GAAA;AAC5D,IAAA,MAAME,SAAAA,GAAYC,YAAAA,EAAAA;AAClB,IAAA,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IACtC,MAAM,EAAEwE,gBAAgB,EAAE,GAAGC,mBAAAA,EAAAA;AAC7B,IAAA,MAAM,EAAEhE,UAAU,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGC,iBAAAA,EAAAA;IAC5C,MAAM,EAAEC,SAAS,EAAE,GAAGC,0BAAAA,EAAAA;AACtB,IAAA,MAAM,EAAEb,aAAa,EAAE,GAAGC,oBAAAA,EAAAA,IAA0B;QAAED,aAAAA,EAAe;AAAM,KAAA;IAC3E,MAAM,EACJM,QAAQ,EACRmE,SAAAA,EAAW,EAAEvE,UAAU,EAAEC,SAAS,EAAEC,UAAAA,EAAYsE,UAAU,EAAErE,UAAU,EAAE,EACxEsE,SAAAA,EAAW,EAAEvE,UAAAA,EAAYwE,UAAU,EAAE,EACrCC,sBAAsB,EACtBC,qBAAqB,EACtB,GAAGC,2BAAAA,CAA4BT,MAAAA,CAAAA;IAEhC,MAAMpD,GAAAA,GAAM8D,SAAAA,CAAUV,MAAAA,CAAOrD,EAAE,CAAA;;;;;;;AAQ/B,IAAA,MAAMU,iBAAiB,CAACrD,CAAAA,GAAAA;QACtB,IAAI,CAACC,kBAAkBD,CAAAA,CAAAA,EAAI;AACzB,YAAA;AACF,QAAA;QAEA,IAAIA,CAAAA,CAAEsD,QAAQ,EAAE;AACdlB,YAAAA,WAAAA,CAAYjB,eAAAA,EAAiByB,GAAAA,CAAAA;AAC/B,QAAA,CAAA,MAAO,IAAI5C,CAAAA,CAAEuD,OAAO,IAAIvD,CAAAA,CAAEwD,OAAO,EAAE;YACjCrB,MAAAA,CAAOS,GAAAA,CAAAA;QACT,CAAA,MAAO;YACLqD,gBAAAA,CAAiBD,MAAAA,CAAAA;AACnB,QAAA;AACF,IAAA,CAAA;;AAGA,IAAA,MAAMvC,gBAAgB,CAACzD,CAAAA,GAAAA;QACrB,IAAI,CAACC,kBAAkBD,CAAAA,CAAAA,EAAI;AACzB,YAAA;AACF,QAAA;QAEA,IAAIA,CAAAA,CAAE4C,GAAG,KAAK,OAAA,EAAS;AACrB5C,YAAAA,CAAAA,CAAE0D,cAAc,EAAA;YAChBuC,gBAAAA,CAAiBD,MAAAA,CAAAA;AACnB,QAAA,CAAA,MAAO,IAAIhG,CAAAA,CAAE4C,GAAG,KAAK,GAAA,EAAK;AACxB5C,YAAAA,CAAAA,CAAE0D,cAAc,EAAA;YAChBvB,MAAAA,CAAOS,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMgB,sBAAsB,CAAC5D,CAAAA,GAAAA;AAC3BA,QAAAA,CAAAA,CAAEE,eAAe,EAAA;QACjB,IAAIF,CAAAA,CAAEsD,QAAQ,EAAE;AACdlB,YAAAA,WAAAA,CAAYjB,eAAAA,EAAiByB,GAAAA,CAAAA;QAC/B,CAAA,MAAO;YACLT,MAAAA,CAAOS,GAAAA,CAAAA;AACT,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACEiB,IAAA,CAACiC,QAAAA,EAAAA;AACChC,QAAAA,GAAAA,EAAK,CAAC6C,IAAAA,GAAAA;YACJP,UAAAA,CAAWO,IAAAA,CAAAA;YACXL,UAAAA,CAAWK,IAAAA,CAAAA;AACb,QAAA,CAAA;AACC,QAAA,GAAG/E,UAAU;AACb,QAAA,GAAGC,SAAS;QACbzC,WAAAA,EAAa2C,UAAAA;QACb9C,cAAAA,EAAgByC,aAAAA;QAChBrC,kBAAAA,EAAoBkH,sBAAAA;QACpBpH,oBAAAA,EAAsBqH,qBAAAA;AACtB1H,QAAAA,WAAAA,EAAaoD,UAAAA,CAAWU,GAAAA,CAAAA;QACxBmB,QAAAA,EAAU,CAAA;QACVC,IAAAA,EAAK,KAAA;AACLC,QAAAA,WAAAA,EAAa,CAACjE,CAAAA,GAAAA;AACZ,YAAA,IAAIC,kBAAkBD,CAAAA,CAAAA,EAAI;AACxBA,gBAAAA,CAAAA,CAAE0D,cAAc,EAAA;AAClB,YAAA;AACF,QAAA,CAAA;QACAQ,OAAAA,EAASb,cAAAA;QACTc,SAAAA,EAAWV,aAAAA;AACXW,QAAAA,aAAAA,EAAe,CAACpE,CAAAA,GAAAA;AACd,YAAA,IAAIC,kBAAkBD,CAAAA,CAAAA,EAAI;AACxB6B,gBAAAA,SAAAA,EAAWuC,aAAAA,GAAgBpE,CAAAA,CAAAA;AAC7B,YAAA;AACF,QAAA,CAAA;;AAECsC,YAAAA,SAAAA,kBACC7B,GAAA,CAACjB,UAAAA,EAAAA;gBAAW0E,OAAAA,EAASnE,YAAAA;gBAAcoE,SAAAA,EAAWpE,YAAAA;AAC5C,gBAAA,QAAA,gBAAAU,GAAA,CAACC,IAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAD,GAAA,CAAC4D,QAAAA,EAAAA;AACCC,wBAAAA,OAAAA,EAASpC,UAAAA,CAAWU,GAAAA,CAAAA;wBACpBsB,OAAAA,EAASN,mBAAAA;AACTW,wBAAAA,YAAAA,EAAY/C,aAAAA,CACV;AACEmB,4BAAAA,EAAAA,EAAIQ,iBAAAA,CAAkB,uBAAA,CAAA;4BACtBC,cAAAA,EAAgB;yBAClB,EACA;AAAEoB,4BAAAA,IAAAA,EAAMwB,OAAOxB;AAAK,yBAAA;;;;0BAM9B/D,GAAA,CAAC/B,QAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAmF,IAAA,CAACnD,IAAAA,EAAAA;oBAAK+D,GAAAA,EAAK,CAAA;oBAAG7D,UAAAA,EAAW,QAAA;oBAAS8D,QAAAA,EAAU,CAAA;;sCAC1CjE,GAAA,CAACC,IAAAA,EAAAA;4BACCC,cAAAA,EAAe,QAAA;4BACfC,UAAAA,EAAW,QAAA;4BACXC,YAAAA,EAAa,KAAA;4BACbC,KAAAA,EAAM,YAAA;4BACNC,KAAAA,EAAM,QAAA;4BACNC,MAAAA,EAAO,QAAA;4BACPC,MAAAA,EAAQ,CAAA;AAER,4BAAA,QAAA,gBAAAR,GAAA,CAACmG,MAAAA,EAAAA;gCAAW7F,KAAAA,EAAO,EAAA;gCAAIC,MAAAA,EAAQ;;;sCAEjCP,GAAA,CAACsE,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;4BAAaC,UAAAA,EAAW,UAAA;4BAAWC,QAAQ,EAAA,IAAA;AAC9Dc,4BAAAA,QAAAA,EAAAA,MAAAA,CAAOxB;;;;;YAIbnD,SAAAA,kBACCwC,IAAA,CAAA2B,QAAA,EAAA;;kCACE/E,GAAA,CAAC/B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA+B,GAAA,CAACsE,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnBgB,4BAAAA,QAAAA,EAAAA,MAAAA,CAAOP,SAAS,GACblE,UAAAA,CAAW,IAAImE,IAAAA,CAAKM,MAAAA,CAAOP,SAAS,CAAA,EAAG;gCAAEE,SAAAA,EAAW;6BAAO,CAAA,GAC3D;;;kCAGRlF,GAAA,CAAC/B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA+B,GAAA,CAACsE,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AACnBgB,4BAAAA,QAAAA,EAAAA,MAAAA,CAAOJ,SAAS,GACbrE,UAAAA,CAAW,IAAImE,IAAAA,CAAKM,MAAAA,CAAOJ,SAAS,CAAA,EAAG;gCAAED,SAAAA,EAAW;6BAAO,CAAA,GAC3D;;;kCAGRlF,GAAA,CAAC/B,QAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAA+B,GAAA,CAACsE,UAAAA,EAAAA;4BAAWC,SAAAA,EAAU,YAAA;AAAa,4BAAA,QAAA,EAAA;;;;;0BAMzCvE,GAAA,CAAC/B,QAAAA,EAAAA;gBAASwF,OAAAA,EAASnE,YAAAA;gBAAcoE,SAAAA,EAAWpE,YAAAA;gBAAcqE,aAAAA,EAAerE,YAAAA;AACvE,gBAAA,QAAA,gBAAAU,GAAA,CAACC,IAAAA,EAAAA;oBAAKC,cAAAA,EAAe,UAAA;AACnB,oBAAA,QAAA,gBAAAF,GAAA,CAACoG,iBAAAA,EAAAA;wBAAkBb,MAAAA,EAAQA,MAAAA;wBAAQhE,QAAAA,EAAUA;;;;;;AAKvD,CAAA;AAaO,MAAM8E,WAAAA,GAAc,CAAC,EAC1BC,MAAM,EACNC,OAAAA,GAAU,EAAE,EACZC,UAAAA,GAAa,IAAI,EACjB7F,gBAAgB,EACC,GAAA;AACjB,IAAA,MAAMC,SAAAA,GAAYC,YAAAA,EAAAA;IAClB,MAAM,EAAEE,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEyF,YAAY,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAG/E,iBAAAA,EAAAA;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,0BAAAA,EAAAA;;;AAItB,IAAA,MAAM8E,cAAAA,GAAiBhG,SAAAA,GACnBiG,aAAAA,GACAA,aAAAA,CAAcC,MAAM,CAAC,CAACC,CAAAA,GAAMA,CAAAA,CAAEhD,IAAI,KAAK,MAAA,IAAUgD,CAAAA,CAAEhD,IAAI,KAAK,SAAA,CAAA;;;;AAKhE,IAAA,MAAMiD,kBAAAA,GAAqBnF,SAAAA;AAC3B,IAAA,MAAMoF,WAAWL,cAAAA,CAAeM,MAAM,IAAIF,kBAAAA,GAAqB,IAAI,CAAA,CAAA;AAEnE,IAAA,MAAMG,SAAAA,GAAYZ,OAAAA,CAAQW,MAAM,GAAGZ,OAAOY,MAAM;;;IAIhD,MAAMxG,eAAAA,GAA6B8F,aAC/BA,UAAAA,CAAWY,GAAG,CAAC,CAACC,IAAAA,GACdA,IAAAA,CAAKC,IAAI,KAAK,QAAA,GAAWrB,UAAUoB,IAAAA,CAAK9B,MAAM,CAACrD,EAAE,CAAA,GAAIE,SAASiF,IAAAA,CAAK1H,KAAK,CAACuC,EAAE,CAAA,CAAA,GAE7E;AACKqE,QAAAA,GAAAA,OAAAA,CAAQa,GAAG,CAAC,CAAC7B,MAAAA,GAAWU,SAAAA,CAAUV,OAAOrD,EAAE,CAAA,CAAA;AAC3CoE,QAAAA,GAAAA,MAAAA,CAAOc,GAAG,CAAC,CAACzH,KAAAA,GAAUyC,QAAAA,CAASzC,MAAMuC,EAAE,CAAA;AAC3C,KAAA;AACL,IAAA,MAAM,EAAEqF,WAAW,EAAEC,eAAe,EAAE,GAAGC,kBAAkBhB,YAAAA,EAAc/F,eAAAA,CAAAA;AAEzE,IAAA,MAAMgH,eAAAA,GAAkB,IAAA;AACtB,QAAA,IAAIH,WAAAA,EAAa;AACfZ,YAAAA,KAAAA,EAAAA;QACF,CAAA,MAAO;YACLD,SAAAA,CAAUhG,eAAAA,CAAAA;AACZ,QAAA;AACF,IAAA,CAAA;;;AAIA,IAAA,IAAIyG,cAAc,CAAA,EAAG;QACnB,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACE/D,IAAA,CAACjG,WAAAA,EAAAA;QAAY8J,QAAAA,EAAUA,QAAAA;AAAUU,QAAAA,QAAAA,EAAU,CAACnB,UAAAA,GAAaA,WAAWU,MAAM,GAAGC,SAAQ,IAAK,CAAA;;0BACxFnH,GAAA,CAACrC,WAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAyF,IAAA,CAACwE,KAAAA,EAAAA;;AACEZ,wBAAAA,kBAAAA,kBACChH,GAAA,CAAChB,UAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAgB,GAAA,CAACC,IAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAD,GAAA,CAAC4D,QAAAA,EAAAA;AACCC,oCAAAA,OAAAA,EAAS2D,kBAAkB,eAAA,GAAkBD,WAAAA;oCAC7CM,QAAAA,EAAUnH,eAAAA,CAAgBwG,MAAM,KAAK,CAAA;oCACrCY,eAAAA,EAAiBJ,eAAAA;AACjB5D,oCAAAA,YAAAA,EAAY/C,aAAAA,CAAc;AACxBmB,wCAAAA,EAAAA,EAAIQ,iBAAAA,CAAkB,8BAAA,CAAA;wCACtBC,cAAAA,EAAgB;AAClB,qCAAA;;;;wBAKPiE,cAAAA,CAAeQ,GAAG,CAAC,CAACW,MAAAA,GAAAA;4BACnB,MAAMC,gBAAAA,GAAmBjH,aAAAA,CAAcgH,MAAAA,CAAOjD,KAAK,CAAA;AACnD,4BAAA,MAAMmD,gBAAAA,GAAmB,kBAAA,IAAsBF,MAAAA,IAAUA,MAAAA,CAAOE,gBAAgB;AAEhF,4BAAA,IAAIA,gBAAAA,EAAkB;AACpB,gCAAA,qBACEjI,GAAA,CAAClC,QAAAA,EAAAA;AACC,oCAAA,QAAA,gBAAAkC,GAAA,CAACkI,cAAAA,EAAAA;kDACEnH,aAAAA,CAAc;AACbmB,4CAAAA,EAAAA,EAAIQ,iBAAAA,CAAkB,sBAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;AALWoF,iCAAAA,EAAAA,MAAAA,CAAOhE,IAAI,CAAA;AAS9B,4BAAA;AAEA,4BAAA,qBACE/D,GAAA,CAAClC,QAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAkC,GAAA,CAACsE,UAAAA,EAAAA;oCAAWC,SAAAA,EAAU,YAAA;oCAAaG,OAAAA,EAAQ,OAAA;AACxCsD,oCAAAA,QAAAA,EAAAA;;AAFUD,6BAAAA,EAAAA,MAAAA,CAAOhE,IAAI,CAAA;AAM9B,wBAAA,CAAA;;;;0BAGJX,IAAA,CAAC+E,QAAAA,EAAAA;;AACE3B,oBAAAA,UAAAA,EAAYY,IAAI,CAACC,IAAAA,GAChBA,KAAKC,IAAI,KAAK,yBACZtH,GAAA,CAACsF,SAAAA,EAAAA;AAECC,4BAAAA,MAAAA,EAAQ8B,KAAK9B,MAAM;4BACnB7E,eAAAA,EAAiBA;2BAFZ,CAAC,OAAO,EAAE2G,IAAAA,CAAK9B,MAAM,CAACrD,EAAE,CAAA,CAAE,kBAKjClC,GAAA,CAACS,QAAAA,EAAAA;AAECd,4BAAAA,KAAAA,EAAO0H,KAAK1H,KAAK;4BACjBe,eAAAA,EAAiBA,eAAAA;4BACjBC,gBAAAA,EAAkBA;2BAHb0G,IAAAA,CAAK1H,KAAK,CAACuC,EAAE,CAAA,CAAA;AAOvB,oBAAA,CAACsE,cACAD,OAAAA,CAAQa,GAAG,CAAC,CAAC7B,uBACXvF,GAAA,CAACsF,SAAAA,EAAAA;4BAECC,MAAAA,EAAQA,MAAAA;4BACR7E,eAAAA,EAAiBA;AAFZ,yBAAA,EAAA,CAAC,OAAO,EAAE6E,MAAAA,CAAOrD,EAAE,CAAA,CAAE,CAAA,CAAA;AAK/B,oBAAA,CAACsE,cACAF,MAAAA,CAAOc,GAAG,CAAC,CAACzH,sBACVK,GAAA,CAACS,QAAAA,EAAAA;4BAECd,KAAAA,EAAOA,KAAAA;4BACPe,eAAAA,EAAiBA,eAAAA;4BACjBC,gBAAAA,EAAkBA;AAHbhB,yBAAAA,EAAAA,KAAAA,CAAMuC,EAAE,CAAA;;;;;AAS3B;;;;"}

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

@@ -7,29 +7,46 @@ var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
-var useAiAvailability = require('../../../../hooks/useAiAvailability.js');
-var assets = require('../../../services/assets.js');
+var constants = require('../../../../shared/constants.js');
+var useAIMetadataEnabled = require('../../../hooks/useAIMetadataEnabled.js');
+var useMediaLibraryPermissions = require('../../../hooks/useMediaLibraryPermissions.js');
+require('../../../services/assets.js');
+var buildDragSetFromSelection = require('../../../utils/buildDragSetFromSelection.js');
+var itemLocations = require('../../../utils/itemLocations.js');
 var translations = require('../../../utils/translations.js');
 var useAssetSelection = require('../hooks/useAssetSelection.js');
+var useFolderNavigation = require('../hooks/useFolderNavigation.js');
 var BulkMoveDialog = require('./BulkMoveDialog.js');
+var DeleteItemsDialog = require('./DeleteItemsDialog.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)
+ * Bulk action bar for the future Media Library. Mobile: docked full-bleed to the
+ * bottom edge (no radius, top border only). Desktop (medium+): a floating,
+ * centered pill.
  */ const Bar = styledComponents.styled(designSystem.Flex)`
   position: fixed;
-  bottom: ${({ theme })=>theme.spaces[4]};
-  left: 50%;
-  transform: translateX(-50%);
   z-index: ${({ theme })=>theme.zIndices.popover};
+  left: 0;
+  right: 0;
+  bottom: 0;
   align-items: center;
   gap: ${({ theme })=>theme.spaces[2]};
   padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};
   background: ${({ theme })=>theme.colors.neutral0};
-  border: 1px solid ${({ theme })=>theme.colors.neutral150};
-  border-radius: ${({ theme })=>theme.borderRadius};
+  border: 0;
+  border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+  border-radius: 0;
   box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+  ${({ theme })=>theme.breakpoints.medium} {
+    left: 50%;
+    right: auto;
+    bottom: ${({ theme })=>theme.spaces[4]};
+    transform: translateX(-50%);
+    border: 1px solid ${({ theme })=>theme.colors.neutral150};
+    border-radius: ${({ theme })=>theme.borderRadius};
+  }
 `;
 const ActionCluster = styledComponents.styled(designSystem.Flex)`
   margin-left: auto;
@@ -42,62 +59,151 @@ const VerticalDivider = styledComponents.styled(designSystem.Box)`
   background: ${({ theme })=>theme.colors.neutral150};
   margin-left: ${({ theme })=>theme.spaces[1]};
 `;
-const BulkActionsBar = ()=>{
+const BulkActionsBar = ({ assets = [], locations = itemLocations.emptyItemLocations })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
-    const { isEnabled: isAiMetadataEnabled } = useAiAvailability.useAIAvailability();
+    // No mime argument: the action is selection-scoped, so the per-asset
+    // allowlist check happens below in `eligibleCount`.
+    const isAiMetadataEnabled = useAIMetadataEnabled.useAIMetadataEnabled();
+    // 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 { currentFolderId } = useFolderNavigation.useFolderNavigation();
+    const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = api.useGenerateAiMetadataMutation();
     const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false);
     const [isMoveDialogOpen, setIsMoveDialogOpen] = React.useState(false);
+    // The delete request lives in DeleteItemsDialog; the bar mirrors its pending
+    // state so the rest of the controls stay disabled for the duration.
+    const [isDeleting, setIsDeleting] = 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;
+    // 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
+    // global search validates against each item's own parent rather than the
+    // folder currently open.
+    const moveItems = React.useMemo(()=>buildDragSetFromSelection.buildDragSetFromSelection(selectedIds, selectedFolderIds, locations, currentFolderId), [
+        selectedIds,
+        selectedFolderIds,
+        locations,
+        currentFolderId
+    ]);
+    /**
+   * 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.map(({ id, mime })=>[
+                id,
+                mime
+            ]));
+        return [
+            ...selectedIds
+        ].filter((id)=>constants.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: 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
         });
-    };
-    const handleConfirmDelete = async (e)=>{
-        // Radix AlertDialog.Action closes the dialog on click by default; prevent
-        // that so the dialog stays open showing the loader while the request runs
-        // (a bulk delete can take a while depending on the number of assets).
-        e.preventDefault();
-        // Guard re-entry while pending.
-        if (isDeleting) {
+    } 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 res = await bulkDeleteItems({
-            fileIds: Array.from(selectedIds),
-            folderIds: Array.from(selectedFolderIds)
+        const fileIds = Array.from(selectedIds);
+        const res = await generateAiMetadata({
+            fileIds
         });
         if ('error' in res) {
-            // Keep the dialog open and the selection intact so the user can retry
-            // (Confirm again) or Cancel; only surface the error toast.
+            // Keep the selection intact so the user can retry.
             toggleNotification({
                 type: 'danger',
                 message: formatMessage({
-                    id: translations.getTranslationKey('list.bulk-actions.delete.error'),
-                    defaultMessage: 'An error occurred while deleting the items.'
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
                 })
             });
             return;
         }
-        setIsDeleteDialogOpen(false);
-        toggleNotification({
-            type: 'success',
-            message: formatMessage({
-                id: translations.getTranslationKey('list.bulk-actions.delete.success'),
-                defaultMessage: '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}'
-            }, {
-                count
-            })
-        });
+        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();
     };
-    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 +227,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'
@@ -143,91 +255,29 @@ const BulkActionsBar = ()=>{
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(BulkMoveDialog.BulkMoveDialog, {
                         open: isMoveDialogOpen,
-                        onClose: ()=>setIsMoveDialogOpen(false)
+                        onClose: ()=>setIsMoveDialogOpen(false),
+                        items: moveItems,
+                        onSuccess: clear
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        variant: "danger-light",
+                        disabled: isBusy,
+                        label: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.delete'),
+                            defaultMessage: 'Delete'
+                        }),
+                        onClick: ()=>setIsDeleteDialogOpen(true),
+                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
                     }),
-                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Root, {
+                    /*#__PURE__*/ jsxRuntime.jsx(DeleteItemsDialog.DeleteItemsDialog, {
                         open: isDeleteDialogOpen,
-                        onOpenChange: (open)=>{
-                            // The dialog must stay open while the request runs — a bulk delete
-                            // can't be aborted halfway, so the loader is the source of truth.
-                            if (!isDeleting) {
-                                setIsDeleteDialogOpen(open);
-                            }
+                        onClose: ()=>setIsDeleteDialogOpen(false),
+                        target: {
+                            fileIds: Array.from(selectedIds),
+                            folderIds: Array.from(selectedFolderIds)
                         },
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Trigger, {
-                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                                    variant: "danger-light",
-                                    disabled: isDeleting,
-                                    label: formatMessage({
-                                        id: translations.getTranslationKey('list.bulk-actions.delete'),
-                                        defaultMessage: 'Delete'
-                                    }),
-                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
-                                })
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Content, {
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Header, {
-                                        children: formatMessage({
-                                            id: translations.getTranslationKey('list.bulk-actions.delete.confirm.title'),
-                                            defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?'
-                                        }, {
-                                            count
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Body, {
-                                        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.WarningCircle, {
-                                            width: "24px",
-                                            height: "24px",
-                                            fill: "danger600"
-                                        }),
-                                        textAlign: "center",
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                children: formatMessage({
-                                                    id: translations.getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),
-                                                    defaultMessage: '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.'
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                                children: formatMessage({
-                                                    id: translations.getTranslationKey('list.bulk-actions.delete.confirm.description.cant-be-undone'),
-                                                    defaultMessage: '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.'
-                                                })
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Footer, {
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Cancel, {
-                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                                                    variant: "tertiary",
-                                                    disabled: isDeleting,
-                                                    fullWidth: true,
-                                                    children: formatMessage({
-                                                        id: 'app.components.Button.cancel',
-                                                        defaultMessage: 'Cancel'
-                                                    })
-                                                })
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Action, {
-                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
-                                                    variant: "danger-light",
-                                                    loading: isDeleting,
-                                                    onClick: handleConfirmDelete,
-                                                    fullWidth: true,
-                                                    children: formatMessage({
-                                                        id: 'app.components.Button.confirm',
-                                                        defaultMessage: 'Confirm'
-                                                    })
-                                                })
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
+                        onSuccess: clear,
+                        onPendingChange: setIsDeleting
                     })
                 ]
             }),
@@ -241,7 +291,7 @@ const BulkActionsBar = ()=>{
                     defaultMessage: 'Clear selection'
                 }),
                 onClick: clear,
-                disabled: isDeleting,
+                disabled: isBusy,
                 children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
             })
         ]