@strapi/upload 5.52.3 → 5.53.0

package/dist/admin/future/components/Drawer.js

@@ -161,12 +161,15 @@ const CloseIconButton = styledComponents.styled(designSystem.IconButton)`
     background: transparent;
   }
 `;
-const DrawerBody = /*#__PURE__*/ React__namespace.forwardRef(({ animationDirection, width, maxHeight, children, ...props }, ref)=>/*#__PURE__*/ jsxRuntime.jsx(Dialog__namespace.Content, {
+/** Vetoes an outside interaction that would otherwise dismiss the drawer. */ const keepOpen = (event)=>event.preventDefault();
+const DrawerBody = /*#__PURE__*/ React__namespace.forwardRef(({ animationDirection, width, maxHeight, onPointerDownOutside = keepOpen, children, ...props }, ref)=>/*#__PURE__*/ jsxRuntime.jsx(Dialog__namespace.Content, {
         ref: ref,
         forceMount: true,
         asChild: true,
-        onPointerDownOutside: (e)=>e.preventDefault(),
-        onInteractOutside: (e)=>e.preventDefault(),
+        onPointerDownOutside: onPointerDownOutside,
+        // Non-modal, so focus legitimately moves outside (tabbing past the last
+        // field); only a pointer press should ever dismiss.
+        onFocusOutside: keepOpen,
         "data-animation-direction": animationDirection,
         children: /*#__PURE__*/ jsxRuntime.jsx(DrawerContainer, {
             $animationDirection: animationDirection,

package/dist/admin/future/components/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n  $width?: string;\n  $maxHeight?: string;\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  /* Mobile: full-bleed sheet. Anchoring to the right at a fixed width left a\n     dead gutter on every phone wider than the panel, and the panel only filled\n     the screen once the viewport happened to be narrower than it. Below the\n     medium breakpoint the panel is the screen; medium+ restores the\n     right-anchored rail. */\n  left: 0;\n  right: 0;\n  width: 100%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  /* dvh, not vh: anchored to the bottom, a 100vh cap on mobile (visual\n     viewport < 100vh under the URL bar) would push the drawer top off-screen. */\n  max-height: ${({ $maxHeight }) => $maxHeight ?? '100dvh'};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    left: auto;\n    width: ${({ $width }) => $width ?? '400px'};\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  /* The scroll area wraps its children in a div styled inline as\n     display: table, min-width: 100%. A table box grows to its content, so a\n     single unbreakable string (a long file name) widens it past the scrollport\n     and the panel gains a horizontal scrollbar — with nothing left to clamp the\n     row, the name never truncates. Overriding to a block box makes the\n     scrollport the width again, which is what the vertical-only list wants.\n     Inline styles, hence the important. */\n  [data-radix-scroll-area-viewport] > div {\n    display: block !important;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerBodyProps extends Omit<FlexProps, 'width' | 'maxHeight'> {\n  animationDirection?: 'up' | 'left';\n  /** Width of the panel from the medium breakpoint up. Mobile is always full-bleed. */\n  width?: string;\n  /** Cap on the panel height. Defaults to the dynamic viewport height. */\n  maxHeight?: string;\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  ({ animationDirection, width, maxHeight, children, ...props }, ref) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={(e) => e.preventDefault()}\n      onInteractOutside={(e) => e.preventDefault()}\n      data-animation-direction={animationDirection}\n    >\n      {/* width/maxHeight go through transient props so the DS Flex never emits a\n          competing `width` rule that would outrank the mobile full-bleed one. */}\n      <DrawerContainer\n        $animationDirection={animationDirection}\n        $width={width}\n        $maxHeight={maxHeight}\n        {...props}\n      >\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","$maxHeight","breakpoints","medium","$width","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","DrawerBody","React","forwardRef","animationDirection","width","maxHeight","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onPointerDownOutside","e","preventDefault","onInteractOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n  $width?: string;\n  $maxHeight?: string;\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  /* Mobile: full-bleed sheet. Anchoring to the right at a fixed width left a\n     dead gutter on every phone wider than the panel, and the panel only filled\n     the screen once the viewport happened to be narrower than it. Below the\n     medium breakpoint the panel is the screen; medium+ restores the\n     right-anchored rail. */\n  left: 0;\n  right: 0;\n  width: 100%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  /* dvh, not vh: anchored to the bottom, a 100vh cap on mobile (visual\n     viewport < 100vh under the URL bar) would push the drawer top off-screen. */\n  max-height: ${({ $maxHeight }) => $maxHeight ?? '100dvh'};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    left: auto;\n    width: ${({ $width }) => $width ?? '400px'};\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  /* The scroll area wraps its children in a div styled inline as\n     display: table, min-width: 100%. A table box grows to its content, so a\n     single unbreakable string (a long file name) widens it past the scrollport\n     and the panel gains a horizontal scrollbar — with nothing left to clamp the\n     row, the name never truncates. Overriding to a block box makes the\n     scrollport the width again, which is what the vertical-only list wants.\n     Inline styles, hence the important. */\n  [data-radix-scroll-area-viewport] > div {\n    display: block !important;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideHandler = NonNullable<Dialog.DialogContentProps['onPointerDownOutside']>;\n\n/** Vetoes an outside interaction that would otherwise dismiss the drawer. */\nconst keepOpen = (event: { preventDefault: () => void }) => event.preventDefault();\n\ninterface DrawerBodyProps extends Omit<FlexProps, 'width' | 'maxHeight'> {\n  animationDirection?: 'up' | 'left';\n  /** Width of the panel from the medium breakpoint up. Mobile is always full-bleed. */\n  width?: string;\n  /** Cap on the panel height. Defaults to the dynamic viewport height. */\n  maxHeight?: string;\n  /**\n   * Opt in to dismiss-on-outside-click. Omitted, an outside pointer press never\n   * closes the drawer — it must be closed explicitly, as long-running panels\n   * like the upload progress dialog need. Passed, the handler can still veto\n   * individual presses via `event.preventDefault()`. Content rendered from\n   * inside the panel but portaled elsewhere (DS dialogs, popovers, tooltips)\n   * never counts as outside — Radix reads the React tree, not the DOM.\n   */\n  onPointerDownOutside?: PointerDownOutsideHandler;\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  (\n    { animationDirection, width, maxHeight, onPointerDownOutside = keepOpen, children, ...props },\n    ref\n  ) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={onPointerDownOutside}\n      // Non-modal, so focus legitimately moves outside (tabbing past the last\n      // field); only a pointer press should ever dismiss.\n      onFocusOutside={keepOpen}\n      data-animation-direction={animationDirection}\n    >\n      {/* width/maxHeight go through transient props so the DS Flex never emits a\n          competing `width` rule that would outrank the mobile full-bleed one. */}\n      <DrawerContainer\n        $animationDirection={animationDirection}\n        $width={width}\n        $maxHeight={maxHeight}\n        {...props}\n      >\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","$maxHeight","breakpoints","medium","$width","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","keepOpen","event","preventDefault","DrawerBody","React","forwardRef","animationDirection","width","maxHeight","onPointerDownOutside","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onFocusOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}

package/dist/admin/future/components/Drawer.mjs

@@ -138,12 +138,15 @@ const CloseIconButton = styled(IconButton)`
     background: transparent;
   }
 `;
-const DrawerBody = /*#__PURE__*/ React.forwardRef(({ animationDirection, width, maxHeight, children, ...props }, ref)=>/*#__PURE__*/ jsx(Dialog.Content, {
+/** Vetoes an outside interaction that would otherwise dismiss the drawer. */ const keepOpen = (event)=>event.preventDefault();
+const DrawerBody = /*#__PURE__*/ React.forwardRef(({ animationDirection, width, maxHeight, onPointerDownOutside = keepOpen, children, ...props }, ref)=>/*#__PURE__*/ jsx(Dialog.Content, {
         ref: ref,
         forceMount: true,
         asChild: true,
-        onPointerDownOutside: (e)=>e.preventDefault(),
-        onInteractOutside: (e)=>e.preventDefault(),
+        onPointerDownOutside: onPointerDownOutside,
+        // Non-modal, so focus legitimately moves outside (tabbing past the last
+        // field); only a pointer press should ever dismiss.
+        onFocusOutside: keepOpen,
         "data-animation-direction": animationDirection,
         children: /*#__PURE__*/ jsx(DrawerContainer, {
             $animationDirection: animationDirection,

package/dist/admin/future/components/Drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.mjs","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n  $width?: string;\n  $maxHeight?: string;\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  /* Mobile: full-bleed sheet. Anchoring to the right at a fixed width left a\n     dead gutter on every phone wider than the panel, and the panel only filled\n     the screen once the viewport happened to be narrower than it. Below the\n     medium breakpoint the panel is the screen; medium+ restores the\n     right-anchored rail. */\n  left: 0;\n  right: 0;\n  width: 100%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  /* dvh, not vh: anchored to the bottom, a 100vh cap on mobile (visual\n     viewport < 100vh under the URL bar) would push the drawer top off-screen. */\n  max-height: ${({ $maxHeight }) => $maxHeight ?? '100dvh'};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    left: auto;\n    width: ${({ $width }) => $width ?? '400px'};\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  /* The scroll area wraps its children in a div styled inline as\n     display: table, min-width: 100%. A table box grows to its content, so a\n     single unbreakable string (a long file name) widens it past the scrollport\n     and the panel gains a horizontal scrollbar — with nothing left to clamp the\n     row, the name never truncates. Overriding to a block box makes the\n     scrollport the width again, which is what the vertical-only list wants.\n     Inline styles, hence the important. */\n  [data-radix-scroll-area-viewport] > div {\n    display: block !important;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerBodyProps extends Omit<FlexProps, 'width' | 'maxHeight'> {\n  animationDirection?: 'up' | 'left';\n  /** Width of the panel from the medium breakpoint up. Mobile is always full-bleed. */\n  width?: string;\n  /** Cap on the panel height. Defaults to the dynamic viewport height. */\n  maxHeight?: string;\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  ({ animationDirection, width, maxHeight, children, ...props }, ref) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={(e) => e.preventDefault()}\n      onInteractOutside={(e) => e.preventDefault()}\n      data-animation-direction={animationDirection}\n    >\n      {/* width/maxHeight go through transient props so the DS Flex never emits a\n          competing `width` rule that would outrank the mobile full-bleed one. */}\n      <DrawerContainer\n        $animationDirection={animationDirection}\n        $width={width}\n        $maxHeight={maxHeight}\n        {...props}\n      >\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","$maxHeight","breakpoints","medium","$width","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","DrawerBody","React","forwardRef","animationDirection","width","maxHeight","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onPointerDownOutside","e","preventDefault","onInteractOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}
+{"version":3,"file":"Drawer.mjs","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n  $width?: string;\n  $maxHeight?: string;\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  /* Mobile: full-bleed sheet. Anchoring to the right at a fixed width left a\n     dead gutter on every phone wider than the panel, and the panel only filled\n     the screen once the viewport happened to be narrower than it. Below the\n     medium breakpoint the panel is the screen; medium+ restores the\n     right-anchored rail. */\n  left: 0;\n  right: 0;\n  width: 100%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  /* dvh, not vh: anchored to the bottom, a 100vh cap on mobile (visual\n     viewport < 100vh under the URL bar) would push the drawer top off-screen. */\n  max-height: ${({ $maxHeight }) => $maxHeight ?? '100dvh'};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    left: auto;\n    width: ${({ $width }) => $width ?? '400px'};\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n\n  /* The scroll area wraps its children in a div styled inline as\n     display: table, min-width: 100%. A table box grows to its content, so a\n     single unbreakable string (a long file name) widens it past the scrollport\n     and the panel gains a horizontal scrollbar — with nothing left to clamp the\n     row, the name never truncates. Overriding to a block box makes the\n     scrollport the width again, which is what the vertical-only list wants.\n     Inline styles, hence the important. */\n  [data-radix-scroll-area-viewport] > div {\n    display: block !important;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ntype PointerDownOutsideHandler = NonNullable<Dialog.DialogContentProps['onPointerDownOutside']>;\n\n/** Vetoes an outside interaction that would otherwise dismiss the drawer. */\nconst keepOpen = (event: { preventDefault: () => void }) => event.preventDefault();\n\ninterface DrawerBodyProps extends Omit<FlexProps, 'width' | 'maxHeight'> {\n  animationDirection?: 'up' | 'left';\n  /** Width of the panel from the medium breakpoint up. Mobile is always full-bleed. */\n  width?: string;\n  /** Cap on the panel height. Defaults to the dynamic viewport height. */\n  maxHeight?: string;\n  /**\n   * Opt in to dismiss-on-outside-click. Omitted, an outside pointer press never\n   * closes the drawer — it must be closed explicitly, as long-running panels\n   * like the upload progress dialog need. Passed, the handler can still veto\n   * individual presses via `event.preventDefault()`. Content rendered from\n   * inside the panel but portaled elsewhere (DS dialogs, popovers, tooltips)\n   * never counts as outside — Radix reads the React tree, not the DOM.\n   */\n  onPointerDownOutside?: PointerDownOutsideHandler;\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  (\n    { animationDirection, width, maxHeight, onPointerDownOutside = keepOpen, children, ...props },\n    ref\n  ) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={onPointerDownOutside}\n      // Non-modal, so focus legitimately moves outside (tabbing past the last\n      // field); only a pointer press should ever dismiss.\n      onFocusOutside={keepOpen}\n      data-animation-direction={animationDirection}\n    >\n      {/* width/maxHeight go through transient props so the DS Flex never emits a\n          competing `width` rule that would outrank the mobile full-bleed one. */}\n      <DrawerContainer\n        $animationDirection={animationDirection}\n        $width={width}\n        $maxHeight={maxHeight}\n        {...props}\n      >\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","$maxHeight","breakpoints","medium","$width","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","keepOpen","event","preventDefault","DrawerBody","React","forwardRef","animationDirection","width","maxHeight","onPointerDownOutside","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onFocusOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}

package/dist/admin/future/pages/Assets/AssetsPage.js

@@ -32,6 +32,7 @@ var FilterMenu = require('./components/FilterMenu.js');
 var FolderFormDialog = require('./components/FolderFormDialog.js');
 var FolderTree = require('./components/FolderTree/FolderTree.js');
 var ImportFromUrlDialog = require('./components/ImportFromUrlDialog.js');
+var MainAreaContextMenu = require('./components/MainAreaContextMenu.js');
 var SortMenu = require('./components/SortMenu.js');
 var constants = require('./constants.js');
 var useAssetSearch = require('./hooks/useAssetSearch.js');
@@ -42,6 +43,7 @@ var useFolderNavigation = require('./hooks/useFolderNavigation.js');
 var useInfiniteAssets = require('./hooks/useInfiniteAssets.js');
 var useInfiniteScrollSentinel = require('./hooks/useInfiniteScrollSentinel.js');
 var useListFilters = require('./hooks/useListFilters.js');
+var useListScrollRestoration = require('./hooks/useListScrollRestoration.js');
 var useListSort = require('./hooks/useListSort.js');
 var buildAssetFilters = require('./utils/buildAssetFilters.js');
 var listQueryKey = require('./utils/listQueryKey.js');
@@ -591,6 +593,7 @@ const AssetsPage = ()=>{
         sort: `${listSort.assetsSort};folders=${listSort.foldersPosition}`,
         filter: listFilters.serialized || null
     });
+    const scrollAnchorRef = useListScrollRestoration.useListScrollRestoration(listQueryKey$1);
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(UploadDropZoneContext.UploadDropZoneProvider, {
@@ -628,6 +631,17 @@ const AssetsPage = ()=>{
                                                     height: 0,
                                                     "aria-hidden": true
                                                 }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                                    ref: scrollAnchorRef,
+                                                    height: 0,
+                                                    "aria-hidden": true
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(MainAreaContextMenu.MainAreaContextMenu, {
+                                                    disabled: !canCreate,
+                                                    onCreateFolder: ()=>setIsCreateFolderDialogOpen(true),
+                                                    onImportFiles: handleFileSelect,
+                                                    onImportFromUrl: ()=>setIsUrlDialogOpen(true)
+                                                }),
                                                 /*#__PURE__*/ jsxRuntime.jsxs(StickyHeader, {
                                                     $compact: isHeaderCompact,
                                                     children: [
@@ -660,7 +674,7 @@ const AssetsPage = ()=>{
                                                                             startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Files, {}),
                                                                             children: formatMessage({
                                                                                 id: translations.getTranslationKey('import-files'),
-                                                                                defaultMessage: 'Import files'
+                                                                                defaultMessage: 'File upload'
                                                                             })
                                                                         }),
                                                                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.MenuItem, {
@@ -668,7 +682,7 @@ const AssetsPage = ()=>{
                                                                             startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Link, {}),
                                                                             children: formatMessage({
                                                                                 id: translations.getTranslationKey('import-from-url'),
-                                                                                defaultMessage: 'Import from URL'
+                                                                                defaultMessage: 'File upload from URL'
                                                                             })
                                                                         })
                                                                     ]

package/dist/admin/future/pages/Assets/AssetsPage.js.map

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