@strapi/upload 5.55.1 → 5.57.0

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

@@ -9,9 +9,11 @@ var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
 var TruncatedText = require('../../../../components/TruncatedText.js');
 var folders = require('../../../../services/folders.js');
+var isEventFromWithin = require('../../../../utils/isEventFromWithin.js');
 var translations = require('../../../../utils/translations.js');
 var AssetsDndProvider = require('../Dnd/AssetsDndProvider.js');
 var useFolderTreeDroppable = require('../Dnd/useFolderTreeDroppable.js');
+var FolderTreeRowMenu = require('./FolderTreeRowMenu.js');
 var useSpringLoadedExpand = require('./useSpringLoadedExpand.js');
 
 /* -------------------------------------------------------------------------------------------------
@@ -19,17 +21,19 @@ var useSpringLoadedExpand = require('./useSpringLoadedExpand.js');
  * -----------------------------------------------------------------------------------------------*/ const RowButton = styledComponents.styled.button`
   display: flex;
   align-items: center;
-  gap: ${({ theme })=>theme.spaces[2]};
+  // Matches the row's own gap, so Home — the one row whose icon sits inside
+  // this button rather than beside it — puts its label on the same line as a
+  // folder's.
+  gap: ${({ theme })=>theme.spaces[1]};
   width: 100%;
   min-height: 3.2rem;
-  padding: ${({ theme })=>`${theme.spaces[1]} ${theme.spaces[2]}`};
+  // No padding of its own: the row owns the inset, so the label lines up with
+  // the icon boxes instead of being pushed in by a second layer of spacing.
+  padding: 0;
   border: 0;
-  background: ${({ $isActive, $isValidDropTarget, theme })=>{
-    if ($isValidDropTarget) {
-        return theme.colors.primary100;
-    }
-    return $isActive ? theme.colors.primary100 : 'transparent';
-}};
+  // The surface — hover, active, drop target — is painted by the row behind
+  // this, so it spans the chevron and the actions menu too, not just the label.
+  background: transparent;
   color: ${({ $isActive, theme })=>$isActive ? theme.colors.primary700 : theme.colors.neutral800};
   border-radius: ${({ theme })=>theme.borderRadius};
   cursor: ${({ $isMovePending, $isInvalidDropCursor })=>{
@@ -47,15 +51,6 @@ var useSpringLoadedExpand = require('./useSpringLoadedExpand.js');
       outline-offset: -1px;
     `}
 
-  &:hover {
-    background: ${({ $isActive, $isValidDropTarget, theme })=>{
-    if ($isValidDropTarget) {
-        return theme.colors.primary100;
-    }
-    return $isActive ? theme.colors.primary100 : theme.colors.neutral100;
-}};
-  }
-
   &:focus-visible {
     outline: 2px solid ${({ theme })=>theme.colors.primary600};
     outline-offset: -2px;
@@ -70,11 +65,22 @@ const TreeRow = styledComponents.styled(designSystem.Flex)`
 }};
   pointer-events: ${({ $isMovePending })=>$isMovePending ? 'none' : 'auto'};
   border-radius: ${({ theme })=>theme.borderRadius};
+  background: ${({ $isActive, theme })=>$isActive ? theme.colors.primary100 : 'transparent'};
+
+  // The whole row lights up, so pointing anywhere along it — chevron, label or
+  // the actions trigger — reads as one target.
+  &:hover {
+    background: ${({ $isActive, theme })=>$isActive ? theme.colors.primary100 : theme.colors.neutral100};
+  }
 
   ${({ $isValidDropTarget, theme })=>$isValidDropTarget && styledComponents.css`
       background: ${theme.colors.primary100};
       outline: 1px dashed ${theme.colors.primary600};
       outline-offset: -1px;
+
+      &:hover {
+        background: ${theme.colors.primary100};
+      }
     `}
 `;
 /* -------------------------------------------------------------------------------------------------
@@ -178,12 +184,46 @@ const useExpandedFolders = (folderStructure, currentFolderId)=>{
 /* -------------------------------------------------------------------------------------------------
  * FolderTreeItem — single tree row (internal)
  * -----------------------------------------------------------------------------------------------*/ const INDENT_PER_LEVEL_REM = 1.6;
+/**
+ * Breathing room between the row's highlight and the controls at either end.
+ * Asymmetric on purpose: the chevron reads as part of the indent, while the
+ * actions trigger sits closer to the edge so it stays out of the name's way.
+ */ const ROW_INSET_LEFT_REM = 0.8;
+const ROW_INSET_RIGHT_REM = 0.4;
+/**
+ * Every icon in the rail occupies the same 24px box, whether or not it is a
+ * control: the chevron and the actions trigger are buttons, the home and folder
+ * marks are not. Sizing the box rather than the glyph is what keeps the labels
+ * on one vertical line across rows that mix the two.
+ */ const IconSlot = styledComponents.styled(designSystem.Flex)`
+  width: 2.4rem;
+  height: 2.4rem;
+  min-width: 2.4rem;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+`;
 /**
  * A leaf's chevron is present only to keep the folder names aligned, so it
  * should read as absent. The design system's disabled state is built for real
  * controls — a filled, bordered pill — which draws more attention than the
  * enabled chevron next to it. Doubled selector to outrank that rule.
  */ const ChevronButton = styledComponents.styled(designSystem.IconButton)`
+  // Square, so it and the actions trigger read as one pair of controls.
+  && {
+    width: 2.4rem;
+    height: 2.4rem;
+    min-width: 2.4rem;
+    min-height: 2.4rem;
+    padding: 0.4rem;
+  }
+
+  // The row paints its own hover, so the control needs a stronger one of its own
+  // to read as a separate target sitting on top of it.
+  &&:hover:not([aria-disabled='true']) {
+    background: ${({ theme })=>theme.colors.primary200};
+  }
+
   &&[aria-disabled='true'] {
     background: transparent;
     border-color: transparent;
@@ -194,10 +234,13 @@ const RotatingChevron = styledComponents.styled(icons.ChevronDown)`
   transform: rotate(${({ $expanded })=>$expanded ? '0deg' : '-90deg'});
   transition: transform 0.2s ease;
 `;
-const FolderTreeItemInner = ({ id, name, folderChildren, level, currentFolderId, showActiveFolder, isExpanded, onToggle, onExpand, onSelect, isMovePending })=>{
+const FolderTreeItemInner = ({ id, name, parentId, folderChildren, level, currentFolderId, showActiveFolder, isExpanded, onToggle, onExpand, onSelect, isMovePending })=>{
     const { formatMessage } = reactIntl.useIntl();
     const hasChildren = folderChildren.length > 0;
-    const isFolderExpanded = isExpanded(id);
+    // A folder keeps its entry in the expanded set after its last subfolder is
+    // moved away, so "expanded" has to mean "expanded *and* still has something to
+    // show" — otherwise the chevron stays rotated on what is now a leaf.
+    const isFolderExpanded = isExpanded(id) && hasChildren;
     const isActive = showActiveFolder && currentFolderId === id;
     const { droppable: { setNodeRef }, isOver, showValidDropHighlight, showInvalidDropCursor } = useFolderTreeDroppable.useFolderTreeDroppable({
         id,
@@ -207,6 +250,10 @@ const FolderTreeItemInner = ({ id, name, folderChildren, level, currentFolderId,
         id,
         onExpand
     ]);
+    // Tree rows carry no selection, so a right-click always means "this folder" —
+    // none of the list's selection rules apply here.
+    const [menuPosition, setMenuPosition] = React.useState(null);
+    const rowButtonRef = React.useRef(null);
     useSpringLoadedExpand.useSpringLoadedExpand({
         isOver,
         canExpand: hasChildren && !isFolderExpanded,
@@ -218,12 +265,27 @@ const FolderTreeItemInner = ({ id, name, folderChildren, level, currentFolderId,
         children: [
             /*#__PURE__*/ jsxRuntime.jsxs(TreeRow, {
                 ref: setNodeRef,
+                "data-native-context-menu": true,
                 alignItems: "center",
-                paddingLeft: `${level * INDENT_PER_LEVEL_REM}rem`,
+                // Indent plus the row's own inset, so the chevron never sits flush
+                // against the edge of the highlight at any depth.
+                paddingLeft: `${level * INDENT_PER_LEVEL_REM + ROW_INSET_LEFT_REM}rem`,
+                paddingRight: `${ROW_INSET_RIGHT_REM}rem`,
                 gap: 1,
+                $isActive: isActive,
                 $isValidDropTarget: showValidDropHighlight,
                 $isInvalidDropCursor: showInvalidDropCursor,
                 $isMovePending: isMovePending,
+                onContextMenu: (event)=>{
+                    if (!isEventFromWithin.isEventFromWithin(event)) {
+                        return;
+                    }
+                    event.preventDefault();
+                    setMenuPosition({
+                        x: event.clientX,
+                        y: event.clientY
+                    });
+                },
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsx(ChevronButton, {
                         label: hasChildren ? formatMessage({
@@ -254,6 +316,7 @@ const FolderTreeItemInner = ({ id, name, folderChildren, level, currentFolderId,
                         flex: "1",
                         minWidth: 0,
                         children: /*#__PURE__*/ jsxRuntime.jsx(RowButton, {
+                            ref: rowButtonRef,
                             type: "button",
                             $isActive: isActive,
                             $isValidDropTarget: showValidDropHighlight,
@@ -269,12 +332,23 @@ const FolderTreeItemInner = ({ id, name, folderChildren, level, currentFolderId,
                                 children: name
                             })
                         })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(FolderTreeRowMenu.FolderTreeRowMenu, {
+                        folder: {
+                            id,
+                            name
+                        },
+                        parentId: parentId,
+                        menuPosition: menuPosition,
+                        returnFocusTo: rowButtonRef.current,
+                        onCloseMenu: ()=>setMenuPosition(null)
                     })
                 ]
             }),
             hasChildren && isFolderExpanded && /*#__PURE__*/ jsxRuntime.jsx(NavList, {
                 children: folderChildren.map((child)=>/*#__PURE__*/ jsxRuntime.jsx(FolderTreeItem, {
                         node: child,
+                        parentId: id,
                         level: level + 1,
                         currentFolderId: currentFolderId,
                         showActiveFolder: showActiveFolder,
@@ -299,6 +373,7 @@ const FolderTreeItem = ({ node, ...props })=>{
         folderChildren: node.children ?? []
     });
 };
+const FOLDER_TREE_ROOT_SELECTOR = '[data-folder-tree-root]';
 /**
  * Left-rail navigation for the Media Library. Fetches folder structure internally
  * and renders:
@@ -315,7 +390,7 @@ const FolderTreeItem = ({ node, ...props })=>{
  * Presentational with respect to routing — navigation is delegated to the parent
  * via `onSelectFolder` so the URL stays the single source of truth (see
  * `useFolderNavigation`).
- */ const FolderTree = ({ currentFolderId, showActiveFolder = true, onSelectFolder })=>{
+ */ const FolderTree = ({ currentFolderId, showActiveFolder = true, onSelectFolder, backgroundContextMenu })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { data: folderStructure = [], isLoading, isError } = folders.useGetFolderStructureQuery();
     const { isExpanded, toggleExpanded, expandFolder } = useExpandedFolders(folderStructure, currentFolderId);
@@ -332,11 +407,13 @@ const FolderTreeItem = ({ node, ...props })=>{
         name: homeLabel
     });
     return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.SubNav.Main, {
+        "data-folder-tree-root": true,
         "aria-label": formatMessage({
             id: translations.getTranslationKey('sidebar.tree.aria-label'),
             defaultMessage: 'Media library folders'
         }),
         children: [
+            backgroundContextMenu,
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.SubNav.Header, {
                 label: formatMessage({
                     id: translations.getTranslationKey('sidebar.title'),
@@ -347,31 +424,44 @@ const FolderTreeItem = ({ node, ...props })=>{
                 children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                     direction: "column",
                     alignItems: "stretch",
-                    gap: 1,
                     padding: 3,
                     children: [
-                        /*#__PURE__*/ jsxRuntime.jsxs(RowButton, {
+                        /*#__PURE__*/ jsxRuntime.jsx(TreeRow, {
                             ref: setHomeDropRef,
-                            type: "button",
+                            "data-native-context-menu": true,
+                            alignItems: "center",
+                            // Level 0, so the indent contributes nothing — but the row's own
+                            // inset still applies, exactly as it does for a top-level folder.
+                            paddingLeft: `${ROW_INSET_LEFT_REM}rem`,
+                            paddingRight: `${ROW_INSET_RIGHT_REM}rem`,
                             $isActive: isHomeActive,
                             $isValidDropTarget: showHomeValidDropHighlight,
                             $isInvalidDropCursor: showHomeInvalidDropCursor,
                             $isMovePending: isMovePending,
-                            "aria-current": isHomeActive ? 'page' : undefined,
-                            onClick: ()=>onSelectFolder(null),
-                            "data-testid": "folder-tree-home",
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx(icons.House, {
-                                    "aria-hidden": true,
-                                    width: "1.6rem",
-                                    height: "1.6rem"
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                    variant: "omega",
-                                    fontWeight: isHomeActive ? 'semiBold' : 'regular',
-                                    children: homeLabel
-                                })
-                            ]
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(RowButton, {
+                                type: "button",
+                                $isActive: isHomeActive,
+                                $isValidDropTarget: showHomeValidDropHighlight,
+                                $isInvalidDropCursor: showHomeInvalidDropCursor,
+                                $isMovePending: isMovePending,
+                                "aria-current": isHomeActive ? 'page' : undefined,
+                                onClick: ()=>onSelectFolder(null),
+                                "data-testid": "folder-tree-home",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(IconSlot, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.House, {
+                                            "aria-hidden": true,
+                                            width: "1.6rem",
+                                            height: "1.6rem"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        variant: "omega",
+                                        fontWeight: isHomeActive ? 'semiBold' : 'regular',
+                                        children: homeLabel
+                                    })
+                                ]
+                            })
                         }),
                         /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
                             marginTop: 4,
@@ -383,13 +473,14 @@ const FolderTreeItem = ({ node, ...props })=>{
                                     paddingBottom: 1,
                                     paddingLeft: 2,
                                     paddingRight: 2,
-                                    marginBottom: 2,
                                     children: [
-                                        /*#__PURE__*/ jsxRuntime.jsx(icons.Folder, {
-                                            "aria-hidden": true,
-                                            width: "1.6rem",
-                                            height: "1.6rem",
-                                            fill: "neutral500"
+                                        /*#__PURE__*/ jsxRuntime.jsx(IconSlot, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(icons.Folder, {
+                                                "aria-hidden": true,
+                                                width: "1.6rem",
+                                                height: "1.6rem",
+                                                fill: "neutral500"
+                                            })
                                         }),
                                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
                                             variant: "sigma",
@@ -442,6 +533,8 @@ const FolderTreeItem = ({ node, ...props })=>{
                                 }) : /*#__PURE__*/ jsxRuntime.jsx(NavList, {
                                     children: folderStructure.map((node)=>/*#__PURE__*/ jsxRuntime.jsx(FolderTreeItem, {
                                             node: node,
+                                            // Top of the tree — these sit at the library root.
+                                            parentId: null,
                                             level: 0,
                                             currentFolderId: currentFolderId,
                                             showActiveFolder: showActiveFolder,
@@ -461,5 +554,6 @@ const FolderTreeItem = ({ node, ...props })=>{
     });
 };
 
+exports.FOLDER_TREE_ROOT_SELECTOR = FOLDER_TREE_ROOT_SELECTOR;
 exports.FolderTree = FolderTree;
 //# sourceMappingURL=FolderTree.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FolderTree.js","sources":["../../../../../../admin/src/pages/Assets/components/FolderTree/FolderTree.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { SubNav } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, IconButton, Loader, Typography } from '@strapi/design-system';\nimport { ChevronDown, Folder as FolderIcon, House } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { css, styled } from 'styled-components';\n\nimport { TruncatedText } from '../../../../components/TruncatedText';\nimport { useGetFolderStructureQuery } from '../../../../services/folders';\nimport { getTranslationKey } from '../../../../utils/translations';\nimport { useAssetsDndOptional } from '../Dnd/AssetsDndProvider';\nimport { useFolderTreeDroppable } from '../Dnd/useFolderTreeDroppable';\n\nimport { useSpringLoadedExpand } from './useSpringLoadedExpand';\n\nimport type { FolderNode } from '../../../../../../shared/contracts/folders';\n\n/* -------------------------------------------------------------------------------------------------\n * RowButton — shared row styling aligned with admin SubNav.Link\n * -----------------------------------------------------------------------------------------------*/\n\nconst RowButton = styled.button<{\n  $isActive: boolean;\n  $isValidDropTarget?: boolean;\n  $isInvalidDropCursor?: boolean;\n  $isMovePending?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  width: 100%;\n  min-height: 3.2rem;\n  padding: ${({ theme }) => `${theme.spaces[1]} ${theme.spaces[2]}`};\n  border: 0;\n  background: ${({ $isActive, $isValidDropTarget, theme }) => {\n    if ($isValidDropTarget) {\n      return theme.colors.primary100;\n    }\n\n    return $isActive ? theme.colors.primary100 : 'transparent';\n  }};\n  color: ${({ $isActive, theme }) =>\n    $isActive ? theme.colors.primary700 : theme.colors.neutral800};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  cursor: ${({ $isMovePending, $isInvalidDropCursor }) => {\n    if ($isMovePending) {\n      return 'wait';\n    }\n\n    return $isInvalidDropCursor ? 'not-allowed' : 'pointer';\n  }};\n  text-align: left;\n  font: inherit;\n  pointer-events: ${({ $isMovePending }) => ($isMovePending ? 'none' : 'auto')};\n\n  ${({ $isValidDropTarget, theme }) =>\n    $isValidDropTarget &&\n    css`\n      outline: 1px dashed ${theme.colors.primary600};\n      outline-offset: -1px;\n    `}\n\n  &:hover {\n    background: ${({ $isActive, $isValidDropTarget, theme }) => {\n      if ($isValidDropTarget) {\n        return theme.colors.primary100;\n      }\n\n      return $isActive ? theme.colors.primary100 : theme.colors.neutral100;\n    }};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst TreeRow = styled(Flex)<{\n  $isValidDropTarget?: boolean;\n  $isInvalidDropCursor?: boolean;\n  $isMovePending?: boolean;\n}>`\n  cursor: ${({ $isMovePending, $isInvalidDropCursor }) => {\n    if ($isMovePending) {\n      return 'wait';\n    }\n\n    return $isInvalidDropCursor ? 'not-allowed' : 'default';\n  }};\n  pointer-events: ${({ $isMovePending }) => ($isMovePending ? 'none' : 'auto')};\n  border-radius: ${({ theme }) => theme.borderRadius};\n\n  ${({ $isValidDropTarget, theme }) =>\n    $isValidDropTarget &&\n    css`\n      background: ${theme.colors.primary100};\n      outline: 1px dashed ${theme.colors.primary600};\n      outline-offset: -1px;\n    `}\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * useExpandedFolders — local expand/collapse state\n * -----------------------------------------------------------------------------------------------*/\n\nconst findAncestorIds = (\n  nodes: FolderNode[],\n  targetId: number,\n  trail: number[] = []\n): number[] | null => {\n  for (const node of nodes) {\n    if (node.id === targetId) {\n      return trail;\n    }\n\n    if (node.children?.length) {\n      const nextTrail = node.id != null ? [...trail, node.id] : trail;\n      const found = findAncestorIds(node.children, targetId, nextTrail);\n      if (found !== null) {\n        return found;\n      }\n    }\n  }\n\n  return null;\n};\n\nconst useExpandedFolders = (folderStructure: FolderNode[], currentFolderId: number | null) => {\n  const [expandedIds, setExpandedIds] = useState<Set<number>>(() => new Set());\n\n  useEffect(() => {\n    if (currentFolderId == null) {\n      return;\n    }\n\n    const ancestors = findAncestorIds(folderStructure, currentFolderId);\n    if (!ancestors || ancestors.length === 0) {\n      return;\n    }\n\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      let changed = false;\n      for (const id of ancestors) {\n        if (!next.has(id)) {\n          next.add(id);\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [folderStructure, currentFolderId]);\n\n  const toggleExpanded = useCallback((id: number) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  const expandFolder = useCallback((id: number) => {\n    setExpandedIds((prev) => {\n      if (prev.has(id)) {\n        return prev;\n      }\n\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    });\n  }, []);\n\n  const isExpanded = useCallback((id: number) => expandedIds.has(id), [expandedIds]);\n\n  return { isExpanded, toggleExpanded, expandFolder };\n};\n\n/* -------------------------------------------------------------------------------------------------\n * NavList — unstyled list for tree rows\n * -----------------------------------------------------------------------------------------------*/\n\nconst NavList = styled.ul`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  /* Grid rather than block, and load-bearing despite rendering a single column:\n     a minmax(0, 1fr) track contributes a minimum of 0, which is what stops each\n     row propagating the min-content width of its own label.\n\n     Folder names ellipsize, and text-overflow needs white-space: nowrap — so a\n     label's min-content width is the entire name, and no box lays out narrower\n     than its min-content. In block flow that floor travels up to the SubNav\n     ScrollArea, which widens the rail and shows a horizontal scrollbar instead of\n     truncating the name. Nesting makes it worse: the indent is spent before the\n     label is measured, so shorter names trigger it the deeper you go.\n\n     Measured in Chromium — dropping either declaration brings the scrollbar\n     back, and neither min-width nor overflow on the row is a substitute. */\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * FolderTreeItem — single tree row (internal)\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDENT_PER_LEVEL_REM = 1.6;\n\n/**\n * A leaf's chevron is present only to keep the folder names aligned, so it\n * should read as absent. The design system's disabled state is built for real\n * controls — a filled, bordered pill — which draws more attention than the\n * enabled chevron next to it. Doubled selector to outrank that rule.\n */\nconst ChevronButton = styled(IconButton)`\n  &&[aria-disabled='true'] {\n    background: transparent;\n    border-color: transparent;\n    opacity: 0.3;\n  }\n`;\n\nconst RotatingChevron = styled(ChevronDown)<{ $expanded: boolean }>`\n  transform: rotate(${({ $expanded }) => ($expanded ? '0deg' : '-90deg')});\n  transition: transform 0.2s ease;\n`;\n\ninterface FolderTreeItemProps {\n  node: FolderNode;\n  level: number;\n  currentFolderId: number | null;\n  showActiveFolder: boolean;\n  isExpanded: (id: number) => boolean;\n  onToggle: (id: number) => void;\n  onExpand: (id: number) => void;\n  onSelect: (folderId: number) => void;\n  isMovePending: boolean;\n}\n\ninterface FolderTreeItemInnerProps extends Omit<FolderTreeItemProps, 'node'> {\n  id: number;\n  name: string;\n  folderChildren: FolderNode[];\n}\n\nconst FolderTreeItemInner = ({\n  id,\n  name,\n  folderChildren,\n  level,\n  currentFolderId,\n  showActiveFolder,\n  isExpanded,\n  onToggle,\n  onExpand,\n  onSelect,\n  isMovePending,\n}: FolderTreeItemInnerProps) => {\n  const { formatMessage } = useIntl();\n  const hasChildren = folderChildren.length > 0;\n  const isFolderExpanded = isExpanded(id);\n  const isActive = showActiveFolder && currentFolderId === id;\n\n  const {\n    droppable: { setNodeRef },\n    isOver,\n    showValidDropHighlight,\n    showInvalidDropCursor,\n  } = useFolderTreeDroppable({ id, name });\n\n  const handleExpand = useCallback(() => onExpand(id), [id, onExpand]);\n\n  useSpringLoadedExpand({\n    isOver,\n    canExpand: hasChildren && !isFolderExpanded,\n    onExpand: handleExpand,\n  });\n\n  // TODO: full `role=\"tree\"` + arrow-key treeview navigation before revamp GA\n  // if an accessibility audit requires it (v1 is button rows only).\n  return (\n    <li>\n      <TreeRow\n        ref={setNodeRef}\n        alignItems=\"center\"\n        paddingLeft={`${level * INDENT_PER_LEVEL_REM}rem`}\n        gap={1}\n        $isValidDropTarget={showValidDropHighlight}\n        $isInvalidDropCursor={showInvalidDropCursor}\n        $isMovePending={isMovePending}\n      >\n        <ChevronButton\n          label={\n            hasChildren\n              ? formatMessage(\n                  {\n                    id: getTranslationKey(\n                      isFolderExpanded ? 'sidebar.tree.collapse' : 'sidebar.tree.expand'\n                    ),\n                    defaultMessage: isFolderExpanded ? 'Collapse {name}' : 'Expand {name}',\n                  },\n                  { name }\n                )\n              : formatMessage(\n                  {\n                    id: getTranslationKey('sidebar.tree.no-subfolders'),\n                    defaultMessage: 'The folder {name} has no subfolders',\n                  },\n                  { name }\n                )\n          }\n          disabled={!hasChildren}\n          onClick={(event: React.MouseEvent) => {\n            event.stopPropagation();\n            onToggle(id);\n          }}\n          variant=\"ghost\"\n          withTooltip={false}\n          aria-expanded={hasChildren ? isFolderExpanded : undefined}\n        >\n          <RotatingChevron $expanded={isFolderExpanded} fill=\"neutral500\" />\n        </ChevronButton>\n\n        <Box flex=\"1\" minWidth={0}>\n          <RowButton\n            type=\"button\"\n            $isActive={isActive}\n            $isValidDropTarget={showValidDropHighlight}\n            $isInvalidDropCursor={showInvalidDropCursor}\n            $isMovePending={isMovePending}\n            aria-current={isActive ? 'page' : undefined}\n            onClick={() => onSelect(id)}\n            data-testid={`folder-tree-node-${id}`}\n            data-folder-id={id}\n          >\n            <TruncatedText variant=\"omega\" fontWeight={isActive ? 'semiBold' : 'regular'}>\n              {name}\n            </TruncatedText>\n          </RowButton>\n        </Box>\n      </TreeRow>\n\n      {hasChildren && isFolderExpanded && (\n        <NavList>\n          {folderChildren.map((child) => (\n            <FolderTreeItem\n              key={child.id ?? child.name}\n              node={child}\n              level={level + 1}\n              currentFolderId={currentFolderId}\n              showActiveFolder={showActiveFolder}\n              isExpanded={isExpanded}\n              onToggle={onToggle}\n              onExpand={onExpand}\n              onSelect={onSelect}\n              isMovePending={isMovePending}\n            />\n          ))}\n        </NavList>\n      )}\n    </li>\n  );\n};\n\nconst FolderTreeItem = ({ node, ...props }: FolderTreeItemProps) => {\n  if (node.id == null) {\n    return null;\n  }\n\n  return (\n    <FolderTreeItemInner\n      {...props}\n      id={node.id}\n      name={node.name ?? ''}\n      folderChildren={node.children ?? []}\n    />\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * FolderTree — public sidebar component\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FolderTreeProps {\n  currentFolderId: number | null;\n  /**\n   * Set to `false` while a global asset search is active: the results span the\n   * whole library, so highlighting one folder would misrepresent them.\n   * */\n  showActiveFolder?: boolean;\n  onSelectFolder: (folderId: number | null) => void;\n}\n\n/**\n * Left-rail navigation for the Media Library. Fetches folder structure internally\n * and renders:\n *\n * 1. A \"Media library\" title\n * 2. A filter input that prunes the tree to matching destinations\n * 3. A \"Home\" entry that clears the folder query param\n * 4. A \"FOLDERS\" section header\n * 5. The folder tree itself\n *\n * The filter is purely local: it never touches the URL and never affects the\n * asset list, which has its own independent search in the content toolbar.\n *\n * Presentational with respect to routing — navigation is delegated to the parent\n * via `onSelectFolder` so the URL stays the single source of truth (see\n * `useFolderNavigation`).\n */\nexport const FolderTree = ({\n  currentFolderId,\n  showActiveFolder = true,\n  onSelectFolder,\n}: FolderTreeProps) => {\n  const { formatMessage } = useIntl();\n  const { data: folderStructure = [], isLoading, isError } = useGetFolderStructureQuery();\n  const { isExpanded, toggleExpanded, expandFolder } = useExpandedFolders(\n    folderStructure,\n    currentFolderId\n  );\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n\n  const isHomeActive = showActiveFolder && currentFolderId == null;\n  const homeLabel = formatMessage({\n    id: getTranslationKey('sidebar.home'),\n    defaultMessage: 'Home',\n  });\n\n  const {\n    droppable: { setNodeRef: setHomeDropRef },\n    showValidDropHighlight: showHomeValidDropHighlight,\n    showInvalidDropCursor: showHomeInvalidDropCursor,\n  } = useFolderTreeDroppable({ id: null, name: homeLabel });\n\n  return (\n    <SubNav.Main\n      aria-label={formatMessage({\n        id: getTranslationKey('sidebar.tree.aria-label'),\n        defaultMessage: 'Media library folders',\n      })}\n    >\n      <SubNav.Header\n        label={formatMessage({\n          id: getTranslationKey('sidebar.title'),\n          defaultMessage: 'Media library',\n        })}\n      />\n\n      <SubNav.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={1} padding={3}>\n          <RowButton\n            ref={setHomeDropRef}\n            type=\"button\"\n            $isActive={isHomeActive}\n            $isValidDropTarget={showHomeValidDropHighlight}\n            $isInvalidDropCursor={showHomeInvalidDropCursor}\n            $isMovePending={isMovePending}\n            aria-current={isHomeActive ? 'page' : undefined}\n            onClick={() => onSelectFolder(null)}\n            data-testid=\"folder-tree-home\"\n          >\n            <House aria-hidden width=\"1.6rem\" height=\"1.6rem\" />\n            <Typography variant=\"omega\" fontWeight={isHomeActive ? 'semiBold' : 'regular'}>\n              {homeLabel}\n            </Typography>\n          </RowButton>\n\n          <Box marginTop={4}>\n            <Flex\n              alignItems=\"center\"\n              gap={1}\n              paddingTop={1}\n              paddingBottom={1}\n              paddingLeft={2}\n              paddingRight={2}\n              marginBottom={2}\n            >\n              <FolderIcon aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"neutral500\" />\n              <Typography\n                variant=\"sigma\"\n                textColor=\"neutral600\"\n                style={{ textTransform: 'uppercase' }}\n              >\n                {formatMessage({\n                  id: getTranslationKey('sidebar.folders'),\n                  defaultMessage: 'Folders',\n                })}\n              </Typography>\n            </Flex>\n\n            {isLoading ? (\n              // TODO: revisit loading state before revamp GA\n              <Flex justifyContent=\"center\" padding={1} paddingTop={2}>\n                <Loader>\n                  {formatMessage({\n                    id: getTranslationKey('sidebar.tree.loading'),\n                    defaultMessage: 'Loading folders...',\n                  })}\n                </Loader>\n              </Flex>\n            ) : isError ? (\n              // TODO: revisit error state before revamp GA\n              <Box padding={1} paddingTop={2}>\n                <Typography variant=\"pi\" textColor=\"danger600\">\n                  {formatMessage({\n                    id: getTranslationKey('sidebar.tree.error'),\n                    defaultMessage: 'Could not load folders.',\n                  })}\n                </Typography>\n              </Box>\n            ) : folderStructure.length === 0 ? (\n              // TODO: revisit empty state before revamp GA\n              <Box padding={1} paddingTop={2}>\n                <Typography variant=\"pi\" textColor=\"neutral500\">\n                  {formatMessage({\n                    id: getTranslationKey('sidebar.tree.empty'),\n                    defaultMessage: 'No folders yet',\n                  })}\n                </Typography>\n              </Box>\n            ) : (\n              <NavList>\n                {folderStructure.map((node) => (\n                  <FolderTreeItem\n                    key={node.id ?? node.name}\n                    node={node}\n                    level={0}\n                    currentFolderId={currentFolderId}\n                    showActiveFolder={showActiveFolder}\n                    isExpanded={isExpanded}\n                    onToggle={toggleExpanded}\n                    onExpand={expandFolder}\n                    onSelect={onSelectFolder}\n                    isMovePending={isMovePending}\n                  />\n                ))}\n              </NavList>\n            )}\n          </Box>\n        </Flex>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n"],"names":["RowButton","styled","button","theme","spaces","$isActive","$isValidDropTarget","colors","primary100","primary700","neutral800","borderRadius","$isMovePending","$isInvalidDropCursor","css","primary600","neutral100","TreeRow","Flex","findAncestorIds","nodes","targetId","trail","node","id","children","length","nextTrail","found","useExpandedFolders","folderStructure","currentFolderId","expandedIds","setExpandedIds","useState","Set","useEffect","ancestors","prev","next","changed","has","add","toggleExpanded","useCallback","delete","expandFolder","isExpanded","NavList","ul","INDENT_PER_LEVEL_REM","ChevronButton","IconButton","RotatingChevron","ChevronDown","$expanded","FolderTreeItemInner","name","folderChildren","level","showActiveFolder","onToggle","onExpand","onSelect","isMovePending","formatMessage","useIntl","hasChildren","isFolderExpanded","isActive","droppable","setNodeRef","isOver","showValidDropHighlight","showInvalidDropCursor","useFolderTreeDroppable","handleExpand","useSpringLoadedExpand","canExpand","_jsxs","li","ref","alignItems","paddingLeft","gap","_jsx","label","getTranslationKey","defaultMessage","disabled","onClick","event","stopPropagation","variant","withTooltip","aria-expanded","undefined","fill","Box","flex","minWidth","type","aria-current","data-testid","data-folder-id","TruncatedText","fontWeight","map","child","FolderTreeItem","props","FolderTree","onSelectFolder","data","isLoading","isError","useGetFolderStructureQuery","useAssetsDndOptional","isHomeActive","homeLabel","setHomeDropRef","showHomeValidDropHighlight","showHomeInvalidDropCursor","SubNav","Main","aria-label","Header","Content","direction","padding","House","aria-hidden","width","height","Typography","marginTop","paddingTop","paddingBottom","paddingRight","marginBottom","FolderIcon","textColor","style","textTransform","justifyContent","Loader"],"mappings":";;;;;;;;;;;;;;;;AAkBA;;AAEkG,qGAElG,MAAMA,SAAAA,GAAYC,uBAAAA,CAAOC,MAAM;;;OAQxB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;AAG7B,WAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAK,CAAA,EAAGA,MAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;;AAEtD,cAAA,EAAE,CAAC,EAAEC,SAAS,EAAEC,kBAAkB,EAAEH,KAAK,EAAE,GAAA;AACrD,IAAA,IAAIG,kBAAAA,EAAoB;QACtB,OAAOH,KAAAA,CAAMI,MAAM,CAACC,UAAU;AAChC,IAAA;AAEA,IAAA,OAAOH,SAAAA,GAAYF,KAAAA,CAAMI,MAAM,CAACC,UAAU,GAAG,aAAA;AAC/C,CAAA,CAAE;AACK,SAAA,EAAE,CAAC,EAAEH,SAAS,EAAEF,KAAK,EAAE,GAC5BE,SAAAA,GAAYF,KAAAA,CAAMI,MAAM,CAACE,UAAU,GAAGN,MAAMI,MAAM,CAACG,UAAU,CAAC;AACjD,iBAAA,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMQ,YAAY,CAAC;AAC3C,UAAA,EAAE,CAAC,EAAEC,cAAc,EAAEC,oBAAoB,EAAE,GAAA;AACjD,IAAA,IAAID,cAAAA,EAAgB;QAClB,OAAO,MAAA;AACT,IAAA;AAEA,IAAA,OAAOC,uBAAuB,aAAA,GAAgB,SAAA;AAChD,CAAA,CAAE;;;AAGc,kBAAA,EAAE,CAAC,EAAED,cAAc,EAAE,GAAMA,cAAAA,GAAiB,SAAS,MAAA,CAAQ;;EAE7E,EAAE,CAAC,EAAEN,kBAAkB,EAAEH,KAAK,EAAE,GAC9BG,kBAAAA,IACAQ,oBAAG;AACmB,0BAAA,EAAEX,KAAAA,CAAMI,MAAM,CAACQ,UAAU,CAAC;;AAEhD,IAAA,CAAC;;;AAGW,gBAAA,EAAE,CAAC,EAAEV,SAAS,EAAEC,kBAAkB,EAAEH,KAAK,EAAE,GAAA;AACrD,IAAA,IAAIG,kBAAAA,EAAoB;QACtB,OAAOH,KAAAA,CAAMI,MAAM,CAACC,UAAU;AAChC,IAAA;IAEA,OAAOH,SAAAA,GAAYF,MAAMI,MAAM,CAACC,UAAU,GAAGL,KAAAA,CAAMI,MAAM,CAACS,UAAU;AACtE,CAAA,CAAE;;;;uBAIiB,EAAE,CAAC,EAAEb,KAAK,EAAE,GAAKA,KAAAA,CAAMI,MAAM,CAACQ,UAAU,CAAC;;;AAGhE,CAAC;AAED,MAAME,OAAAA,GAAUhB,uBAAAA,CAAOiB,iBAAAA,CAIrB;AACQ,UAAA,EAAE,CAAC,EAAEN,cAAc,EAAEC,oBAAoB,EAAE,GAAA;AACjD,IAAA,IAAID,cAAAA,EAAgB;QAClB,OAAO,MAAA;AACT,IAAA;AAEA,IAAA,OAAOC,uBAAuB,aAAA,GAAgB,SAAA;AAChD,CAAA,CAAE;AACc,kBAAA,EAAE,CAAC,EAAED,cAAc,EAAE,GAAMA,cAAAA,GAAiB,SAAS,MAAA,CAAQ;AAC9D,iBAAA,EAAE,CAAC,EAAET,KAAK,EAAE,GAAKA,KAAAA,CAAMQ,YAAY,CAAC;;EAEnD,EAAE,CAAC,EAAEL,kBAAkB,EAAEH,KAAK,EAAE,GAC9BG,kBAAAA,IACAQ,oBAAG;AACW,kBAAA,EAAEX,KAAAA,CAAMI,MAAM,CAACC,UAAU,CAAC;AAClB,0BAAA,EAAEL,KAAAA,CAAMI,MAAM,CAACQ,UAAU,CAAC;;AAEhD,IAAA,CAAC;AACL,CAAC;AAED;;AAEkG,qGAElG,MAAMI,eAAAA,GAAkB,CACtBC,KAAAA,EACAC,QAAAA,EACAC,QAAkB,EAAE,GAAA;IAEpB,KAAK,MAAMC,QAAQH,KAAAA,CAAO;QACxB,IAAIG,IAAAA,CAAKC,EAAE,KAAKH,QAAAA,EAAU;YACxB,OAAOC,KAAAA;AACT,QAAA;QAEA,IAAIC,IAAAA,CAAKE,QAAQ,EAAEC,MAAAA,EAAQ;AACzB,YAAA,MAAMC,SAAAA,GAAYJ,IAAAA,CAAKC,EAAE,IAAI,IAAA,GAAO;AAAIF,gBAAAA,GAAAA,KAAAA;AAAOC,gBAAAA,IAAAA,CAAKC;aAAG,GAAGF,KAAAA;AAC1D,YAAA,MAAMM,KAAAA,GAAQT,eAAAA,CAAgBI,IAAAA,CAAKE,QAAQ,EAAEJ,QAAAA,EAAUM,SAAAA,CAAAA;AACvD,YAAA,IAAIC,UAAU,IAAA,EAAM;gBAClB,OAAOA,KAAAA;AACT,YAAA;AACF,QAAA;AACF,IAAA;IAEA,OAAO,IAAA;AACT,CAAA;AAEA,MAAMC,kBAAAA,GAAqB,CAACC,eAAAA,EAA+BC,eAAAA,GAAAA;AACzD,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,cAAAA,CAAsB,IAAM,IAAIC,GAAAA,EAAAA,CAAAA;IAEtEC,eAAAA,CAAU,IAAA;AACR,QAAA,IAAIL,mBAAmB,IAAA,EAAM;AAC3B,YAAA;AACF,QAAA;QAEA,MAAMM,SAAAA,GAAYlB,gBAAgBW,eAAAA,EAAiBC,eAAAA,CAAAA;AACnD,QAAA,IAAI,CAACM,SAAAA,IAAaA,SAAAA,CAAUX,MAAM,KAAK,CAAA,EAAG;AACxC,YAAA;AACF,QAAA;AAEAO,QAAAA,cAAAA,CAAe,CAACK,IAAAA,GAAAA;YACd,MAAMC,IAAAA,GAAO,IAAIJ,GAAAA,CAAIG,IAAAA,CAAAA;AACrB,YAAA,IAAIE,OAAAA,GAAU,KAAA;YACd,KAAK,MAAMhB,MAAMa,SAAAA,CAAW;AAC1B,gBAAA,IAAI,CAACE,IAAAA,CAAKE,GAAG,CAACjB,EAAAA,CAAAA,EAAK;AACjBe,oBAAAA,IAAAA,CAAKG,GAAG,CAAClB,EAAAA,CAAAA;oBACTgB,OAAAA,GAAU,IAAA;AACZ,gBAAA;AACF,YAAA;AACA,YAAA,OAAOA,UAAUD,IAAAA,GAAOD,IAAAA;AAC1B,QAAA,CAAA,CAAA;IACF,CAAA,EAAG;AAACR,QAAAA,eAAAA;AAAiBC,QAAAA;AAAgB,KAAA,CAAA;IAErC,MAAMY,cAAAA,GAAiBC,kBAAY,CAACpB,EAAAA,GAAAA;AAClCS,QAAAA,cAAAA,CAAe,CAACK,IAAAA,GAAAA;YACd,MAAMC,IAAAA,GAAO,IAAIJ,GAAAA,CAAIG,IAAAA,CAAAA;YACrB,IAAIC,IAAAA,CAAKE,GAAG,CAACjB,EAAAA,CAAAA,EAAK;AAChBe,gBAAAA,IAAAA,CAAKM,MAAM,CAACrB,EAAAA,CAAAA;YACd,CAAA,MAAO;AACLe,gBAAAA,IAAAA,CAAKG,GAAG,CAAClB,EAAAA,CAAAA;AACX,YAAA;YACA,OAAOe,IAAAA;AACT,QAAA,CAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMO,YAAAA,GAAeF,kBAAY,CAACpB,EAAAA,GAAAA;AAChCS,QAAAA,cAAAA,CAAe,CAACK,IAAAA,GAAAA;YACd,IAAIA,IAAAA,CAAKG,GAAG,CAACjB,EAAAA,CAAAA,EAAK;gBAChB,OAAOc,IAAAA;AACT,YAAA;YAEA,MAAMC,IAAAA,GAAO,IAAIJ,GAAAA,CAAIG,IAAAA,CAAAA;AACrBC,YAAAA,IAAAA,CAAKG,GAAG,CAAClB,EAAAA,CAAAA;YACT,OAAOe,IAAAA;AACT,QAAA,CAAA,CAAA;AACF,IAAA,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,MAAMQ,aAAaH,iBAAAA,CAAY,CAACpB,KAAeQ,WAAAA,CAAYS,GAAG,CAACjB,EAAAA,CAAAA,EAAK;AAACQ,QAAAA;AAAY,KAAA,CAAA;IAEjF,OAAO;AAAEe,QAAAA,UAAAA;AAAYJ,QAAAA,cAAAA;AAAgBG,QAAAA;AAAa,KAAA;AACpD,CAAA;AAEA;;AAEkG,qGAElG,MAAME,OAAAA,GAAU/C,uBAAAA,CAAOgD,EAAE;;;;;;;;;;;;;;;;;;;;AAoBzB,CAAC;AAED;;AAEkG,qGAElG,MAAMC,oBAAAA,GAAuB,GAAA;AAE7B;;;;;AAKC,IACD,MAAMC,aAAAA,GAAgBlD,uBAAAA,CAAOmD,uBAAAA,CAAW;;;;;;AAMxC,CAAC;AAED,MAAMC,eAAAA,GAAkBpD,uBAAAA,CAAOqD,iBAAAA,CAAoC;AAC/C,oBAAA,EAAE,CAAC,EAAEC,SAAS,EAAE,GAAMA,SAAAA,GAAY,SAAS,QAAA,CAAU;;AAEzE,CAAC;AAoBD,MAAMC,mBAAAA,GAAsB,CAAC,EAC3BhC,EAAE,EACFiC,IAAI,EACJC,cAAc,EACdC,KAAK,EACL5B,eAAe,EACf6B,gBAAgB,EAChBb,UAAU,EACVc,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACY,GAAA;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAMC,WAAAA,GAAcT,cAAAA,CAAehC,MAAM,GAAG,CAAA;AAC5C,IAAA,MAAM0C,mBAAmBrB,UAAAA,CAAWvB,EAAAA,CAAAA;IACpC,MAAM6C,QAAAA,GAAWT,oBAAoB7B,eAAAA,KAAoBP,EAAAA;AAEzD,IAAA,MAAM,EACJ8C,SAAAA,EAAW,EAAEC,UAAU,EAAE,EACzBC,MAAM,EACNC,sBAAsB,EACtBC,qBAAqB,EACtB,GAAGC,6CAAAA,CAAuB;AAAEnD,QAAAA,EAAAA;AAAIiC,QAAAA;AAAK,KAAA,CAAA;AAEtC,IAAA,MAAMmB,YAAAA,GAAehC,iBAAAA,CAAY,IAAMkB,QAAAA,CAAStC,EAAAA,CAAAA,EAAK;AAACA,QAAAA,EAAAA;AAAIsC,QAAAA;AAAS,KAAA,CAAA;IAEnEe,2CAAAA,CAAsB;AACpBL,QAAAA,MAAAA;AACAM,QAAAA,SAAAA,EAAWX,eAAe,CAACC,gBAAAA;QAC3BN,QAAAA,EAAUc;AACZ,KAAA,CAAA;;;AAIA,IAAA,qBACEG,eAAA,CAACC,IAAAA,EAAAA;;0BACCD,eAAA,CAAC9D,OAAAA,EAAAA;gBACCgE,GAAAA,EAAKV,UAAAA;gBACLW,UAAAA,EAAW,QAAA;AACXC,gBAAAA,WAAAA,EAAa,CAAA,EAAGxB,KAAAA,GAAQT,oBAAAA,CAAqB,GAAG,CAAC;gBACjDkC,GAAAA,EAAK,CAAA;gBACL9E,kBAAAA,EAAoBmE,sBAAAA;gBACpB5D,oBAAAA,EAAsB6D,qBAAAA;gBACtB9D,cAAAA,EAAgBoD,aAAAA;;kCAEhBqB,cAAA,CAAClC,aAAAA,EAAAA;AACCmC,wBAAAA,KAAAA,EACEnB,cACIF,aAAAA,CACE;4BACEzC,EAAAA,EAAI+D,8BAAAA,CACFnB,mBAAmB,uBAAA,GAA0B,qBAAA,CAAA;AAE/CoB,4BAAAA,cAAAA,EAAgBpB,mBAAmB,iBAAA,GAAoB;yBACzD,EACA;AAAEX,4BAAAA;AAAK,yBAAA,CAAA,GAETQ,aAAAA,CACE;AACEzC,4BAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,4BAAA,CAAA;4BACtBC,cAAAA,EAAgB;yBAClB,EACA;AAAE/B,4BAAAA;AAAK,yBAAA,CAAA;AAGfgC,wBAAAA,QAAAA,EAAU,CAACtB,WAAAA;AACXuB,wBAAAA,OAAAA,EAAS,CAACC,KAAAA,GAAAA;AACRA,4BAAAA,KAAAA,CAAMC,eAAe,EAAA;4BACrB/B,QAAAA,CAASrC,EAAAA,CAAAA;AACX,wBAAA,CAAA;wBACAqE,OAAAA,EAAQ,OAAA;wBACRC,WAAAA,EAAa,KAAA;AACbC,wBAAAA,eAAAA,EAAe5B,cAAcC,gBAAAA,GAAmB4B,SAAAA;AAEhD,wBAAA,QAAA,gBAAAX,cAAA,CAAChC,eAAAA,EAAAA;4BAAgBE,SAAAA,EAAWa,gBAAAA;4BAAkB6B,IAAAA,EAAK;;;kCAGrDZ,cAAA,CAACa,gBAAAA,EAAAA;wBAAIC,IAAAA,EAAK,GAAA;wBAAIC,QAAAA,EAAU,CAAA;AACtB,wBAAA,QAAA,gBAAAf,cAAA,CAACrF,SAAAA,EAAAA;4BACCqG,IAAAA,EAAK,QAAA;4BACLhG,SAAAA,EAAWgE,QAAAA;4BACX/D,kBAAAA,EAAoBmE,sBAAAA;4BACpB5D,oBAAAA,EAAsB6D,qBAAAA;4BACtB9D,cAAAA,EAAgBoD,aAAAA;AAChBsC,4BAAAA,cAAAA,EAAcjC,WAAW,MAAA,GAAS2B,SAAAA;AAClCN,4BAAAA,OAAAA,EAAS,IAAM3B,QAAAA,CAASvC,EAAAA,CAAAA;4BACxB+E,aAAAA,EAAa,CAAC,iBAAiB,EAAE/E,EAAAA,CAAAA,CAAI;4BACrCgF,gBAAAA,EAAgBhF,EAAAA;AAEhB,4BAAA,QAAA,gBAAA6D,cAAA,CAACoB,2BAAAA,EAAAA;gCAAcZ,OAAAA,EAAQ,OAAA;AAAQa,gCAAAA,UAAAA,EAAYrC,WAAW,UAAA,GAAa,SAAA;AAChEZ,gCAAAA,QAAAA,EAAAA;;;;;;AAMRU,YAAAA,WAAAA,IAAeC,kCACdiB,cAAA,CAACrC,OAAAA,EAAAA;AACEU,gBAAAA,QAAAA,EAAAA,cAAAA,CAAeiD,GAAG,CAAC,CAACC,KAAAA,iBACnBvB,cAAA,CAACwB,cAAAA,EAAAA;wBAECtF,IAAAA,EAAMqF,KAAAA;AACNjD,wBAAAA,KAAAA,EAAOA,KAAAA,GAAQ,CAAA;wBACf5B,eAAAA,EAAiBA,eAAAA;wBACjB6B,gBAAAA,EAAkBA,gBAAAA;wBAClBb,UAAAA,EAAYA,UAAAA;wBACZc,QAAAA,EAAUA,QAAAA;wBACVC,QAAAA,EAAUA,QAAAA;wBACVC,QAAAA,EAAUA,QAAAA;wBACVC,aAAAA,EAAeA;uBATV4C,KAAAA,CAAMpF,EAAE,IAAIoF,KAAAA,CAAMnD,IAAI,CAAA;;;;AAgBzC,CAAA;AAEA,MAAMoD,iBAAiB,CAAC,EAAEtF,IAAI,EAAE,GAAGuF,KAAAA,EAA4B,GAAA;IAC7D,IAAIvF,IAAAA,CAAKC,EAAE,IAAI,IAAA,EAAM;QACnB,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACE6D,cAAA,CAAC7B,mBAAAA,EAAAA;AACE,QAAA,GAAGsD,KAAK;AACTtF,QAAAA,EAAAA,EAAID,KAAKC,EAAE;QACXiC,IAAAA,EAAMlC,IAAAA,CAAKkC,IAAI,IAAI,EAAA;QACnBC,cAAAA,EAAgBnC,IAAAA,CAAKE,QAAQ,IAAI;;AAGvC,CAAA;AAgBA;;;;;;;;;;;;;;;;IAiBO,MAAMsF,UAAAA,GAAa,CAAC,EACzBhF,eAAe,EACf6B,gBAAAA,GAAmB,IAAI,EACvBoD,cAAc,EACE,GAAA;IAChB,MAAM,EAAE/C,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAE+C,MAAMnF,eAAAA,GAAkB,EAAE,EAAEoF,SAAS,EAAEC,OAAO,EAAE,GAAGC,kCAAAA,EAAAA;IAC3D,MAAM,EAAErE,UAAU,EAAEJ,cAAc,EAAEG,YAAY,EAAE,GAAGjB,kBAAAA,CACnDC,eAAAA,EACAC,eAAAA,CAAAA;AAEF,IAAA,MAAM,EAAEiC,aAAa,EAAE,GAAGqD,sCAAAA,EAAAA,IAA0B;QAAErD,aAAAA,EAAe;AAAM,KAAA;IAE3E,MAAMsD,YAAAA,GAAe1D,oBAAoB7B,eAAAA,IAAmB,IAAA;AAC5D,IAAA,MAAMwF,YAAYtD,aAAAA,CAAc;AAC9BzC,QAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,cAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;AAEA,IAAA,MAAM,EACJlB,SAAAA,EAAW,EAAEC,UAAAA,EAAYiD,cAAc,EAAE,EACzC/C,sBAAAA,EAAwBgD,0BAA0B,EAClD/C,qBAAAA,EAAuBgD,yBAAyB,EACjD,GAAG/C,6CAAAA,CAAuB;QAAEnD,EAAAA,EAAI,IAAA;QAAMiC,IAAAA,EAAM8D;AAAU,KAAA,CAAA;IAEvD,qBACExC,eAAA,CAAC4C,mBAAOC,IAAI,EAAA;AACVC,QAAAA,YAAAA,EAAY5D,aAAAA,CAAc;AACxBzC,YAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,yBAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB,SAAA,CAAA;;AAEA,0BAAAH,cAAA,CAACsC,mBAAOG,MAAM,EAAA;AACZxC,gBAAAA,KAAAA,EAAOrB,aAAAA,CAAc;AACnBzC,oBAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,eAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;;AAGF,0BAAAH,cAAA,CAACsC,mBAAOI,OAAO,EAAA;AACb,gBAAA,QAAA,gBAAAhD,eAAA,CAAC7D,iBAAAA,EAAAA;oBAAK8G,SAAAA,EAAU,QAAA;oBAAS9C,UAAAA,EAAW,SAAA;oBAAUE,GAAAA,EAAK,CAAA;oBAAG6C,OAAAA,EAAS,CAAA;;sCAC7DlD,eAAA,CAAC/E,SAAAA,EAAAA;4BACCiF,GAAAA,EAAKuC,cAAAA;4BACLnB,IAAAA,EAAK,QAAA;4BACLhG,SAAAA,EAAWiH,YAAAA;4BACXhH,kBAAAA,EAAoBmH,0BAAAA;4BACpB5G,oBAAAA,EAAsB6G,yBAAAA;4BACtB9G,cAAAA,EAAgBoD,aAAAA;AAChBsC,4BAAAA,cAAAA,EAAcgB,eAAe,MAAA,GAAStB,SAAAA;AACtCN,4BAAAA,OAAAA,EAAS,IAAMsB,cAAAA,CAAe,IAAA,CAAA;4BAC9BT,aAAAA,EAAY,kBAAA;;8CAEZlB,cAAA,CAAC6C,WAAAA,EAAAA;oCAAMC,aAAW,EAAA,IAAA;oCAACC,KAAAA,EAAM,QAAA;oCAASC,MAAAA,EAAO;;8CACzChD,cAAA,CAACiD,uBAAAA,EAAAA;oCAAWzC,OAAAA,EAAQ,OAAA;AAAQa,oCAAAA,UAAAA,EAAYY,eAAe,UAAA,GAAa,SAAA;AACjEC,oCAAAA,QAAAA,EAAAA;;;;sCAILxC,eAAA,CAACmB,gBAAAA,EAAAA;4BAAIqC,SAAAA,EAAW,CAAA;;8CACdxD,eAAA,CAAC7D,iBAAAA,EAAAA;oCACCgE,UAAAA,EAAW,QAAA;oCACXE,GAAAA,EAAK,CAAA;oCACLoD,UAAAA,EAAY,CAAA;oCACZC,aAAAA,EAAe,CAAA;oCACftD,WAAAA,EAAa,CAAA;oCACbuD,YAAAA,EAAc,CAAA;oCACdC,YAAAA,EAAc,CAAA;;sDAEdtD,cAAA,CAACuD,YAAAA,EAAAA;4CAAWT,aAAW,EAAA,IAAA;4CAACC,KAAAA,EAAM,QAAA;4CAASC,MAAAA,EAAO,QAAA;4CAASpC,IAAAA,EAAK;;sDAC5DZ,cAAA,CAACiD,uBAAAA,EAAAA;4CACCzC,OAAAA,EAAQ,OAAA;4CACRgD,SAAAA,EAAU,YAAA;4CACVC,KAAAA,EAAO;gDAAEC,aAAAA,EAAe;AAAY,6CAAA;sDAEnC9E,aAAAA,CAAc;AACbzC,gDAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,iBAAA,CAAA;gDACtBC,cAAAA,EAAgB;AAClB,6CAAA;;;;AAIH0B,gCAAAA,SAAAA;8CAEC7B,cAAA,CAACnE,iBAAAA,EAAAA;oCAAK8H,cAAAA,EAAe,QAAA;oCAASf,OAAAA,EAAS,CAAA;oCAAGO,UAAAA,EAAY,CAAA;AACpD,oCAAA,QAAA,gBAAAnD,cAAA,CAAC4D,mBAAAA,EAAAA;kDACEhF,aAAAA,CAAc;AACbzC,4CAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,sBAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;AAGF2B,iCAAAA,CAAAA,GAAAA,OAAAA;8CAEF9B,cAAA,CAACa,gBAAAA,EAAAA;oCAAI+B,OAAAA,EAAS,CAAA;oCAAGO,UAAAA,EAAY,CAAA;AAC3B,oCAAA,QAAA,gBAAAnD,cAAA,CAACiD,uBAAAA,EAAAA;wCAAWzC,OAAAA,EAAQ,IAAA;wCAAKgD,SAAAA,EAAU,WAAA;kDAChC5E,aAAAA,CAAc;AACbzC,4CAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,oBAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;qCAGF1D,eAAAA,CAAgBJ,MAAM,KAAK,CAAA;8CAE7B2D,cAAA,CAACa,gBAAAA,EAAAA;oCAAI+B,OAAAA,EAAS,CAAA;oCAAGO,UAAAA,EAAY,CAAA;AAC3B,oCAAA,QAAA,gBAAAnD,cAAA,CAACiD,uBAAAA,EAAAA;wCAAWzC,OAAAA,EAAQ,IAAA;wCAAKgD,SAAAA,EAAU,YAAA;kDAChC5E,aAAAA,CAAc;AACbzC,4CAAAA,EAAAA,EAAI+D,8BAAAA,CAAkB,oBAAA,CAAA;4CACtBC,cAAAA,EAAgB;AAClB,yCAAA;;mDAIJH,cAAA,CAACrC,OAAAA,EAAAA;AACElB,oCAAAA,QAAAA,EAAAA,eAAAA,CAAgB6E,GAAG,CAAC,CAACpF,IAAAA,iBACpB8D,cAAA,CAACwB,cAAAA,EAAAA;4CAECtF,IAAAA,EAAMA,IAAAA;4CACNoC,KAAAA,EAAO,CAAA;4CACP5B,eAAAA,EAAiBA,eAAAA;4CACjB6B,gBAAAA,EAAkBA,gBAAAA;4CAClBb,UAAAA,EAAYA,UAAAA;4CACZc,QAAAA,EAAUlB,cAAAA;4CACVmB,QAAAA,EAAUhB,YAAAA;4CACViB,QAAAA,EAAUiD,cAAAA;4CACVhD,aAAAA,EAAeA;2CATVzC,IAAAA,CAAKC,EAAE,IAAID,IAAAA,CAAKkC,IAAI,CAAA;;;;;;;;;AAmB7C;;;;"}
+{"version":3,"file":"FolderTree.js","sources":["../../../../../../admin/src/pages/Assets/components/FolderTree/FolderTree.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from 'react';\n\nimport { SubNav } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, IconButton, Loader, Typography } from '@strapi/design-system';\nimport { ChevronDown, Folder as FolderIcon, House } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { css, styled } from 'styled-components';\n\nimport { TruncatedText } from '../../../../components/TruncatedText';\nimport { useGetFolderStructureQuery } from '../../../../services/folders';\nimport { isEventFromWithin } from '../../../../utils/isEventFromWithin';\nimport { getTranslationKey } from '../../../../utils/translations';\nimport { useAssetsDndOptional } from '../Dnd/AssetsDndProvider';\nimport { useFolderTreeDroppable } from '../Dnd/useFolderTreeDroppable';\n\nimport { FolderTreeRowMenu } from './FolderTreeRowMenu';\nimport { useSpringLoadedExpand } from './useSpringLoadedExpand';\n\nimport type { FolderNode } from '../../../../../../shared/contracts/folders';\n\n/* -------------------------------------------------------------------------------------------------\n * RowButton — shared row styling aligned with admin SubNav.Link\n * -----------------------------------------------------------------------------------------------*/\n\nconst RowButton = styled.button<{\n  $isActive: boolean;\n  $isValidDropTarget?: boolean;\n  $isInvalidDropCursor?: boolean;\n  $isMovePending?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  // Matches the row's own gap, so Home — the one row whose icon sits inside\n  // this button rather than beside it — puts its label on the same line as a\n  // folder's.\n  gap: ${({ theme }) => theme.spaces[1]};\n  width: 100%;\n  min-height: 3.2rem;\n  // No padding of its own: the row owns the inset, so the label lines up with\n  // the icon boxes instead of being pushed in by a second layer of spacing.\n  padding: 0;\n  border: 0;\n  // The surface — hover, active, drop target — is painted by the row behind\n  // this, so it spans the chevron and the actions menu too, not just the label.\n  background: transparent;\n  color: ${({ $isActive, theme }) =>\n    $isActive ? theme.colors.primary700 : theme.colors.neutral800};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  cursor: ${({ $isMovePending, $isInvalidDropCursor }) => {\n    if ($isMovePending) {\n      return 'wait';\n    }\n\n    return $isInvalidDropCursor ? 'not-allowed' : 'pointer';\n  }};\n  text-align: left;\n  font: inherit;\n  pointer-events: ${({ $isMovePending }) => ($isMovePending ? 'none' : 'auto')};\n\n  ${({ $isValidDropTarget, theme }) =>\n    $isValidDropTarget &&\n    css`\n      outline: 1px dashed ${theme.colors.primary600};\n      outline-offset: -1px;\n    `}\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst TreeRow = styled(Flex)<{\n  $isActive?: boolean;\n  $isValidDropTarget?: boolean;\n  $isInvalidDropCursor?: boolean;\n  $isMovePending?: boolean;\n}>`\n  cursor: ${({ $isMovePending, $isInvalidDropCursor }) => {\n    if ($isMovePending) {\n      return 'wait';\n    }\n\n    return $isInvalidDropCursor ? 'not-allowed' : 'default';\n  }};\n  pointer-events: ${({ $isMovePending }) => ($isMovePending ? 'none' : 'auto')};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  background: ${({ $isActive, theme }) => ($isActive ? theme.colors.primary100 : 'transparent')};\n\n  // The whole row lights up, so pointing anywhere along it — chevron, label or\n  // the actions trigger — reads as one target.\n  &:hover {\n    background: ${({ $isActive, theme }) =>\n      $isActive ? theme.colors.primary100 : theme.colors.neutral100};\n  }\n\n  ${({ $isValidDropTarget, theme }) =>\n    $isValidDropTarget &&\n    css`\n      background: ${theme.colors.primary100};\n      outline: 1px dashed ${theme.colors.primary600};\n      outline-offset: -1px;\n\n      &:hover {\n        background: ${theme.colors.primary100};\n      }\n    `}\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * useExpandedFolders — local expand/collapse state\n * -----------------------------------------------------------------------------------------------*/\n\nconst findAncestorIds = (\n  nodes: FolderNode[],\n  targetId: number,\n  trail: number[] = []\n): number[] | null => {\n  for (const node of nodes) {\n    if (node.id === targetId) {\n      return trail;\n    }\n\n    if (node.children?.length) {\n      const nextTrail = node.id != null ? [...trail, node.id] : trail;\n      const found = findAncestorIds(node.children, targetId, nextTrail);\n      if (found !== null) {\n        return found;\n      }\n    }\n  }\n\n  return null;\n};\n\nconst useExpandedFolders = (folderStructure: FolderNode[], currentFolderId: number | null) => {\n  const [expandedIds, setExpandedIds] = useState<Set<number>>(() => new Set());\n\n  useEffect(() => {\n    if (currentFolderId == null) {\n      return;\n    }\n\n    const ancestors = findAncestorIds(folderStructure, currentFolderId);\n    if (!ancestors || ancestors.length === 0) {\n      return;\n    }\n\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      let changed = false;\n      for (const id of ancestors) {\n        if (!next.has(id)) {\n          next.add(id);\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [folderStructure, currentFolderId]);\n\n  const toggleExpanded = useCallback((id: number) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  const expandFolder = useCallback((id: number) => {\n    setExpandedIds((prev) => {\n      if (prev.has(id)) {\n        return prev;\n      }\n\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    });\n  }, []);\n\n  const isExpanded = useCallback((id: number) => expandedIds.has(id), [expandedIds]);\n\n  return { isExpanded, toggleExpanded, expandFolder };\n};\n\n/* -------------------------------------------------------------------------------------------------\n * NavList — unstyled list for tree rows\n * -----------------------------------------------------------------------------------------------*/\n\nconst NavList = styled.ul`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  /* Grid rather than block, and load-bearing despite rendering a single column:\n     a minmax(0, 1fr) track contributes a minimum of 0, which is what stops each\n     row propagating the min-content width of its own label.\n\n     Folder names ellipsize, and text-overflow needs white-space: nowrap — so a\n     label's min-content width is the entire name, and no box lays out narrower\n     than its min-content. In block flow that floor travels up to the SubNav\n     ScrollArea, which widens the rail and shows a horizontal scrollbar instead of\n     truncating the name. Nesting makes it worse: the indent is spent before the\n     label is measured, so shorter names trigger it the deeper you go.\n\n     Measured in Chromium — dropping either declaration brings the scrollbar\n     back, and neither min-width nor overflow on the row is a substitute. */\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * FolderTreeItem — single tree row (internal)\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDENT_PER_LEVEL_REM = 1.6;\n\n/**\n * Breathing room between the row's highlight and the controls at either end.\n * Asymmetric on purpose: the chevron reads as part of the indent, while the\n * actions trigger sits closer to the edge so it stays out of the name's way.\n */\nconst ROW_INSET_LEFT_REM = 0.8;\nconst ROW_INSET_RIGHT_REM = 0.4;\n\n/**\n * Every icon in the rail occupies the same 24px box, whether or not it is a\n * control: the chevron and the actions trigger are buttons, the home and folder\n * marks are not. Sizing the box rather than the glyph is what keeps the labels\n * on one vertical line across rows that mix the two.\n */\nconst IconSlot = styled(Flex)`\n  width: 2.4rem;\n  height: 2.4rem;\n  min-width: 2.4rem;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n`;\n\n/**\n * A leaf's chevron is present only to keep the folder names aligned, so it\n * should read as absent. The design system's disabled state is built for real\n * controls — a filled, bordered pill — which draws more attention than the\n * enabled chevron next to it. Doubled selector to outrank that rule.\n */\nconst ChevronButton = styled(IconButton)`\n  // Square, so it and the actions trigger read as one pair of controls.\n  && {\n    width: 2.4rem;\n    height: 2.4rem;\n    min-width: 2.4rem;\n    min-height: 2.4rem;\n    padding: 0.4rem;\n  }\n\n  // The row paints its own hover, so the control needs a stronger one of its own\n  // to read as a separate target sitting on top of it.\n  &&:hover:not([aria-disabled='true']) {\n    background: ${({ theme }) => theme.colors.primary200};\n  }\n\n  &&[aria-disabled='true'] {\n    background: transparent;\n    border-color: transparent;\n    opacity: 0.3;\n  }\n`;\n\nconst RotatingChevron = styled(ChevronDown)<{ $expanded: boolean }>`\n  transform: rotate(${({ $expanded }) => ($expanded ? '0deg' : '-90deg')});\n  transition: transform 0.2s ease;\n`;\n\ninterface FolderTreeItemProps {\n  node: FolderNode;\n  /** Its parent's id, so the actions can validate a move against the real parent. */\n  parentId: number | null;\n  level: number;\n  currentFolderId: number | null;\n  showActiveFolder: boolean;\n  isExpanded: (id: number) => boolean;\n  onToggle: (id: number) => void;\n  onExpand: (id: number) => void;\n  onSelect: (folderId: number) => void;\n  isMovePending: boolean;\n}\n\ninterface FolderTreeItemInnerProps extends Omit<FolderTreeItemProps, 'node'> {\n  id: number;\n  name: string;\n  folderChildren: FolderNode[];\n}\n\nconst FolderTreeItemInner = ({\n  id,\n  name,\n  parentId,\n  folderChildren,\n  level,\n  currentFolderId,\n  showActiveFolder,\n  isExpanded,\n  onToggle,\n  onExpand,\n  onSelect,\n  isMovePending,\n}: FolderTreeItemInnerProps) => {\n  const { formatMessage } = useIntl();\n  const hasChildren = folderChildren.length > 0;\n  // A folder keeps its entry in the expanded set after its last subfolder is\n  // moved away, so \"expanded\" has to mean \"expanded *and* still has something to\n  // show\" — otherwise the chevron stays rotated on what is now a leaf.\n  const isFolderExpanded = isExpanded(id) && hasChildren;\n  const isActive = showActiveFolder && currentFolderId === id;\n\n  const {\n    droppable: { setNodeRef },\n    isOver,\n    showValidDropHighlight,\n    showInvalidDropCursor,\n  } = useFolderTreeDroppable({ id, name });\n\n  const handleExpand = useCallback(() => onExpand(id), [id, onExpand]);\n\n  // Tree rows carry no selection, so a right-click always means \"this folder\" —\n  // none of the list's selection rules apply here.\n  const [menuPosition, setMenuPosition] = useState<{ x: number; y: number } | null>(null);\n  const rowButtonRef = useRef<HTMLButtonElement>(null);\n\n  useSpringLoadedExpand({\n    isOver,\n    canExpand: hasChildren && !isFolderExpanded,\n    onExpand: handleExpand,\n  });\n\n  // TODO: full `role=\"tree\"` + arrow-key treeview navigation before revamp GA\n  // if an accessibility audit requires it (v1 is button rows only).\n  return (\n    <li>\n      <TreeRow\n        ref={setNodeRef}\n        data-native-context-menu\n        alignItems=\"center\"\n        // Indent plus the row's own inset, so the chevron never sits flush\n        // against the edge of the highlight at any depth.\n        paddingLeft={`${level * INDENT_PER_LEVEL_REM + ROW_INSET_LEFT_REM}rem`}\n        paddingRight={`${ROW_INSET_RIGHT_REM}rem`}\n        gap={1}\n        $isActive={isActive}\n        $isValidDropTarget={showValidDropHighlight}\n        $isInvalidDropCursor={showInvalidDropCursor}\n        $isMovePending={isMovePending}\n        onContextMenu={(event: React.MouseEvent) => {\n          if (!isEventFromWithin(event)) {\n            return;\n          }\n\n          event.preventDefault();\n          setMenuPosition({ x: event.clientX, y: event.clientY });\n        }}\n      >\n        <ChevronButton\n          label={\n            hasChildren\n              ? formatMessage(\n                  {\n                    id: getTranslationKey(\n                      isFolderExpanded ? 'sidebar.tree.collapse' : 'sidebar.tree.expand'\n                    ),\n                    defaultMessage: isFolderExpanded ? 'Collapse {name}' : 'Expand {name}',\n                  },\n                  { name }\n                )\n              : formatMessage(\n                  {\n                    id: getTranslationKey('sidebar.tree.no-subfolders'),\n                    defaultMessage: 'The folder {name} has no subfolders',\n                  },\n                  { name }\n                )\n          }\n          disabled={!hasChildren}\n          onClick={(event: React.MouseEvent) => {\n            event.stopPropagation();\n            onToggle(id);\n          }}\n          variant=\"ghost\"\n          withTooltip={false}\n          aria-expanded={hasChildren ? isFolderExpanded : undefined}\n        >\n          <RotatingChevron $expanded={isFolderExpanded} fill=\"neutral500\" />\n        </ChevronButton>\n\n        <Box flex=\"1\" minWidth={0}>\n          <RowButton\n            ref={rowButtonRef}\n            type=\"button\"\n            $isActive={isActive}\n            $isValidDropTarget={showValidDropHighlight}\n            $isInvalidDropCursor={showInvalidDropCursor}\n            $isMovePending={isMovePending}\n            aria-current={isActive ? 'page' : undefined}\n            onClick={() => onSelect(id)}\n            data-testid={`folder-tree-node-${id}`}\n            data-folder-id={id}\n          >\n            <TruncatedText variant=\"omega\" fontWeight={isActive ? 'semiBold' : 'regular'}>\n              {name}\n            </TruncatedText>\n          </RowButton>\n        </Box>\n\n        <FolderTreeRowMenu\n          folder={{ id, name }}\n          parentId={parentId}\n          menuPosition={menuPosition}\n          returnFocusTo={rowButtonRef.current}\n          onCloseMenu={() => setMenuPosition(null)}\n        />\n      </TreeRow>\n\n      {hasChildren && isFolderExpanded && (\n        <NavList>\n          {folderChildren.map((child) => (\n            <FolderTreeItem\n              key={child.id ?? child.name}\n              node={child}\n              parentId={id}\n              level={level + 1}\n              currentFolderId={currentFolderId}\n              showActiveFolder={showActiveFolder}\n              isExpanded={isExpanded}\n              onToggle={onToggle}\n              onExpand={onExpand}\n              onSelect={onSelect}\n              isMovePending={isMovePending}\n            />\n          ))}\n        </NavList>\n      )}\n    </li>\n  );\n};\n\nconst FolderTreeItem = ({ node, ...props }: FolderTreeItemProps) => {\n  if (node.id == null) {\n    return null;\n  }\n\n  return (\n    <FolderTreeItemInner\n      {...props}\n      id={node.id}\n      name={node.name ?? ''}\n      folderChildren={node.children ?? []}\n    />\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * FolderTree — public sidebar component\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FolderTreeProps {\n  currentFolderId: number | null;\n  /**\n   * Set to `false` while a global asset search is active: the results span the\n   * whole library, so highlighting one folder would misrepresent them.\n   * */\n  showActiveFolder?: boolean;\n  onSelectFolder: (folderId: number | null) => void;\n  /** Rendered inside the sidebar, which it can listen on through `FOLDER_TREE_ROOT_SELECTOR`. */\n  backgroundContextMenu?: ReactNode;\n}\n\nexport const FOLDER_TREE_ROOT_SELECTOR = '[data-folder-tree-root]';\n\n/**\n * Left-rail navigation for the Media Library. Fetches folder structure internally\n * and renders:\n *\n * 1. A \"Media library\" title\n * 2. A filter input that prunes the tree to matching destinations\n * 3. A \"Home\" entry that clears the folder query param\n * 4. A \"FOLDERS\" section header\n * 5. The folder tree itself\n *\n * The filter is purely local: it never touches the URL and never affects the\n * asset list, which has its own independent search in the content toolbar.\n *\n * Presentational with respect to routing — navigation is delegated to the parent\n * via `onSelectFolder` so the URL stays the single source of truth (see\n * `useFolderNavigation`).\n */\nexport const FolderTree = ({\n  currentFolderId,\n  showActiveFolder = true,\n  onSelectFolder,\n  backgroundContextMenu,\n}: FolderTreeProps) => {\n  const { formatMessage } = useIntl();\n  const { data: folderStructure = [], isLoading, isError } = useGetFolderStructureQuery();\n  const { isExpanded, toggleExpanded, expandFolder } = useExpandedFolders(\n    folderStructure,\n    currentFolderId\n  );\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n\n  const isHomeActive = showActiveFolder && currentFolderId == null;\n  const homeLabel = formatMessage({\n    id: getTranslationKey('sidebar.home'),\n    defaultMessage: 'Home',\n  });\n\n  const {\n    droppable: { setNodeRef: setHomeDropRef },\n    showValidDropHighlight: showHomeValidDropHighlight,\n    showInvalidDropCursor: showHomeInvalidDropCursor,\n  } = useFolderTreeDroppable({ id: null, name: homeLabel });\n\n  return (\n    <SubNav.Main\n      data-folder-tree-root\n      aria-label={formatMessage({\n        id: getTranslationKey('sidebar.tree.aria-label'),\n        defaultMessage: 'Media library folders',\n      })}\n    >\n      {backgroundContextMenu}\n      <SubNav.Header\n        label={formatMessage({\n          id: getTranslationKey('sidebar.title'),\n          defaultMessage: 'Media library',\n        })}\n      />\n\n      <SubNav.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" padding={3}>\n          {/* Same row wrapper as a folder, so Home highlights across its whole\n              width rather than only behind the label. */}\n          <TreeRow\n            ref={setHomeDropRef}\n            data-native-context-menu\n            alignItems=\"center\"\n            // Level 0, so the indent contributes nothing — but the row's own\n            // inset still applies, exactly as it does for a top-level folder.\n            paddingLeft={`${ROW_INSET_LEFT_REM}rem`}\n            paddingRight={`${ROW_INSET_RIGHT_REM}rem`}\n            $isActive={isHomeActive}\n            $isValidDropTarget={showHomeValidDropHighlight}\n            $isInvalidDropCursor={showHomeInvalidDropCursor}\n            $isMovePending={isMovePending}\n          >\n            <RowButton\n              type=\"button\"\n              $isActive={isHomeActive}\n              $isValidDropTarget={showHomeValidDropHighlight}\n              $isInvalidDropCursor={showHomeInvalidDropCursor}\n              $isMovePending={isMovePending}\n              aria-current={isHomeActive ? 'page' : undefined}\n              onClick={() => onSelectFolder(null)}\n              data-testid=\"folder-tree-home\"\n            >\n              <IconSlot>\n                <House aria-hidden width=\"1.6rem\" height=\"1.6rem\" />\n              </IconSlot>\n              <Typography variant=\"omega\" fontWeight={isHomeActive ? 'semiBold' : 'regular'}>\n                {homeLabel}\n              </Typography>\n            </RowButton>\n          </TreeRow>\n\n          <Box marginTop={4}>\n            <Flex\n              alignItems=\"center\"\n              gap={1}\n              paddingTop={1}\n              paddingBottom={1}\n              paddingLeft={2}\n              paddingRight={2}\n            >\n              <IconSlot>\n                <FolderIcon aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"neutral500\" />\n              </IconSlot>\n              <Typography\n                variant=\"sigma\"\n                textColor=\"neutral600\"\n                style={{ textTransform: 'uppercase' }}\n              >\n                {formatMessage({\n                  id: getTranslationKey('sidebar.folders'),\n                  defaultMessage: 'Folders',\n                })}\n              </Typography>\n            </Flex>\n\n            {isLoading ? (\n              // TODO: revisit loading state before revamp GA\n              <Flex justifyContent=\"center\" padding={1} paddingTop={2}>\n                <Loader>\n                  {formatMessage({\n                    id: getTranslationKey('sidebar.tree.loading'),\n                    defaultMessage: 'Loading folders...',\n                  })}\n                </Loader>\n              </Flex>\n            ) : isError ? (\n              // TODO: revisit error state before revamp GA\n              <Box padding={1} paddingTop={2}>\n                <Typography variant=\"pi\" textColor=\"danger600\">\n                  {formatMessage({\n                    id: getTranslationKey('sidebar.tree.error'),\n                    defaultMessage: 'Could not load folders.',\n                  })}\n                </Typography>\n              </Box>\n            ) : folderStructure.length === 0 ? (\n              // TODO: revisit empty state before revamp GA\n              <Box padding={1} paddingTop={2}>\n                <Typography variant=\"pi\" textColor=\"neutral500\">\n                  {formatMessage({\n                    id: getTranslationKey('sidebar.tree.empty'),\n                    defaultMessage: 'No folders yet',\n                  })}\n                </Typography>\n              </Box>\n            ) : (\n              <NavList>\n                {folderStructure.map((node) => (\n                  <FolderTreeItem\n                    key={node.id ?? node.name}\n                    node={node}\n                    // Top of the tree — these sit at the library root.\n                    parentId={null}\n                    level={0}\n                    currentFolderId={currentFolderId}\n                    showActiveFolder={showActiveFolder}\n                    isExpanded={isExpanded}\n                    onToggle={toggleExpanded}\n                    onExpand={expandFolder}\n                    onSelect={onSelectFolder}\n                    isMovePending={isMovePending}\n                  />\n                ))}\n              </NavList>\n            )}\n          </Box>\n        </Flex>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n"],"names":["RowButton","styled","button","theme","spaces","$isActive","colors","primary700","neutral800","borderRadius","$isMovePending","$isInvalidDropCursor","$isValidDropTarget","css","primary600","TreeRow","Flex","primary100","neutral100","findAncestorIds","nodes","targetId","trail","node","id","children","length","nextTrail","found","useExpandedFolders","folderStructure","currentFolderId","expandedIds","setExpandedIds","useState","Set","useEffect","ancestors","prev","next","changed","has","add","toggleExpanded","useCallback","delete","expandFolder","isExpanded","NavList","ul","INDENT_PER_LEVEL_REM","ROW_INSET_LEFT_REM","ROW_INSET_RIGHT_REM","IconSlot","ChevronButton","IconButton","primary200","RotatingChevron","ChevronDown","$expanded","FolderTreeItemInner","name","parentId","folderChildren","level","showActiveFolder","onToggle","onExpand","onSelect","isMovePending","formatMessage","useIntl","hasChildren","isFolderExpanded","isActive","droppable","setNodeRef","isOver","showValidDropHighlight","showInvalidDropCursor","useFolderTreeDroppable","handleExpand","menuPosition","setMenuPosition","rowButtonRef","useRef","useSpringLoadedExpand","canExpand","_jsxs","li","ref","data-native-context-menu","alignItems","paddingLeft","paddingRight","gap","onContextMenu","event","isEventFromWithin","preventDefault","x","clientX","y","clientY","_jsx","label","getTranslationKey","defaultMessage","disabled","onClick","stopPropagation","variant","withTooltip","aria-expanded","undefined","fill","Box","flex","minWidth","type","aria-current","data-testid","data-folder-id","TruncatedText","fontWeight","FolderTreeRowMenu","folder","returnFocusTo","current","onCloseMenu","map","child","FolderTreeItem","props","FOLDER_TREE_ROOT_SELECTOR","FolderTree","onSelectFolder","backgroundContextMenu","data","isLoading","isError","useGetFolderStructureQuery","useAssetsDndOptional","isHomeActive","homeLabel","setHomeDropRef","showHomeValidDropHighlight","showHomeInvalidDropCursor","SubNav","Main","data-folder-tree-root","aria-label","Header","Content","direction","padding","House","aria-hidden","width","height","Typography","marginTop","paddingTop","paddingBottom","FolderIcon","textColor","style","textTransform","justifyContent","Loader"],"mappings":"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"}