@strapi/upload 5.52.3 → 5.54.0

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

@@ -0,0 +1,179 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { Menu } from '@strapi/design-system';
+import { Folder, Files, Link } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { ActionsMenuContent } from './ActionsMenuContent.mjs';
+
+/**
+ * The admin layout marks the element that scrolls the main column. Listening on
+ * it rather than a wrapper of our own is what makes the whole column part of the
+ * hit area: it carries a responsive `padding-bottom` (16 / 24 / 40px) that no
+ * descendant can cover, and that strip is exactly where a right-click "below the
+ * list" lands.
+ */ const SCROLL_ROOT_SELECTOR = '[data-strapi-main-content]';
+/**
+ * Subtrees that keep the browser's own context menu instead of opening the
+ * create menu.
+ *
+ * `data-native-context-menu` is the explicit opt-out carried by the list items
+ * themselves (asset cards, folder cards, table rows) and by the bulk actions
+ * bar — right-clicking one of those must behave exactly as it does today. The
+ * rest are the generic cases where the native menu is the useful one: links,
+ * buttons and anything the user can type into or select text in.
+ *
+ * `thead` covers the table's header row, which is chrome rather than empty
+ * background even though it carries no `data-native-context-menu` item.
+ */ const NATIVE_CONTEXT_MENU_SELECTOR = [
+    '[data-native-context-menu]',
+    'thead',
+    'a',
+    'button',
+    'input',
+    'textarea',
+    'select',
+    '[contenteditable="true"]'
+].join(', ');
+/**
+ * The menu is anchored to a zero-sized element parked at the cursor, because
+ * the design system's `Menu` is a dropdown: it positions its content against a
+ * trigger, and there is no real trigger for a right-click on empty space.
+ *
+ * Inline styles rather than a `styled` wrapper — the trigger renders a design
+ * system `Button`, and losing the specificity race with its own class would put
+ * a stray button on the page.
+ */ const CURSOR_ANCHOR_STYLE = {
+    position: 'fixed',
+    width: 0,
+    height: 0,
+    minWidth: 0,
+    minHeight: 0,
+    padding: 0,
+    border: 0,
+    opacity: 0,
+    overflow: 'hidden',
+    pointerEvents: 'none'
+};
+const LOCATOR_STYLE = {
+    height: 0
+};
+/**
+ * Drive/Dropbox-style right-click on the empty parts of the assets area: the
+ * same creation actions the header "New" menu offers, acting on the folder
+ * currently open.
+ *
+ * Renders no wrapper — it finds the scrolling column and listens there, so the
+ * hit area is the whole column including the padding below the list.
+ *
+ * Deliberately background-only. Right-clicking an asset, a folder or a table
+ * row is left alone — those carry `data-native-context-menu` and keep the
+ * browser's menu (which is what you want over a thumbnail or a filename).
+ */ const MainAreaContextMenu = ({ onCreateFolder, onImportFiles, onImportFromUrl, disabled })=>{
+    const { formatMessage } = useIntl();
+    const [position, setPosition] = useState(null);
+    const [locator, setLocator] = useState(null);
+    const anchorRef = useCallback((node)=>setLocator(node), []);
+    useEffect(()=>{
+        const container = locator?.closest(SCROLL_ROOT_SELECTOR);
+        if (!container || disabled) {
+            return;
+        }
+        const handleContextMenu = (event)=>{
+            if (!(event.target instanceof Element)) {
+                return;
+            }
+            if (event.target.closest(NATIVE_CONTEXT_MENU_SELECTOR)) {
+                return;
+            }
+            event.preventDefault();
+            // A right-click while the menu is open reaches Radix's dismiss listener
+            // first, which closes it; re-anchoring here reopens it under the new
+            // cursor rather than leaving the user with a menu that just vanished.
+            setPosition({
+                x: event.clientX,
+                y: event.clientY
+            });
+        };
+        container.addEventListener('contextmenu', handleContextMenu);
+        return ()=>container.removeEventListener('contextmenu', handleContextMenu);
+    }, [
+        locator,
+        disabled
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                ref: anchorRef,
+                style: LOCATOR_STYLE,
+                "aria-hidden": true
+            }),
+            !disabled && /*#__PURE__*/ jsxs(Menu.Root, {
+                modal: false,
+                open: position !== null,
+                onOpenChange: (open)=>{
+                    if (!open) {
+                        setPosition(null);
+                    }
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Menu.Trigger, {
+                        tabIndex: -1,
+                        // No visible content, so the name has to come from `aria-label` —
+                        // the trigger's `label` prop renders as button text, which would
+                        // defeat the point of an invisible anchor. Radix points the menu's
+                        // `aria-labelledby` at this element, so it names the menu too.
+                        endIcon: null,
+                        "aria-label": formatMessage({
+                            id: getTranslationKey('list.context-menu.label'),
+                            defaultMessage: 'Media library actions'
+                        }),
+                        style: {
+                            ...CURSOR_ANCHOR_STYLE,
+                            top: position?.y ?? 0,
+                            left: position?.x ?? 0
+                        }
+                    }),
+                    /*#__PURE__*/ jsxs(ActionsMenuContent, {
+                        popoverPlacement: "bottom-start",
+                        zIndex: 2,
+                        minWidth: "22rem",
+                        // The anchor is invisible and sits wherever the cursor was, so
+                        // handing focus back to it on close would be a focus ring nobody can
+                        // see. Let it fall to the body instead.
+                        onCloseAutoFocus: (event)=>event.preventDefault(),
+                        children: [
+                            /*#__PURE__*/ jsx(Menu.Item, {
+                                onSelect: onCreateFolder,
+                                startIcon: /*#__PURE__*/ jsx(Folder, {}),
+                                children: formatMessage({
+                                    id: getTranslationKey('folder.create.title'),
+                                    defaultMessage: 'New folder'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Menu.Item, {
+                                onSelect: onImportFiles,
+                                startIcon: /*#__PURE__*/ jsx(Files, {}),
+                                children: formatMessage({
+                                    id: getTranslationKey('import-files'),
+                                    defaultMessage: 'File upload'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Menu.Item, {
+                                onSelect: onImportFromUrl,
+                                startIcon: /*#__PURE__*/ jsx(Link, {}),
+                                children: formatMessage({
+                                    id: getTranslationKey('import-from-url'),
+                                    defaultMessage: 'File upload from URL'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { MainAreaContextMenu };
+//# sourceMappingURL=MainAreaContextMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainAreaContextMenu.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/MainAreaContextMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type CSSProperties } from 'react';\n\nimport { Menu } from '@strapi/design-system';\nimport { Files, Folder as FolderIcon, Link } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport { ActionsMenuContent } from './ActionsMenuContent';\n\n/**\n * The admin layout marks the element that scrolls the main column. Listening on\n * it rather than a wrapper of our own is what makes the whole column part of the\n * hit area: it carries a responsive `padding-bottom` (16 / 24 / 40px) that no\n * descendant can cover, and that strip is exactly where a right-click \"below the\n * list\" lands.\n */\nconst SCROLL_ROOT_SELECTOR = '[data-strapi-main-content]';\n\n/**\n * Subtrees that keep the browser's own context menu instead of opening the\n * create menu.\n *\n * `data-native-context-menu` is the explicit opt-out carried by the list items\n * themselves (asset cards, folder cards, table rows) and by the bulk actions\n * bar — right-clicking one of those must behave exactly as it does today. The\n * rest are the generic cases where the native menu is the useful one: links,\n * buttons and anything the user can type into or select text in.\n *\n * `thead` covers the table's header row, which is chrome rather than empty\n * background even though it carries no `data-native-context-menu` item.\n */\nconst NATIVE_CONTEXT_MENU_SELECTOR = [\n  '[data-native-context-menu]',\n  'thead',\n  'a',\n  'button',\n  'input',\n  'textarea',\n  'select',\n  '[contenteditable=\"true\"]',\n].join(', ');\n\n/**\n * The menu is anchored to a zero-sized element parked at the cursor, because\n * the design system's `Menu` is a dropdown: it positions its content against a\n * trigger, and there is no real trigger for a right-click on empty space.\n *\n * Inline styles rather than a `styled` wrapper — the trigger renders a design\n * system `Button`, and losing the specificity race with its own class would put\n * a stray button on the page.\n */\nconst CURSOR_ANCHOR_STYLE: CSSProperties = {\n  position: 'fixed',\n  width: 0,\n  height: 0,\n  minWidth: 0,\n  minHeight: 0,\n  padding: 0,\n  border: 0,\n  opacity: 0,\n  overflow: 'hidden',\n  pointerEvents: 'none',\n};\n\nconst LOCATOR_STYLE: CSSProperties = { height: 0 };\n\ninterface CursorPosition {\n  x: number;\n  y: number;\n}\n\ninterface MainAreaContextMenuProps {\n  /** Opens the \"new folder\" dialog in the folder currently on screen. */\n  onCreateFolder: () => void;\n  /** Opens the native file picker — same entry point as the header \"New\" menu. */\n  onImportFiles: () => void;\n  /** Opens the \"import from URL\" dialog. */\n  onImportFromUrl: () => void;\n  /**\n   * RBAC gate — without `assets.create` there is nothing to offer, so the\n   * right-click falls through to the browser. Required (not defaulted) so a\n   * permission gate can't silently regress to permissive.\n   */\n  disabled: boolean;\n}\n\n/**\n * Drive/Dropbox-style right-click on the empty parts of the assets area: the\n * same creation actions the header \"New\" menu offers, acting on the folder\n * currently open.\n *\n * Renders no wrapper — it finds the scrolling column and listens there, so the\n * hit area is the whole column including the padding below the list.\n *\n * Deliberately background-only. Right-clicking an asset, a folder or a table\n * row is left alone — those carry `data-native-context-menu` and keep the\n * browser's menu (which is what you want over a thumbnail or a filename).\n */\nexport const MainAreaContextMenu = ({\n  onCreateFolder,\n  onImportFiles,\n  onImportFromUrl,\n  disabled,\n}: MainAreaContextMenuProps) => {\n  const { formatMessage } = useIntl();\n  const [position, setPosition] = useState<CursorPosition | null>(null);\n  const [locator, setLocator] = useState<HTMLElement | null>(null);\n\n  const anchorRef = useCallback((node: HTMLElement | null) => setLocator(node), []);\n\n  useEffect(() => {\n    const container = locator?.closest<HTMLElement>(SCROLL_ROOT_SELECTOR);\n\n    if (!container || disabled) {\n      return;\n    }\n\n    const handleContextMenu = (event: MouseEvent) => {\n      if (!(event.target instanceof Element)) {\n        return;\n      }\n\n      if (event.target.closest(NATIVE_CONTEXT_MENU_SELECTOR)) {\n        return;\n      }\n\n      event.preventDefault();\n      // A right-click while the menu is open reaches Radix's dismiss listener\n      // first, which closes it; re-anchoring here reopens it under the new\n      // cursor rather than leaving the user with a menu that just vanished.\n      setPosition({ x: event.clientX, y: event.clientY });\n    };\n\n    container.addEventListener('contextmenu', handleContextMenu);\n\n    return () => container.removeEventListener('contextmenu', handleContextMenu);\n  }, [locator, disabled]);\n\n  return (\n    <>\n      <div ref={anchorRef} style={LOCATOR_STYLE} aria-hidden />\n      {/* Non-modal, like the row-level menus: a right-click elsewhere is both\n          \"close this\" and \"open that\", which a modal layer would swallow.\n          Skipped entirely without the permission — the anchor is a real\n          (if invisible) button, and one that can never open is noise in the\n          accessibility tree. */}\n      {!disabled && (\n        <Menu.Root\n          modal={false}\n          open={position !== null}\n          onOpenChange={(open) => {\n            if (!open) {\n              setPosition(null);\n            }\n          }}\n        >\n          <Menu.Trigger\n            tabIndex={-1}\n            // No visible content, so the name has to come from `aria-label` —\n            // the trigger's `label` prop renders as button text, which would\n            // defeat the point of an invisible anchor. Radix points the menu's\n            // `aria-labelledby` at this element, so it names the menu too.\n            endIcon={null}\n            aria-label={formatMessage({\n              id: getTranslationKey('list.context-menu.label'),\n              defaultMessage: 'Media library actions',\n            })}\n            style={{ ...CURSOR_ANCHOR_STYLE, top: position?.y ?? 0, left: position?.x ?? 0 }}\n          />\n          <ActionsMenuContent\n            popoverPlacement=\"bottom-start\"\n            zIndex={2}\n            minWidth=\"22rem\"\n            // The anchor is invisible and sits wherever the cursor was, so\n            // handing focus back to it on close would be a focus ring nobody can\n            // see. Let it fall to the body instead.\n            onCloseAutoFocus={(event) => event.preventDefault()}\n          >\n            <Menu.Item onSelect={onCreateFolder} startIcon={<FolderIcon />}>\n              {formatMessage({\n                id: getTranslationKey('folder.create.title'),\n                defaultMessage: 'New folder',\n              })}\n            </Menu.Item>\n            <Menu.Item onSelect={onImportFiles} startIcon={<Files />}>\n              {formatMessage({\n                id: getTranslationKey('import-files'),\n                defaultMessage: 'File upload',\n              })}\n            </Menu.Item>\n            <Menu.Item onSelect={onImportFromUrl} startIcon={<Link />}>\n              {formatMessage({\n                id: getTranslationKey('import-from-url'),\n                defaultMessage: 'File upload from URL',\n              })}\n            </Menu.Item>\n          </ActionsMenuContent>\n        </Menu.Root>\n      )}\n    </>\n  );\n};\n"],"names":["SCROLL_ROOT_SELECTOR","NATIVE_CONTEXT_MENU_SELECTOR","join","CURSOR_ANCHOR_STYLE","position","width","height","minWidth","minHeight","padding","border","opacity","overflow","pointerEvents","LOCATOR_STYLE","MainAreaContextMenu","onCreateFolder","onImportFiles","onImportFromUrl","disabled","formatMessage","useIntl","setPosition","useState","locator","setLocator","anchorRef","useCallback","node","useEffect","container","closest","handleContextMenu","event","target","Element","preventDefault","x","clientX","y","clientY","addEventListener","removeEventListener","_jsxs","_Fragment","_jsx","div","ref","style","aria-hidden","Menu","Root","modal","open","onOpenChange","Trigger","tabIndex","endIcon","aria-label","id","getTranslationKey","defaultMessage","top","left","ActionsMenuContent","popoverPlacement","zIndex","onCloseAutoFocus","Item","onSelect","startIcon","FolderIcon","Files","Link"],"mappings":"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"}

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

@@ -9,6 +9,24 @@ const viewOptions = {
     GRID: 0,
     TABLE: 1
 };
+const ASSET_DETAILS_TRIGGER_ATTRIBUTE = 'data-asset-details-trigger';
+/**
+ * Spread onto grid cards and table rows, whose click opens or switches the
+ * asset details drawer. The drawer's outside-click dismissal skips presses
+ * landing on one of these, so switching assets doesn't close-then-reopen it.
+ */ const ASSET_DETAILS_TRIGGER_PROPS = {
+    [ASSET_DETAILS_TRIGGER_ATTRIBUTE]: ''
+};
+const ASSET_ITEM_CONTROL_ATTRIBUTE = 'data-asset-item-control';
+/**
+ * Spread onto the controls inside an asset card or row that act on the item
+ * rather than opening it — its selection checkbox and its actions menu. They
+ * stop the card's own click, so no details switch follows them.
+ */ const ASSET_ITEM_CONTROL_PROPS = {
+    [ASSET_ITEM_CONTROL_ATTRIBUTE]: ''
+};
+/** Matches an element carrying {@link ASSET_ITEM_CONTROL_PROPS}. */ const ASSET_ITEM_CONTROL_SELECTOR = `[${ASSET_ITEM_CONTROL_ATTRIBUTE}]`;
+/** Matches an element carrying {@link ASSET_DETAILS_TRIGGER_PROPS}. */ const ASSET_DETAILS_TRIGGER_SELECTOR = `[${ASSET_DETAILS_TRIGGER_ATTRIBUTE}]`;
 const TABLE_HEADERS = [
     {
         name: 'name',
@@ -48,6 +66,10 @@ const TABLE_HEADERS = [
     }
 ];
 
+exports.ASSET_DETAILS_TRIGGER_PROPS = ASSET_DETAILS_TRIGGER_PROPS;
+exports.ASSET_DETAILS_TRIGGER_SELECTOR = ASSET_DETAILS_TRIGGER_SELECTOR;
+exports.ASSET_ITEM_CONTROL_PROPS = ASSET_ITEM_CONTROL_PROPS;
+exports.ASSET_ITEM_CONTROL_SELECTOR = ASSET_ITEM_CONTROL_SELECTOR;
 exports.TABLE_HEADERS = TABLE_HEADERS;
 exports.localStorageKeys = localStorageKeys;
 exports.viewOptions = viewOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../admin/src/future/pages/Assets/constants.ts"],"sourcesContent":["import { getTranslationKey } from '../../utils/translations';\n\nexport const localStorageKeys = {\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  TABLE: 1,\n};\n\ninterface TableHeader {\n  name: string;\n  label: { id: string; defaultMessage: string };\n  isVisuallyHidden?: boolean;\n}\n\nexport const TABLE_HEADERS: TableHeader[] = [\n  {\n    name: 'name',\n    label: { id: getTranslationKey('list.table.header.name'), defaultMessage: 'name' },\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: getTranslationKey('list.table.header.creationDate'),\n      defaultMessage: 'creation date',\n    },\n  },\n  {\n    name: 'updatedAt',\n    label: {\n      id: getTranslationKey('list.table.header.lastModified'),\n      defaultMessage: 'last modified',\n    },\n  },\n  {\n    name: 'size',\n    label: { id: getTranslationKey('list.table.header.size'), defaultMessage: 'size' },\n  },\n  {\n    name: 'actions',\n    label: { id: getTranslationKey('list.table.header.actions'), defaultMessage: 'actions' },\n    isVisuallyHidden: true,\n  },\n];\n"],"names":["localStorageKeys","view","viewOptions","GRID","TABLE","TABLE_HEADERS","name","label","id","getTranslationKey","defaultMessage","isVisuallyHidden"],"mappings":";;;;MAEaA,gBAAAA,GAAmB;IAC9BC,IAAAA,EAAM,CAAC,0BAA0B;AACnC;MAEaC,WAAAA,GAAc;IACzBC,IAAAA,EAAM,CAAA;IACNC,KAAAA,EAAO;AACT;MAQaC,aAAAA,GAA+B;AAC1C,IAAA;QACEC,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,SAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,2BAAA,CAAA;YAA8BC,cAAAA,EAAgB;AAAU,SAAA;QACvFC,gBAAAA,EAAkB;AACpB;;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../admin/src/future/pages/Assets/constants.ts"],"sourcesContent":["import { getTranslationKey } from '../../utils/translations';\n\nexport const localStorageKeys = {\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  TABLE: 1,\n};\n\nconst ASSET_DETAILS_TRIGGER_ATTRIBUTE = 'data-asset-details-trigger';\n\n/**\n * Spread onto grid cards and table rows, whose click opens or switches the\n * asset details drawer. The drawer's outside-click dismissal skips presses\n * landing on one of these, so switching assets doesn't close-then-reopen it.\n */\nexport const ASSET_DETAILS_TRIGGER_PROPS = { [ASSET_DETAILS_TRIGGER_ATTRIBUTE]: '' };\n\nconst ASSET_ITEM_CONTROL_ATTRIBUTE = 'data-asset-item-control';\n\n/**\n * Spread onto the controls inside an asset card or row that act on the item\n * rather than opening it — its selection checkbox and its actions menu. They\n * stop the card's own click, so no details switch follows them.\n */\nexport const ASSET_ITEM_CONTROL_PROPS = { [ASSET_ITEM_CONTROL_ATTRIBUTE]: '' };\n\n/** Matches an element carrying {@link ASSET_ITEM_CONTROL_PROPS}. */\nexport const ASSET_ITEM_CONTROL_SELECTOR = `[${ASSET_ITEM_CONTROL_ATTRIBUTE}]`;\n\n/** Matches an element carrying {@link ASSET_DETAILS_TRIGGER_PROPS}. */\nexport const ASSET_DETAILS_TRIGGER_SELECTOR = `[${ASSET_DETAILS_TRIGGER_ATTRIBUTE}]`;\n\ninterface TableHeader {\n  name: string;\n  label: { id: string; defaultMessage: string };\n  isVisuallyHidden?: boolean;\n}\n\nexport const TABLE_HEADERS: TableHeader[] = [\n  {\n    name: 'name',\n    label: { id: getTranslationKey('list.table.header.name'), defaultMessage: 'name' },\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: getTranslationKey('list.table.header.creationDate'),\n      defaultMessage: 'creation date',\n    },\n  },\n  {\n    name: 'updatedAt',\n    label: {\n      id: getTranslationKey('list.table.header.lastModified'),\n      defaultMessage: 'last modified',\n    },\n  },\n  {\n    name: 'size',\n    label: { id: getTranslationKey('list.table.header.size'), defaultMessage: 'size' },\n  },\n  {\n    name: 'actions',\n    label: { id: getTranslationKey('list.table.header.actions'), defaultMessage: 'actions' },\n    isVisuallyHidden: true,\n  },\n];\n"],"names":["localStorageKeys","view","viewOptions","GRID","TABLE","ASSET_DETAILS_TRIGGER_ATTRIBUTE","ASSET_DETAILS_TRIGGER_PROPS","ASSET_ITEM_CONTROL_ATTRIBUTE","ASSET_ITEM_CONTROL_PROPS","ASSET_ITEM_CONTROL_SELECTOR","ASSET_DETAILS_TRIGGER_SELECTOR","TABLE_HEADERS","name","label","id","getTranslationKey","defaultMessage","isVisuallyHidden"],"mappings":";;;;MAEaA,gBAAAA,GAAmB;IAC9BC,IAAAA,EAAM,CAAC,0BAA0B;AACnC;MAEaC,WAAAA,GAAc;IACzBC,IAAAA,EAAM,CAAA;IACNC,KAAAA,EAAO;AACT;AAEA,MAAMC,+BAAAA,GAAkC,4BAAA;AAExC;;;;UAKaC,2BAAAA,GAA8B;AAAE,IAAA,CAACD,kCAAkC;AAAG;AAEnF,MAAME,4BAAAA,GAA+B,yBAAA;AAErC;;;;UAKaC,wBAAAA,GAA2B;AAAE,IAAA,CAACD,+BAA+B;AAAG;AAE7E,qEACO,MAAME,2BAAAA,GAA8B,CAAC,CAAC,EAAEF,4BAAAA,CAA6B,CAAC;AAE7E,wEACO,MAAMG,8BAAAA,GAAiC,CAAC,CAAC,EAAEL,+BAAAA,CAAgC,CAAC;MAQtEM,aAAAA,GAA+B;AAC1C,IAAA;QACEC,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,SAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,2BAAA,CAAA;YAA8BC,cAAAA,EAAgB;AAAU,SAAA;QACvFC,gBAAAA,EAAkB;AACpB;;;;;;;;;;;"}

package/dist/admin/future/pages/Assets/constants.mjs

@@ -7,6 +7,24 @@ const viewOptions = {
     GRID: 0,
     TABLE: 1
 };
+const ASSET_DETAILS_TRIGGER_ATTRIBUTE = 'data-asset-details-trigger';
+/**
+ * Spread onto grid cards and table rows, whose click opens or switches the
+ * asset details drawer. The drawer's outside-click dismissal skips presses
+ * landing on one of these, so switching assets doesn't close-then-reopen it.
+ */ const ASSET_DETAILS_TRIGGER_PROPS = {
+    [ASSET_DETAILS_TRIGGER_ATTRIBUTE]: ''
+};
+const ASSET_ITEM_CONTROL_ATTRIBUTE = 'data-asset-item-control';
+/**
+ * Spread onto the controls inside an asset card or row that act on the item
+ * rather than opening it — its selection checkbox and its actions menu. They
+ * stop the card's own click, so no details switch follows them.
+ */ const ASSET_ITEM_CONTROL_PROPS = {
+    [ASSET_ITEM_CONTROL_ATTRIBUTE]: ''
+};
+/** Matches an element carrying {@link ASSET_ITEM_CONTROL_PROPS}. */ const ASSET_ITEM_CONTROL_SELECTOR = `[${ASSET_ITEM_CONTROL_ATTRIBUTE}]`;
+/** Matches an element carrying {@link ASSET_DETAILS_TRIGGER_PROPS}. */ const ASSET_DETAILS_TRIGGER_SELECTOR = `[${ASSET_DETAILS_TRIGGER_ATTRIBUTE}]`;
 const TABLE_HEADERS = [
     {
         name: 'name',
@@ -46,5 +64,5 @@ const TABLE_HEADERS = [
     }
 ];
 
-export { TABLE_HEADERS, localStorageKeys, viewOptions };
+export { ASSET_DETAILS_TRIGGER_PROPS, ASSET_DETAILS_TRIGGER_SELECTOR, ASSET_ITEM_CONTROL_PROPS, ASSET_ITEM_CONTROL_SELECTOR, TABLE_HEADERS, localStorageKeys, viewOptions };
 //# sourceMappingURL=constants.mjs.map

package/dist/admin/future/pages/Assets/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../../admin/src/future/pages/Assets/constants.ts"],"sourcesContent":["import { getTranslationKey } from '../../utils/translations';\n\nexport const localStorageKeys = {\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  TABLE: 1,\n};\n\ninterface TableHeader {\n  name: string;\n  label: { id: string; defaultMessage: string };\n  isVisuallyHidden?: boolean;\n}\n\nexport const TABLE_HEADERS: TableHeader[] = [\n  {\n    name: 'name',\n    label: { id: getTranslationKey('list.table.header.name'), defaultMessage: 'name' },\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: getTranslationKey('list.table.header.creationDate'),\n      defaultMessage: 'creation date',\n    },\n  },\n  {\n    name: 'updatedAt',\n    label: {\n      id: getTranslationKey('list.table.header.lastModified'),\n      defaultMessage: 'last modified',\n    },\n  },\n  {\n    name: 'size',\n    label: { id: getTranslationKey('list.table.header.size'), defaultMessage: 'size' },\n  },\n  {\n    name: 'actions',\n    label: { id: getTranslationKey('list.table.header.actions'), defaultMessage: 'actions' },\n    isVisuallyHidden: true,\n  },\n];\n"],"names":["localStorageKeys","view","viewOptions","GRID","TABLE","TABLE_HEADERS","name","label","id","getTranslationKey","defaultMessage","isVisuallyHidden"],"mappings":";;MAEaA,gBAAAA,GAAmB;IAC9BC,IAAAA,EAAM,CAAC,0BAA0B;AACnC;MAEaC,WAAAA,GAAc;IACzBC,IAAAA,EAAM,CAAA;IACNC,KAAAA,EAAO;AACT;MAQaC,aAAAA,GAA+B;AAC1C,IAAA;QACEC,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,SAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;YAA8BC,cAAAA,EAAgB;AAAU,SAAA;QACvFC,gBAAAA,EAAkB;AACpB;;;;;"}
+{"version":3,"file":"constants.mjs","sources":["../../../../../admin/src/future/pages/Assets/constants.ts"],"sourcesContent":["import { getTranslationKey } from '../../utils/translations';\n\nexport const localStorageKeys = {\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  TABLE: 1,\n};\n\nconst ASSET_DETAILS_TRIGGER_ATTRIBUTE = 'data-asset-details-trigger';\n\n/**\n * Spread onto grid cards and table rows, whose click opens or switches the\n * asset details drawer. The drawer's outside-click dismissal skips presses\n * landing on one of these, so switching assets doesn't close-then-reopen it.\n */\nexport const ASSET_DETAILS_TRIGGER_PROPS = { [ASSET_DETAILS_TRIGGER_ATTRIBUTE]: '' };\n\nconst ASSET_ITEM_CONTROL_ATTRIBUTE = 'data-asset-item-control';\n\n/**\n * Spread onto the controls inside an asset card or row that act on the item\n * rather than opening it — its selection checkbox and its actions menu. They\n * stop the card's own click, so no details switch follows them.\n */\nexport const ASSET_ITEM_CONTROL_PROPS = { [ASSET_ITEM_CONTROL_ATTRIBUTE]: '' };\n\n/** Matches an element carrying {@link ASSET_ITEM_CONTROL_PROPS}. */\nexport const ASSET_ITEM_CONTROL_SELECTOR = `[${ASSET_ITEM_CONTROL_ATTRIBUTE}]`;\n\n/** Matches an element carrying {@link ASSET_DETAILS_TRIGGER_PROPS}. */\nexport const ASSET_DETAILS_TRIGGER_SELECTOR = `[${ASSET_DETAILS_TRIGGER_ATTRIBUTE}]`;\n\ninterface TableHeader {\n  name: string;\n  label: { id: string; defaultMessage: string };\n  isVisuallyHidden?: boolean;\n}\n\nexport const TABLE_HEADERS: TableHeader[] = [\n  {\n    name: 'name',\n    label: { id: getTranslationKey('list.table.header.name'), defaultMessage: 'name' },\n  },\n  {\n    name: 'createdAt',\n    label: {\n      id: getTranslationKey('list.table.header.creationDate'),\n      defaultMessage: 'creation date',\n    },\n  },\n  {\n    name: 'updatedAt',\n    label: {\n      id: getTranslationKey('list.table.header.lastModified'),\n      defaultMessage: 'last modified',\n    },\n  },\n  {\n    name: 'size',\n    label: { id: getTranslationKey('list.table.header.size'), defaultMessage: 'size' },\n  },\n  {\n    name: 'actions',\n    label: { id: getTranslationKey('list.table.header.actions'), defaultMessage: 'actions' },\n    isVisuallyHidden: true,\n  },\n];\n"],"names":["localStorageKeys","view","viewOptions","GRID","TABLE","ASSET_DETAILS_TRIGGER_ATTRIBUTE","ASSET_DETAILS_TRIGGER_PROPS","ASSET_ITEM_CONTROL_ATTRIBUTE","ASSET_ITEM_CONTROL_PROPS","ASSET_ITEM_CONTROL_SELECTOR","ASSET_DETAILS_TRIGGER_SELECTOR","TABLE_HEADERS","name","label","id","getTranslationKey","defaultMessage","isVisuallyHidden"],"mappings":";;MAEaA,gBAAAA,GAAmB;IAC9BC,IAAAA,EAAM,CAAC,0BAA0B;AACnC;MAEaC,WAAAA,GAAc;IACzBC,IAAAA,EAAM,CAAA;IACNC,KAAAA,EAAO;AACT;AAEA,MAAMC,+BAAAA,GAAkC,4BAAA;AAExC;;;;UAKaC,2BAAAA,GAA8B;AAAE,IAAA,CAACD,kCAAkC;AAAG;AAEnF,MAAME,4BAAAA,GAA+B,yBAAA;AAErC;;;;UAKaC,wBAAAA,GAA2B;AAAE,IAAA,CAACD,+BAA+B;AAAG;AAE7E,qEACO,MAAME,2BAAAA,GAA8B,CAAC,CAAC,EAAEF,4BAAAA,CAA6B,CAAC;AAE7E,wEACO,MAAMG,8BAAAA,GAAiC,CAAC,CAAC,EAAEL,+BAAAA,CAAgC,CAAC;MAQtEM,aAAAA,GAA+B;AAC1C,IAAA;QACEC,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,WAAA;QACNC,KAAAA,EAAO;AACLC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;YACtBC,cAAAA,EAAgB;AAClB;AACF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,MAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wBAAA,CAAA;YAA2BC,cAAAA,EAAgB;AAAO;AACnF,KAAA;AACA,IAAA;QACEJ,IAAAA,EAAM,SAAA;QACNC,KAAAA,EAAO;AAAEC,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;YAA8BC,cAAAA,EAAgB;AAAU,SAAA;QACvFC,gBAAAA,EAAkB;AACpB;;;;;"}

package/dist/admin/future/pages/Assets/hooks/useInfiniteAssets.js

@@ -10,6 +10,9 @@ var getRelationId = require('../../../utils/getRelationId.js');
 var mergeUploadedAssets = require('../utils/mergeUploadedAssets.js');
 
 const PAGE_SIZE = 20;
+/**
+ * How many list views keep their loaded pages in memory.
+ */ const MAX_REMEMBERED_LISTS = 10;
 /**
  * Concatenates the pages in ascending order, one entry per asset id.
  *
@@ -27,6 +30,10 @@ const PAGE_SIZE = 20;
         ...byId.values()
     ];
 };
+/**
+ * The highest page an accumulator holds — where the list was last read to, and
+ * so where to resume from on the way back.
+ */ const deepestPage = (pages)=>Object.keys(pages).reduce((deepest, key)=>Math.max(deepest, Number(key)), 1);
 /**
  * Keeps one earlier page's `getAssets` query subscribed and reports its results
  * back up whenever they change.
@@ -64,6 +71,10 @@ const PAGE_SIZE = 20;
  * The caller MUST render the returned `subscribers` node — that is what keeps
  * every loaded page subscribed, so `{Asset, LIST}` invalidations keep the whole
  * list consistent rather than only the current page.
+ *
+ * Loaded pages survive navigating away and back: each list's accumulator is
+ * remembered (LRU, `MAX_REMEMBERED_LISTS`) and restored when its key returns, so
+ * stepping into a subfolder and back out keeps the rows the user scrolled for.
  */ const useInfiniteAssets = ({ folder = null, sort, search, filters, enabled = true } = {})=>{
     // Derived from the request args themselves, so a new filter can't reach the
     // API without also invalidating what was accumulated under the old one.
@@ -94,15 +105,30 @@ const PAGE_SIZE = 20;
         listKey,
         pages: {}
     });
-    // Derived rather than read straight from state: the render that discovers
-    // the key change still reaches the query below, and a list with no page 1
-    // must never be requested at page 2.
-    const page = pageState.queryKey === queryKey ? pageState.page : 1;
-    if (pageState.queryKey !== queryKey) {
+    // Each list's loaded pages, kept across navigation away from it.
+    const memoryRef = React.useRef(new Map());
+    const isNewList = pageState.queryKey !== queryKey;
+    const remembered = isNewList ? memoryRef.current.get(queryKey) : undefined;
+    // Derived rather than read from state: the render that discovers the key
+    // change still reaches the query below, and a list with no page 1 must never
+    // be requested at page 2. A remembered list always holds page 1, so resuming
+    // at its deepest page can't skip one.
+    let page;
+    if (!isNewList) {
+        page = pageState.page;
+    } else if (remembered) {
+        page = deepestPage(remembered.pages);
+    } else {
+        page = 1;
+    }
+    if (isNewList) {
         setPageState({
             queryKey,
-            page: 1
+            page
         });
+        if (remembered) {
+            setAccumulated(remembered);
+        }
     }
     const { currentData, isLoading, isFetching, error, startedTimeStamp, fulfilledTimeStamp } = assets.useGetAssetsQuery({
         ...queryArgs,
@@ -115,7 +141,8 @@ const PAGE_SIZE = 20;
     // `currentData` is only ever the payload for the args just passed, so it
     // belongs to this key at this page — nothing to infer. Its reference is
     // stable per cache entry, so this settles after one extra render.
-    if (currentData && (!isSameQuery || accumulated.pages[page] !== currentData.results)) {
+    if (// A restore already set the accumulator from memory; don't overwrite it.
+    !remembered && currentData && (!isSameQuery || accumulated.pages[page] !== currentData.results)) {
         setAccumulated(isSameQuery ? {
             ...accumulated,
             pages: {
@@ -163,6 +190,29 @@ const PAGE_SIZE = 20;
             page: earlierPage,
             onRefreshed: handlePageRefreshed
         })));
+    // Remember what this list has read, so leaving it isn't forgetting it. Filed
+    // under `accumulated.queryKey`, not the live `queryKey`: the accumulator names
+    // the list it belongs to, so an entry still describing the list being left
+    // can't be misfiled under the one being entered.
+    React.useEffect(()=>{
+        if (Object.keys(accumulated.pages).length === 0) {
+            return;
+        }
+        const memory = memoryRef.current;
+        // Delete before set so the entry moves to the end. Map iterates in
+        // insertion order, so the first key is the least recently used.
+        memory.delete(accumulated.queryKey);
+        memory.set(accumulated.queryKey, accumulated);
+        while(memory.size > MAX_REMEMBERED_LISTS){
+            const oldest = memory.keys().next();
+            if (oldest.done) {
+                break;
+            }
+            memory.delete(oldest.value);
+        }
+    }, [
+        accumulated
+    ]);
     // Drop the left folder's cached `getAssets` pages when the folder changes.
     //
     // RTK Query 1.9.7 leaves a query's store subscription in place when its last
@@ -172,8 +222,9 @@ const PAGE_SIZE = 20;
     // next `{Asset, LIST}` invalidation (an upload in the new folder) refetch the
     // *previous* folder's pages: one bogus `/upload/files` request per loaded
     // page. There is no public per-entry unsubscribe, so evict the left folder's
-    // entries outright — returning reloads from page 1, which the accumulator
-    // already does on a list change.
+    // entries outright. Returning then re-reads every page it had loaded, but the
+    // rows come straight back from the accumulator memory above — so those
+    // requests refresh a list already on screen rather than being waited on.
     const dispatch = reactRedux.useDispatch();
     const store = reactRedux.useStore();
     const prevFolderRef = React.useRef(folder);
@@ -252,6 +303,10 @@ const PAGE_SIZE = 20;
         listAnsweredAfter
     ]);
     const isFetchingMore = isFetching && page > 1;
+    // A restored list already has rows on screen, so re-reading its current page
+    // is a background refresh — reporting it as loading would swap those rows for
+    // a spinner. Only an empty list has nothing better to show.
+    const isLoadingList = isChangingList || isLoading && assets$1.length === 0;
     const fetchNextPage = React.useCallback(()=>{
         setPageState((prev)=>({
                 queryKey,
@@ -279,7 +334,7 @@ const PAGE_SIZE = 20;
         // Falls back to the accumulated total so a consumer showing the count
         // doesn't flash zero mid-transition, matching the possibly stale `assets`.
         pagination: currentData?.pagination ?? accumulated.pagination,
-        isLoading: isLoading || isChangingList,
+        isLoading: isLoadingList,
         isFetchingMore,
         hasNextPage,
         fetchNextPage,

package/dist/admin/future/pages/Assets/hooks/useInfiniteAssets.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteAssets.js","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useInfiniteAssets.ts"],"sourcesContent":["import { createElement, Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useDispatch, useStore } from 'react-redux';\n\nimport { uploadApi } from '../../../services/api';\nimport { useGetAssetsQuery } from '../../../services/assets';\nimport { useTypedSelector } from '../../../store/hooks';\nimport { selectCompletedUploads } from '../../../store/uploadProgress';\nimport { getRelationId } from '../../../utils/getRelationId';\nimport { mergeUploadedAssets } from '../utils/mergeUploadedAssets';\n\nimport type { File, Pagination } from '../../../../../../shared/contracts/files';\n\nconst PAGE_SIZE = 20;\n\ninterface UseInfiniteAssetsOptions {\n  folder?: number | null;\n  sort?: string;\n  search?: string;\n  /** Extra `filters[$and]` entries for the files query. */\n  filters?: Record<string, unknown>[];\n  /** Structural switch: an `is [folder]`-only type badge means no file can match. */\n  enabled?: boolean;\n}\n\ninterface QueryArgs {\n  folder: number | null;\n  sort?: string;\n  search?: string;\n  filters?: Record<string, unknown>[];\n}\n\n/**\n * Everything loaded for one query identity.\n *\n * `queryKey` lags the live key while a new query is in flight — that lag is\n * what keeps the previous results on screen across a search change.\n */\ninterface Accumulated {\n  queryKey: string;\n  listKey: string;\n  pages: Record<number, File[]>;\n  pagination?: Pagination;\n}\n\ninterface PageState {\n  queryKey: string;\n  page: number;\n}\n\ntype PageRefreshedHandler = (page: number, results: File[]) => void;\n\n/**\n * Concatenates the pages in ascending order, one entry per asset id.\n *\n * `Map.set` keeps the first insertion position but takes the latest value, so\n * an asset that moved between pages after a mutation holds its place and shows\n * fresh data instead of rendering twice under a duplicate key.\n */\nconst flattenPages = (pages: Record<number, File[]>): File[] => {\n  const byId = new Map<number, File>();\n\n  for (const page of Object.keys(pages)\n    .map(Number)\n    .sort((a, b) => a - b)) {\n    for (const asset of pages[page]) {\n      byId.set(asset.id, asset);\n    }\n  }\n\n  return [...byId.values()];\n};\n\n/**\n * Keeps one earlier page's `getAssets` query subscribed and reports its results\n * back up whenever they change.\n *\n * The hook itself only subscribes the current (latest) page. Without these, a\n * mutation invalidating `{Asset, LIST}` refetches that page alone and earlier\n * pages stay frozen — a rename or delete on an earlier page never reaches the\n * list until a folder/sort/search change. One subscriber per earlier\n * page keeps them all subscribed so the invalidation refetches the whole list.\n * Renders nothing; it exists only for the subscription + `onRefreshed` report.\n */\nconst PageSubscriber = ({\n  queryArgs,\n  page,\n  onRefreshed,\n}: {\n  queryArgs: QueryArgs;\n  page: number;\n  onRefreshed: PageRefreshedHandler;\n}) => {\n  const { currentData } = useGetAssetsQuery({ ...queryArgs, page, pageSize: PAGE_SIZE });\n  const results = currentData?.results;\n\n  useEffect(() => {\n    if (results) {\n      onRefreshed(page, results);\n    }\n    // `results` is a stable reference per cache entry, so this only re-reports\n    // when a refetch actually replaces the page's data. Reporting the same\n    // reference the accumulator already holds is a no-op (see `onRefreshed`).\n  }, [results, page, onRefreshed]);\n\n  return null;\n};\n\n/**\n * Infinite scroll over `/upload/files`, keeping one accumulated slot per page.\n *\n * The caller MUST render the returned `subscribers` node — that is what keeps\n * every loaded page subscribed, so `{Asset, LIST}` invalidations keep the whole\n * list consistent rather than only the current page.\n */\nconst useInfiniteAssets = ({\n  folder = null,\n  sort,\n  search,\n  filters,\n  enabled = true,\n}: UseInfiniteAssetsOptions = {}) => {\n  // Derived from the request args themselves, so a new filter can't reach the\n  // API without also invalidating what was accumulated under the old one.\n  const queryArgs: QueryArgs = { folder, sort, search, filters };\n  const queryKey = JSON.stringify(queryArgs);\n  // Identifies the list being viewed, ignoring the search term. Folder, sort\n  // and filter changes are single committed actions, so one clean reset per\n  // change is honest. Search is committed per keystroke on a 300ms debounce,\n  // and blanking the list on each one would strobe as the user types.\n  // The cost: through the search window the previous rows stay rendered and\n  // `hasNextPage` is false, so the list reads as complete until page 1 lands.\n  const listKey = JSON.stringify({ folder, sort, filters });\n\n  const [pageState, setPageState] = useState<PageState>({ queryKey, page: 1 });\n  const [accumulated, setAccumulated] = useState<Accumulated>({ queryKey, listKey, pages: {} });\n\n  // Derived rather than read straight from state: the render that discovers\n  // the key change still reaches the query below, and a list with no page 1\n  // must never be requested at page 2.\n  const page = pageState.queryKey === queryKey ? pageState.page : 1;\n\n  if (pageState.queryKey !== queryKey) {\n    setPageState({ queryKey, page: 1 });\n  }\n\n  const { currentData, isLoading, isFetching, error, startedTimeStamp, fulfilledTimeStamp } =\n    useGetAssetsQuery(\n      {\n        ...queryArgs,\n        page,\n        pageSize: PAGE_SIZE,\n      },\n      { skip: !enabled }\n    );\n\n  const isSameQuery = accumulated.queryKey === queryKey;\n\n  // `currentData` is only ever the payload for the args just passed, so it\n  // belongs to this key at this page — nothing to infer. Its reference is\n  // stable per cache entry, so this settles after one extra render.\n  if (currentData && (!isSameQuery || accumulated.pages[page] !== currentData.results)) {\n    setAccumulated(\n      isSameQuery\n        ? {\n            ...accumulated,\n            pages: { ...accumulated.pages, [page]: currentData.results },\n            pagination: currentData.pagination,\n          }\n        : {\n            queryKey,\n            listKey,\n            pages: { [page]: currentData.results },\n            pagination: currentData.pagination,\n          }\n    );\n  }\n\n  // Merges a refetched earlier page back into the accumulator. Ignores reports\n  // for a superseded query, and no-ops when the reference is unchanged so a\n  // subscriber re-reporting its already-stored page can't loop.\n  const handlePageRefreshed = useCallback<PageRefreshedHandler>(\n    (refreshedPage, results) => {\n      setAccumulated((prev) => {\n        if (prev.queryKey !== queryKey || prev.pages[refreshedPage] === results) {\n          return prev;\n        }\n\n        return { ...prev, pages: { ...prev.pages, [refreshedPage]: results } };\n      });\n    },\n    [queryKey]\n  );\n\n  // One subscriber per earlier page (the current page is already subscribed by\n  // the query above). Keyed by queryKey so a folder/sort/search change remounts\n  // them against the new args instead of reusing a stale cache entry.\n  // `createElement` rather than JSX so this stays a plain `.ts` hook file.\n  const subscribers = createElement(\n    Fragment,\n    null,\n    Array.from({ length: Math.max(0, page - 1) }, (_, index) => index + 1).map((earlierPage) =>\n      createElement(PageSubscriber, {\n        key: `${queryKey}:${earlierPage}`,\n        queryArgs,\n        page: earlierPage,\n        onRefreshed: handlePageRefreshed,\n      })\n    )\n  );\n\n  // Drop the left folder's cached `getAssets` pages when the folder changes.\n  //\n  // RTK Query 1.9.7 leaves a query's store subscription in place when its last\n  // subscriber unmounts while a refetch is still in flight — e.g. a delete\n  // invalidates `{Asset, LIST}`, every loaded page starts refetching, and the\n  // user navigates away before those settle. Those stale subscriptions make the\n  // next `{Asset, LIST}` invalidation (an upload in the new folder) refetch the\n  // *previous* folder's pages: one bogus `/upload/files` request per loaded\n  // page. There is no public per-entry unsubscribe, so evict the left folder's\n  // entries outright — returning reloads from page 1, which the accumulator\n  // already does on a list change.\n  const dispatch = useDispatch();\n  const store = useStore();\n  const prevFolderRef = useRef(folder);\n  useEffect(() => {\n    const prevFolder = prevFolderRef.current;\n    prevFolderRef.current = folder;\n    if (prevFolder === folder) {\n      return;\n    }\n\n    const apiState = (store.getState() as Record<string, { queries?: Record<string, unknown> }>)[\n      uploadApi.reducerPath\n    ];\n    const removeQueryResult = (\n      uploadApi as unknown as {\n        internalActions: {\n          removeQueryResult: (payload: { queryCacheKey: string }) => { type: string };\n        };\n      }\n    ).internalActions.removeQueryResult;\n\n    Object.keys(apiState?.queries ?? {}).forEach((cacheKey) => {\n      if (!cacheKey.startsWith('getAssets(')) {\n        return;\n      }\n      let args: { folder?: number | null };\n      try {\n        args = JSON.parse(cacheKey.slice('getAssets('.length, -1));\n      } catch {\n        return;\n      }\n      if (args.folder === prevFolder) {\n        dispatch(removeQueryResult({ queryCacheKey: cacheKey }));\n      }\n    });\n  }, [folder, dispatch, store]);\n\n  // Until the new list's first page lands the accumulator still holds the\n  // previous folder. Reported as loading so the page shows a spinner instead\n  // of the outgoing folder's assets under the incoming folder's header.\n  const isChangingList = accumulated.listKey !== listKey;\n\n  const loadedAssets = useMemo(\n    () => (isChangingList ? [] : flattenPages(accumulated.pages)),\n    [isChangingList, accumulated.pages]\n  );\n\n  // Deliberately the live value, not the stale-tolerant one below: paging must\n  // never be driven by a total that belongs to the previous query.\n  const hasNextPage = currentData ? page < currentData.pagination.pageCount : false;\n\n  const completedUploads = useTypedSelector(selectCompletedUploads);\n\n  // Only an unfiltered, unsearched list can place an upload locally: deciding\n  // whether an asset satisfies a filter means reimplementing the server's\n  // filter semantics client-side. Filtered views still refresh on the\n  // end-of-batch invalidation, as they did before.\n  const canPlaceUploads = !search && (filters?.length ?? 0) === 0;\n\n  // When the loaded data came back from a request that started after a given\n  // upload — i.e. the server had already stored it when asked. Past that point\n  // the list is the authority on whether the asset is there at all, so bridging\n  // must stop: otherwise a later delete or move, which refetches without it,\n  // would have it re-inserted.\n  const listAnsweredAfter =\n    fulfilledTimeStamp !== undefined &&\n    startedTimeStamp !== undefined &&\n    // A refetch in flight leaves `fulfilledTimeStamp` on the previous response,\n    // which predates this request — so only settled data counts.\n    fulfilledTimeStamp > startedTimeStamp\n      ? startedTimeStamp\n      : undefined;\n\n  const assets = useMemo(() => {\n    if (!canPlaceUploads || completedUploads.length === 0) {\n      return loadedAssets;\n    }\n\n    const bridging = completedUploads.filter(\n      ({ asset, completedAt }) =>\n        getRelationId(asset.folder) === folder &&\n        (listAnsweredAfter === undefined || completedAt > listAnsweredAfter)\n    );\n\n    return mergeUploadedAssets({\n      assets: loadedAssets,\n      uploaded: bridging.map(({ asset }) => asset),\n      sort,\n      hasNextPage,\n    });\n  }, [\n    canPlaceUploads,\n    completedUploads,\n    loadedAssets,\n    folder,\n    sort,\n    hasNextPage,\n    listAnsweredAfter,\n  ]);\n  const isFetchingMore = isFetching && page > 1;\n\n  const fetchNextPage = useCallback(() => {\n    setPageState((prev) => ({\n      queryKey,\n      page: (prev.queryKey === queryKey ? prev.page : 1) + 1,\n    }));\n  }, [queryKey]);\n\n  if (!enabled) {\n    return {\n      assets: [] as File[],\n      // No list to keep fresh while disabled, so nothing to subscribe.\n      subscribers: null,\n      pagination: undefined,\n      isLoading: false,\n      isFetchingMore: false,\n      hasNextPage: false,\n      fetchNextPage,\n      error: undefined,\n    };\n  }\n\n  return {\n    assets,\n    subscribers,\n    // Falls back to the accumulated total so a consumer showing the count\n    // doesn't flash zero mid-transition, matching the possibly stale `assets`.\n    pagination: currentData?.pagination ?? accumulated.pagination,\n    isLoading: isLoading || isChangingList,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    error,\n  };\n};\n\nexport { useInfiniteAssets };\nexport { PAGE_SIZE };\n"],"names":["PAGE_SIZE","flattenPages","pages","byId","Map","page","Object","keys","map","Number","sort","a","b","asset","set","id","values","PageSubscriber","queryArgs","onRefreshed","currentData","useGetAssetsQuery","pageSize","results","useEffect","useInfiniteAssets","folder","search","filters","enabled","queryKey","JSON","stringify","listKey","pageState","setPageState","useState","accumulated","setAccumulated","isLoading","isFetching","error","startedTimeStamp","fulfilledTimeStamp","skip","isSameQuery","pagination","handlePageRefreshed","useCallback","refreshedPage","prev","subscribers","createElement","Fragment","Array","from","length","Math","max","_","index","earlierPage","key","dispatch","useDispatch","store","useStore","prevFolderRef","useRef","prevFolder","current","apiState","getState","uploadApi","reducerPath","removeQueryResult","internalActions","queries","forEach","cacheKey","startsWith","args","parse","slice","queryCacheKey","isChangingList","loadedAssets","useMemo","hasNextPage","pageCount","completedUploads","useTypedSelector","selectCompletedUploads","canPlaceUploads","listAnsweredAfter","undefined","assets","bridging","filter","completedAt","getRelationId","mergeUploadedAssets","uploaded","isFetchingMore","fetchNextPage"],"mappings":"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"}
+{"version":3,"file":"useInfiniteAssets.js","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useInfiniteAssets.ts"],"sourcesContent":["import { createElement, Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useDispatch, useStore } from 'react-redux';\n\nimport { uploadApi } from '../../../services/api';\nimport { useGetAssetsQuery } from '../../../services/assets';\nimport { useTypedSelector } from '../../../store/hooks';\nimport { selectCompletedUploads } from '../../../store/uploadProgress';\nimport { getRelationId } from '../../../utils/getRelationId';\nimport { mergeUploadedAssets } from '../utils/mergeUploadedAssets';\n\nimport type { File, Pagination } from '../../../../../../shared/contracts/files';\n\nconst PAGE_SIZE = 20;\n\n/**\n * How many list views keep their loaded pages in memory.\n */\nconst MAX_REMEMBERED_LISTS = 10;\n\ninterface UseInfiniteAssetsOptions {\n  folder?: number | null;\n  sort?: string;\n  search?: string;\n  /** Extra `filters[$and]` entries for the files query. */\n  filters?: Record<string, unknown>[];\n  /** Structural switch: an `is [folder]`-only type badge means no file can match. */\n  enabled?: boolean;\n}\n\ninterface QueryArgs {\n  folder: number | null;\n  sort?: string;\n  search?: string;\n  filters?: Record<string, unknown>[];\n}\n\n/**\n * Everything loaded for one query identity.\n *\n * `queryKey` lags the live key while a new query is in flight — that lag is\n * what keeps the previous results on screen across a search change.\n */\ninterface Accumulated {\n  queryKey: string;\n  listKey: string;\n  pages: Record<number, File[]>;\n  pagination?: Pagination;\n}\n\ninterface PageState {\n  queryKey: string;\n  page: number;\n}\n\ntype PageRefreshedHandler = (page: number, results: File[]) => void;\n\n/**\n * Concatenates the pages in ascending order, one entry per asset id.\n *\n * `Map.set` keeps the first insertion position but takes the latest value, so\n * an asset that moved between pages after a mutation holds its place and shows\n * fresh data instead of rendering twice under a duplicate key.\n */\nconst flattenPages = (pages: Record<number, File[]>): File[] => {\n  const byId = new Map<number, File>();\n\n  for (const page of Object.keys(pages)\n    .map(Number)\n    .sort((a, b) => a - b)) {\n    for (const asset of pages[page]) {\n      byId.set(asset.id, asset);\n    }\n  }\n\n  return [...byId.values()];\n};\n\n/**\n * The highest page an accumulator holds — where the list was last read to, and\n * so where to resume from on the way back.\n */\nconst deepestPage = (pages: Record<number, File[]>): number =>\n  Object.keys(pages).reduce((deepest, key) => Math.max(deepest, Number(key)), 1);\n\n/**\n * Keeps one earlier page's `getAssets` query subscribed and reports its results\n * back up whenever they change.\n *\n * The hook itself only subscribes the current (latest) page. Without these, a\n * mutation invalidating `{Asset, LIST}` refetches that page alone and earlier\n * pages stay frozen — a rename or delete on an earlier page never reaches the\n * list until a folder/sort/search change. One subscriber per earlier\n * page keeps them all subscribed so the invalidation refetches the whole list.\n * Renders nothing; it exists only for the subscription + `onRefreshed` report.\n */\nconst PageSubscriber = ({\n  queryArgs,\n  page,\n  onRefreshed,\n}: {\n  queryArgs: QueryArgs;\n  page: number;\n  onRefreshed: PageRefreshedHandler;\n}) => {\n  const { currentData } = useGetAssetsQuery({ ...queryArgs, page, pageSize: PAGE_SIZE });\n  const results = currentData?.results;\n\n  useEffect(() => {\n    if (results) {\n      onRefreshed(page, results);\n    }\n    // `results` is a stable reference per cache entry, so this only re-reports\n    // when a refetch actually replaces the page's data. Reporting the same\n    // reference the accumulator already holds is a no-op (see `onRefreshed`).\n  }, [results, page, onRefreshed]);\n\n  return null;\n};\n\n/**\n * Infinite scroll over `/upload/files`, keeping one accumulated slot per page.\n *\n * The caller MUST render the returned `subscribers` node — that is what keeps\n * every loaded page subscribed, so `{Asset, LIST}` invalidations keep the whole\n * list consistent rather than only the current page.\n *\n * Loaded pages survive navigating away and back: each list's accumulator is\n * remembered (LRU, `MAX_REMEMBERED_LISTS`) and restored when its key returns, so\n * stepping into a subfolder and back out keeps the rows the user scrolled for.\n */\nconst useInfiniteAssets = ({\n  folder = null,\n  sort,\n  search,\n  filters,\n  enabled = true,\n}: UseInfiniteAssetsOptions = {}) => {\n  // Derived from the request args themselves, so a new filter can't reach the\n  // API without also invalidating what was accumulated under the old one.\n  const queryArgs: QueryArgs = { folder, sort, search, filters };\n  const queryKey = JSON.stringify(queryArgs);\n  // Identifies the list being viewed, ignoring the search term. Folder, sort\n  // and filter changes are single committed actions, so one clean reset per\n  // change is honest. Search is committed per keystroke on a 300ms debounce,\n  // and blanking the list on each one would strobe as the user types.\n  // The cost: through the search window the previous rows stay rendered and\n  // `hasNextPage` is false, so the list reads as complete until page 1 lands.\n  const listKey = JSON.stringify({ folder, sort, filters });\n\n  const [pageState, setPageState] = useState<PageState>({ queryKey, page: 1 });\n  const [accumulated, setAccumulated] = useState<Accumulated>({ queryKey, listKey, pages: {} });\n\n  // Each list's loaded pages, kept across navigation away from it.\n  const memoryRef = useRef(new Map<string, Accumulated>());\n\n  const isNewList = pageState.queryKey !== queryKey;\n\n  const remembered = isNewList ? memoryRef.current.get(queryKey) : undefined;\n\n  // Derived rather than read from state: the render that discovers the key\n  // change still reaches the query below, and a list with no page 1 must never\n  // be requested at page 2. A remembered list always holds page 1, so resuming\n  // at its deepest page can't skip one.\n  let page: number;\n  if (!isNewList) {\n    page = pageState.page;\n  } else if (remembered) {\n    page = deepestPage(remembered.pages);\n  } else {\n    page = 1;\n  }\n\n  if (isNewList) {\n    setPageState({ queryKey, page });\n\n    if (remembered) {\n      setAccumulated(remembered);\n    }\n  }\n\n  const { currentData, isLoading, isFetching, error, startedTimeStamp, fulfilledTimeStamp } =\n    useGetAssetsQuery(\n      {\n        ...queryArgs,\n        page,\n        pageSize: PAGE_SIZE,\n      },\n      { skip: !enabled }\n    );\n\n  const isSameQuery = accumulated.queryKey === queryKey;\n\n  // `currentData` is only ever the payload for the args just passed, so it\n  // belongs to this key at this page — nothing to infer. Its reference is\n  // stable per cache entry, so this settles after one extra render.\n  if (\n    // A restore already set the accumulator from memory; don't overwrite it.\n    !remembered &&\n    currentData &&\n    (!isSameQuery || accumulated.pages[page] !== currentData.results)\n  ) {\n    setAccumulated(\n      isSameQuery\n        ? {\n            ...accumulated,\n            pages: { ...accumulated.pages, [page]: currentData.results },\n            pagination: currentData.pagination,\n          }\n        : {\n            queryKey,\n            listKey,\n            pages: { [page]: currentData.results },\n            pagination: currentData.pagination,\n          }\n    );\n  }\n\n  // Merges a refetched earlier page back into the accumulator. Ignores reports\n  // for a superseded query, and no-ops when the reference is unchanged so a\n  // subscriber re-reporting its already-stored page can't loop.\n  const handlePageRefreshed = useCallback<PageRefreshedHandler>(\n    (refreshedPage, results) => {\n      setAccumulated((prev) => {\n        if (prev.queryKey !== queryKey || prev.pages[refreshedPage] === results) {\n          return prev;\n        }\n\n        return { ...prev, pages: { ...prev.pages, [refreshedPage]: results } };\n      });\n    },\n    [queryKey]\n  );\n\n  // One subscriber per earlier page (the current page is already subscribed by\n  // the query above). Keyed by queryKey so a folder/sort/search change remounts\n  // them against the new args instead of reusing a stale cache entry.\n  // `createElement` rather than JSX so this stays a plain `.ts` hook file.\n  const subscribers = createElement(\n    Fragment,\n    null,\n    Array.from({ length: Math.max(0, page - 1) }, (_, index) => index + 1).map((earlierPage) =>\n      createElement(PageSubscriber, {\n        key: `${queryKey}:${earlierPage}`,\n        queryArgs,\n        page: earlierPage,\n        onRefreshed: handlePageRefreshed,\n      })\n    )\n  );\n\n  // Remember what this list has read, so leaving it isn't forgetting it. Filed\n  // under `accumulated.queryKey`, not the live `queryKey`: the accumulator names\n  // the list it belongs to, so an entry still describing the list being left\n  // can't be misfiled under the one being entered.\n  useEffect(() => {\n    if (Object.keys(accumulated.pages).length === 0) {\n      return;\n    }\n\n    const memory = memoryRef.current;\n    // Delete before set so the entry moves to the end. Map iterates in\n    // insertion order, so the first key is the least recently used.\n    memory.delete(accumulated.queryKey);\n    memory.set(accumulated.queryKey, accumulated);\n\n    while (memory.size > MAX_REMEMBERED_LISTS) {\n      const oldest = memory.keys().next();\n\n      if (oldest.done) {\n        break;\n      }\n\n      memory.delete(oldest.value);\n    }\n  }, [accumulated]);\n\n  // Drop the left folder's cached `getAssets` pages when the folder changes.\n  //\n  // RTK Query 1.9.7 leaves a query's store subscription in place when its last\n  // subscriber unmounts while a refetch is still in flight — e.g. a delete\n  // invalidates `{Asset, LIST}`, every loaded page starts refetching, and the\n  // user navigates away before those settle. Those stale subscriptions make the\n  // next `{Asset, LIST}` invalidation (an upload in the new folder) refetch the\n  // *previous* folder's pages: one bogus `/upload/files` request per loaded\n  // page. There is no public per-entry unsubscribe, so evict the left folder's\n  // entries outright. Returning then re-reads every page it had loaded, but the\n  // rows come straight back from the accumulator memory above — so those\n  // requests refresh a list already on screen rather than being waited on.\n  const dispatch = useDispatch();\n  const store = useStore();\n  const prevFolderRef = useRef(folder);\n  useEffect(() => {\n    const prevFolder = prevFolderRef.current;\n    prevFolderRef.current = folder;\n    if (prevFolder === folder) {\n      return;\n    }\n\n    const apiState = (store.getState() as Record<string, { queries?: Record<string, unknown> }>)[\n      uploadApi.reducerPath\n    ];\n    const removeQueryResult = (\n      uploadApi as unknown as {\n        internalActions: {\n          removeQueryResult: (payload: { queryCacheKey: string }) => { type: string };\n        };\n      }\n    ).internalActions.removeQueryResult;\n\n    Object.keys(apiState?.queries ?? {}).forEach((cacheKey) => {\n      if (!cacheKey.startsWith('getAssets(')) {\n        return;\n      }\n      let args: { folder?: number | null };\n      try {\n        args = JSON.parse(cacheKey.slice('getAssets('.length, -1));\n      } catch {\n        return;\n      }\n      if (args.folder === prevFolder) {\n        dispatch(removeQueryResult({ queryCacheKey: cacheKey }));\n      }\n    });\n  }, [folder, dispatch, store]);\n\n  // Until the new list's first page lands the accumulator still holds the\n  // previous folder. Reported as loading so the page shows a spinner instead\n  // of the outgoing folder's assets under the incoming folder's header.\n  const isChangingList = accumulated.listKey !== listKey;\n\n  const loadedAssets = useMemo(\n    () => (isChangingList ? [] : flattenPages(accumulated.pages)),\n    [isChangingList, accumulated.pages]\n  );\n\n  // Deliberately the live value, not the stale-tolerant one below: paging must\n  // never be driven by a total that belongs to the previous query.\n  const hasNextPage = currentData ? page < currentData.pagination.pageCount : false;\n\n  const completedUploads = useTypedSelector(selectCompletedUploads);\n\n  // Only an unfiltered, unsearched list can place an upload locally: deciding\n  // whether an asset satisfies a filter means reimplementing the server's\n  // filter semantics client-side. Filtered views still refresh on the\n  // end-of-batch invalidation, as they did before.\n  const canPlaceUploads = !search && (filters?.length ?? 0) === 0;\n\n  // When the loaded data came back from a request that started after a given\n  // upload — i.e. the server had already stored it when asked. Past that point\n  // the list is the authority on whether the asset is there at all, so bridging\n  // must stop: otherwise a later delete or move, which refetches without it,\n  // would have it re-inserted.\n  const listAnsweredAfter =\n    fulfilledTimeStamp !== undefined &&\n    startedTimeStamp !== undefined &&\n    // A refetch in flight leaves `fulfilledTimeStamp` on the previous response,\n    // which predates this request — so only settled data counts.\n    fulfilledTimeStamp > startedTimeStamp\n      ? startedTimeStamp\n      : undefined;\n\n  const assets = useMemo(() => {\n    if (!canPlaceUploads || completedUploads.length === 0) {\n      return loadedAssets;\n    }\n\n    const bridging = completedUploads.filter(\n      ({ asset, completedAt }) =>\n        getRelationId(asset.folder) === folder &&\n        (listAnsweredAfter === undefined || completedAt > listAnsweredAfter)\n    );\n\n    return mergeUploadedAssets({\n      assets: loadedAssets,\n      uploaded: bridging.map(({ asset }) => asset),\n      sort,\n      hasNextPage,\n    });\n  }, [\n    canPlaceUploads,\n    completedUploads,\n    loadedAssets,\n    folder,\n    sort,\n    hasNextPage,\n    listAnsweredAfter,\n  ]);\n  const isFetchingMore = isFetching && page > 1;\n\n  // A restored list already has rows on screen, so re-reading its current page\n  // is a background refresh — reporting it as loading would swap those rows for\n  // a spinner. Only an empty list has nothing better to show.\n  const isLoadingList = isChangingList || (isLoading && assets.length === 0);\n\n  const fetchNextPage = useCallback(() => {\n    setPageState((prev) => ({\n      queryKey,\n      page: (prev.queryKey === queryKey ? prev.page : 1) + 1,\n    }));\n  }, [queryKey]);\n\n  if (!enabled) {\n    return {\n      assets: [] as File[],\n      // No list to keep fresh while disabled, so nothing to subscribe.\n      subscribers: null,\n      pagination: undefined,\n      isLoading: false,\n      isFetchingMore: false,\n      hasNextPage: false,\n      fetchNextPage,\n      error: undefined,\n    };\n  }\n\n  return {\n    assets,\n    subscribers,\n    // Falls back to the accumulated total so a consumer showing the count\n    // doesn't flash zero mid-transition, matching the possibly stale `assets`.\n    pagination: currentData?.pagination ?? accumulated.pagination,\n    isLoading: isLoadingList,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    error,\n  };\n};\n\nexport { useInfiniteAssets };\nexport { PAGE_SIZE };\n"],"names":["PAGE_SIZE","MAX_REMEMBERED_LISTS","flattenPages","pages","byId","Map","page","Object","keys","map","Number","sort","a","b","asset","set","id","values","deepestPage","reduce","deepest","key","Math","max","PageSubscriber","queryArgs","onRefreshed","currentData","useGetAssetsQuery","pageSize","results","useEffect","useInfiniteAssets","folder","search","filters","enabled","queryKey","JSON","stringify","listKey","pageState","setPageState","useState","accumulated","setAccumulated","memoryRef","useRef","isNewList","remembered","current","get","undefined","isLoading","isFetching","error","startedTimeStamp","fulfilledTimeStamp","skip","isSameQuery","pagination","handlePageRefreshed","useCallback","refreshedPage","prev","subscribers","createElement","Fragment","Array","from","length","_","index","earlierPage","memory","delete","size","oldest","next","done","value","dispatch","useDispatch","store","useStore","prevFolderRef","prevFolder","apiState","getState","uploadApi","reducerPath","removeQueryResult","internalActions","queries","forEach","cacheKey","startsWith","args","parse","slice","queryCacheKey","isChangingList","loadedAssets","useMemo","hasNextPage","pageCount","completedUploads","useTypedSelector","selectCompletedUploads","canPlaceUploads","listAnsweredAfter","assets","bridging","filter","completedAt","getRelationId","mergeUploadedAssets","uploaded","isFetchingMore","isLoadingList","fetchNextPage"],"mappings":"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"}