@strapi/upload 5.48.1 → 5.50.0

package/dist/admin/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { getTrad } from './utils';\n\nexport enum AssetSource {\n  Url = 'url',\n  Computer = 'computer',\n}\n\nexport const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::upload.read', subject: null },\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n    {\n      action: 'plugin::upload.assets.update',\n      subject: null,\n    },\n  ],\n  copyLink: [\n    {\n      action: 'plugin::upload.assets.copy-link',\n      subject: null,\n    },\n  ],\n  create: [\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n  ],\n  download: [\n    {\n      action: 'plugin::upload.assets.download',\n      subject: null,\n    },\n  ],\n  read: [{ action: 'plugin::upload.read', subject: null }],\n  configureView: [{ action: 'plugin::upload.configure-view', subject: null }],\n  settings: [{ action: 'plugin::upload.settings.read', subject: null }],\n  update: [{ action: 'plugin::upload.assets.update', subject: null, fields: null }],\n};\n\nexport const tableHeaders = [\n  {\n    name: 'preview',\n    key: 'preview',\n    metadatas: {\n      label: { id: getTrad('list.table.header.preview'), defaultMessage: 'preview' },\n      isSortable: false,\n    },\n    type: 'image',\n  },\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: { id: getTrad('list.table.header.name'), defaultMessage: 'name' },\n      isSortable: true,\n    },\n    type: 'text',\n  },\n  {\n    name: 'ext',\n    key: 'extension',\n    metadatas: {\n      label: { id: getTrad('list.table.header.ext'), defaultMessage: 'extension' },\n      isSortable: false,\n    },\n    type: 'ext',\n  },\n  {\n    name: 'size',\n    key: 'size',\n    metadatas: {\n      label: { id: getTrad('list.table.header.size'), defaultMessage: 'size' },\n      isSortable: false,\n    },\n    type: 'size',\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.createdAt'), defaultMessage: 'created' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n  {\n    name: 'updatedAt',\n    key: 'updatedAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.updatedAt'), defaultMessage: 'last update' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n];\n\nexport const sortOptions = [\n  { key: 'sort.created_at_desc', value: 'createdAt:DESC' },\n  { key: 'sort.created_at_asc', value: 'createdAt:ASC' },\n  { key: 'sort.name_asc', value: 'name:ASC' },\n  { key: 'sort.name_desc', value: 'name:DESC' },\n  { key: 'sort.updated_at_desc', value: 'updatedAt:DESC' },\n  { key: 'sort.updated_at_asc', value: 'updatedAt:ASC' },\n];\n\nexport const pageSizes = [10, 20, 50, 100];\n\nexport const localStorageKeys = {\n  modalView: `STRAPI_UPLOAD_MODAL_VIEW`,\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  LIST: 1,\n};\n"],"names":["AssetSource","PERMISSIONS","main","action","subject","copyLink","create","download","read","configureView","settings","update","fields","tableHeaders","name","key","metadatas","label","id","getTrad","defaultMessage","isSortable","type","sortOptions","value","pageSizes","localStorageKeys","modalView","view","viewOptions","GRID","LIST"],"mappings":"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"}
+{"version":3,"file":"constants.js","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { getTrad } from './utils';\n\nexport const ASSET_SOURCES = {\n  Url: 'url',\n  Computer: 'computer',\n} as const;\n\nexport type AssetSource = (typeof ASSET_SOURCES)[keyof typeof ASSET_SOURCES];\n\nexport const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::upload.read', subject: null },\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n    {\n      action: 'plugin::upload.assets.update',\n      subject: null,\n    },\n  ],\n  copyLink: [\n    {\n      action: 'plugin::upload.assets.copy-link',\n      subject: null,\n    },\n  ],\n  create: [\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n  ],\n  download: [\n    {\n      action: 'plugin::upload.assets.download',\n      subject: null,\n    },\n  ],\n  read: [{ action: 'plugin::upload.read', subject: null }],\n  configureView: [{ action: 'plugin::upload.configure-view', subject: null }],\n  settings: [{ action: 'plugin::upload.settings.read', subject: null }],\n  update: [{ action: 'plugin::upload.assets.update', subject: null, fields: null }],\n};\n\nexport const tableHeaders = [\n  {\n    name: 'preview',\n    key: 'preview',\n    metadatas: {\n      label: { id: getTrad('list.table.header.preview'), defaultMessage: 'preview' },\n      isSortable: false,\n    },\n    type: 'image',\n  },\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: { id: getTrad('list.table.header.name'), defaultMessage: 'name' },\n      isSortable: true,\n    },\n    type: 'text',\n  },\n  {\n    name: 'ext',\n    key: 'extension',\n    metadatas: {\n      label: { id: getTrad('list.table.header.ext'), defaultMessage: 'extension' },\n      isSortable: false,\n    },\n    type: 'ext',\n  },\n  {\n    name: 'size',\n    key: 'size',\n    metadatas: {\n      label: { id: getTrad('list.table.header.size'), defaultMessage: 'size' },\n      isSortable: false,\n    },\n    type: 'size',\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.createdAt'), defaultMessage: 'created' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n  {\n    name: 'updatedAt',\n    key: 'updatedAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.updatedAt'), defaultMessage: 'last update' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n];\n\nexport const sortOptions = [\n  { key: 'sort.created_at_desc', value: 'createdAt:DESC' },\n  { key: 'sort.created_at_asc', value: 'createdAt:ASC' },\n  { key: 'sort.name_asc', value: 'name:ASC' },\n  { key: 'sort.name_desc', value: 'name:DESC' },\n  { key: 'sort.updated_at_desc', value: 'updatedAt:DESC' },\n  { key: 'sort.updated_at_asc', value: 'updatedAt:ASC' },\n];\n\nexport const pageSizes = [10, 20, 50, 100];\n\nexport const localStorageKeys = {\n  modalView: `STRAPI_UPLOAD_MODAL_VIEW`,\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  LIST: 1,\n};\n"],"names":["ASSET_SOURCES","Computer","PERMISSIONS","main","action","subject","copyLink","create","download","read","configureView","settings","update","fields","tableHeaders","name","key","metadatas","label","id","getTrad","defaultMessage","isSortable","type","sortOptions","value","pageSizes","localStorageKeys","modalView","view","viewOptions","GRID","LIST"],"mappings":"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"}

package/dist/admin/constants.mjs

@@ -2,14 +2,11 @@ import 'byte-size';
 import 'date-fns';
 import { getTrad } from './utils/getTrad.mjs';
 import 'qs';
-import './utils/typeFromMime.mjs';
 import './utils/urlYupSchema.mjs';
 
-var AssetSource = /*#__PURE__*/ function(AssetSource) {
-    AssetSource["Url"] = "url";
-    AssetSource["Computer"] = "computer";
-    return AssetSource;
-}({});
+const ASSET_SOURCES = {
+    Computer: 'computer'
+};
 const PERMISSIONS = {
     // This permission regards the main component (App) and is used to tell
     // If the plugin link should be displayed in the menu
@@ -188,5 +185,5 @@ const viewOptions = {
     LIST: 1
 };
 
-export { AssetSource, PERMISSIONS, localStorageKeys, pageSizes, sortOptions, tableHeaders, viewOptions };
+export { ASSET_SOURCES, PERMISSIONS, localStorageKeys, pageSizes, sortOptions, tableHeaders, viewOptions };
 //# sourceMappingURL=constants.mjs.map

package/dist/admin/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { getTrad } from './utils';\n\nexport enum AssetSource {\n  Url = 'url',\n  Computer = 'computer',\n}\n\nexport const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::upload.read', subject: null },\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n    {\n      action: 'plugin::upload.assets.update',\n      subject: null,\n    },\n  ],\n  copyLink: [\n    {\n      action: 'plugin::upload.assets.copy-link',\n      subject: null,\n    },\n  ],\n  create: [\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n  ],\n  download: [\n    {\n      action: 'plugin::upload.assets.download',\n      subject: null,\n    },\n  ],\n  read: [{ action: 'plugin::upload.read', subject: null }],\n  configureView: [{ action: 'plugin::upload.configure-view', subject: null }],\n  settings: [{ action: 'plugin::upload.settings.read', subject: null }],\n  update: [{ action: 'plugin::upload.assets.update', subject: null, fields: null }],\n};\n\nexport const tableHeaders = [\n  {\n    name: 'preview',\n    key: 'preview',\n    metadatas: {\n      label: { id: getTrad('list.table.header.preview'), defaultMessage: 'preview' },\n      isSortable: false,\n    },\n    type: 'image',\n  },\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: { id: getTrad('list.table.header.name'), defaultMessage: 'name' },\n      isSortable: true,\n    },\n    type: 'text',\n  },\n  {\n    name: 'ext',\n    key: 'extension',\n    metadatas: {\n      label: { id: getTrad('list.table.header.ext'), defaultMessage: 'extension' },\n      isSortable: false,\n    },\n    type: 'ext',\n  },\n  {\n    name: 'size',\n    key: 'size',\n    metadatas: {\n      label: { id: getTrad('list.table.header.size'), defaultMessage: 'size' },\n      isSortable: false,\n    },\n    type: 'size',\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.createdAt'), defaultMessage: 'created' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n  {\n    name: 'updatedAt',\n    key: 'updatedAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.updatedAt'), defaultMessage: 'last update' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n];\n\nexport const sortOptions = [\n  { key: 'sort.created_at_desc', value: 'createdAt:DESC' },\n  { key: 'sort.created_at_asc', value: 'createdAt:ASC' },\n  { key: 'sort.name_asc', value: 'name:ASC' },\n  { key: 'sort.name_desc', value: 'name:DESC' },\n  { key: 'sort.updated_at_desc', value: 'updatedAt:DESC' },\n  { key: 'sort.updated_at_asc', value: 'updatedAt:ASC' },\n];\n\nexport const pageSizes = [10, 20, 50, 100];\n\nexport const localStorageKeys = {\n  modalView: `STRAPI_UPLOAD_MODAL_VIEW`,\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  LIST: 1,\n};\n"],"names":["AssetSource","PERMISSIONS","main","action","subject","copyLink","create","download","read","configureView","settings","update","fields","tableHeaders","name","key","metadatas","label","id","getTrad","defaultMessage","isSortable","type","sortOptions","value","pageSizes","localStorageKeys","modalView","view","viewOptions","GRID","LIST"],"mappings":"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"}
+{"version":3,"file":"constants.mjs","sources":["../../admin/src/constants.ts"],"sourcesContent":["import { getTrad } from './utils';\n\nexport const ASSET_SOURCES = {\n  Url: 'url',\n  Computer: 'computer',\n} as const;\n\nexport type AssetSource = (typeof ASSET_SOURCES)[keyof typeof ASSET_SOURCES];\n\nexport const PERMISSIONS = {\n  // This permission regards the main component (App) and is used to tell\n  // If the plugin link should be displayed in the menu\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\n  // plugin directly in the browser\n  main: [\n    { action: 'plugin::upload.read', subject: null },\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n    {\n      action: 'plugin::upload.assets.update',\n      subject: null,\n    },\n  ],\n  copyLink: [\n    {\n      action: 'plugin::upload.assets.copy-link',\n      subject: null,\n    },\n  ],\n  create: [\n    {\n      action: 'plugin::upload.assets.create',\n      subject: null,\n    },\n  ],\n  download: [\n    {\n      action: 'plugin::upload.assets.download',\n      subject: null,\n    },\n  ],\n  read: [{ action: 'plugin::upload.read', subject: null }],\n  configureView: [{ action: 'plugin::upload.configure-view', subject: null }],\n  settings: [{ action: 'plugin::upload.settings.read', subject: null }],\n  update: [{ action: 'plugin::upload.assets.update', subject: null, fields: null }],\n};\n\nexport const tableHeaders = [\n  {\n    name: 'preview',\n    key: 'preview',\n    metadatas: {\n      label: { id: getTrad('list.table.header.preview'), defaultMessage: 'preview' },\n      isSortable: false,\n    },\n    type: 'image',\n  },\n  {\n    name: 'name',\n    key: 'name',\n    metadatas: {\n      label: { id: getTrad('list.table.header.name'), defaultMessage: 'name' },\n      isSortable: true,\n    },\n    type: 'text',\n  },\n  {\n    name: 'ext',\n    key: 'extension',\n    metadatas: {\n      label: { id: getTrad('list.table.header.ext'), defaultMessage: 'extension' },\n      isSortable: false,\n    },\n    type: 'ext',\n  },\n  {\n    name: 'size',\n    key: 'size',\n    metadatas: {\n      label: { id: getTrad('list.table.header.size'), defaultMessage: 'size' },\n      isSortable: false,\n    },\n    type: 'size',\n  },\n  {\n    name: 'createdAt',\n    key: 'createdAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.createdAt'), defaultMessage: 'created' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n  {\n    name: 'updatedAt',\n    key: 'updatedAt',\n    metadatas: {\n      label: { id: getTrad('list.table.header.updatedAt'), defaultMessage: 'last update' },\n      isSortable: true,\n    },\n    type: 'date',\n  },\n];\n\nexport const sortOptions = [\n  { key: 'sort.created_at_desc', value: 'createdAt:DESC' },\n  { key: 'sort.created_at_asc', value: 'createdAt:ASC' },\n  { key: 'sort.name_asc', value: 'name:ASC' },\n  { key: 'sort.name_desc', value: 'name:DESC' },\n  { key: 'sort.updated_at_desc', value: 'updatedAt:DESC' },\n  { key: 'sort.updated_at_asc', value: 'updatedAt:ASC' },\n];\n\nexport const pageSizes = [10, 20, 50, 100];\n\nexport const localStorageKeys = {\n  modalView: `STRAPI_UPLOAD_MODAL_VIEW`,\n  view: `STRAPI_UPLOAD_LIBRARY_VIEW`,\n};\n\nexport const viewOptions = {\n  GRID: 0,\n  LIST: 1,\n};\n"],"names":["ASSET_SOURCES","Computer","PERMISSIONS","main","action","subject","copyLink","create","download","read","configureView","settings","update","fields","tableHeaders","name","key","metadatas","label","id","getTrad","defaultMessage","isSortable","type","sortOptions","value","pageSizes","localStorageKeys","modalView","view","viewOptions","GRID","LIST"],"mappings":"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"}

package/dist/admin/enums.js

@@ -1,20 +1,18 @@
 'use strict';
 
-var DocType = /*#__PURE__*/ function(DocType) {
-    DocType["Pdf"] = "pdf";
-    DocType["Csv"] = "csv";
-    DocType["Xls"] = "xls";
-    DocType["Zip"] = "zip";
-    return DocType;
-}({});
-var AssetType = /*#__PURE__*/ function(AssetType) {
-    AssetType["Video"] = "video";
-    AssetType["Image"] = "image";
-    AssetType["Document"] = "doc";
-    AssetType["Audio"] = "audio";
-    return AssetType;
-}({});
+const DOC_TYPES = {
+    Pdf: 'pdf',
+    Csv: 'csv',
+    Xls: 'xls',
+    Zip: 'zip'
+};
+const ASSET_TYPES = {
+    Video: 'video',
+    Image: 'image',
+    Document: 'doc',
+    Audio: 'audio'
+};
 
-exports.AssetType = AssetType;
-exports.DocType = DocType;
+exports.ASSET_TYPES = ASSET_TYPES;
+exports.DOC_TYPES = DOC_TYPES;
 //# sourceMappingURL=enums.js.map

package/dist/admin/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../admin/src/enums.ts"],"sourcesContent":["export enum DocType {\n  Pdf = 'pdf',\n  Csv = 'csv',\n  Xls = 'xls',\n  Zip = 'zip',\n}\n\nexport enum AssetType {\n  Video = 'video',\n  Image = 'image',\n  Document = 'doc',\n  Audio = 'audio',\n}\n"],"names":["DocType","AssetType"],"mappings":";;AAAO,IAAA,OAAKA,iBAAAA,SAAAA,OAAAA,EAAAA;;;;;AAAAA,IAAAA,OAAAA,OAAAA;AAKX,CAAA,CAAA,EAAA;AAEM,IAAA,SAAKC,iBAAAA,SAAAA,SAAAA,EAAAA;;;;;AAAAA,IAAAA,OAAAA,SAAAA;AAKX,CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"enums.js","sources":["../../admin/src/enums.ts"],"sourcesContent":["export const DOC_TYPES = {\n  Pdf: 'pdf',\n  Csv: 'csv',\n  Xls: 'xls',\n  Zip: 'zip',\n} as const;\n\nexport type DocType = (typeof DOC_TYPES)[keyof typeof DOC_TYPES];\n\nexport const ASSET_TYPES = {\n  Video: 'video',\n  Image: 'image',\n  Document: 'doc',\n  Audio: 'audio',\n} as const;\n\nexport type AssetType = (typeof ASSET_TYPES)[keyof typeof ASSET_TYPES];\n"],"names":["DOC_TYPES","Pdf","Csv","Xls","Zip","ASSET_TYPES","Video","Image","Document","Audio"],"mappings":";;MAAaA,SAAAA,GAAY;IACvBC,GAAAA,EAAK,KAAA;IACLC,GAAAA,EAAK,KAAA;IACLC,GAAAA,EAAK,KAAA;IACLC,GAAAA,EAAK;AACP;MAIaC,WAAAA,GAAc;IACzBC,KAAAA,EAAO,OAAA;IACPC,KAAAA,EAAO,OAAA;IACPC,QAAAA,EAAU,KAAA;IACVC,KAAAA,EAAO;AACT;;;;;"}

package/dist/admin/enums.mjs

@@ -1,17 +1,15 @@
-var DocType = /*#__PURE__*/ function(DocType) {
-    DocType["Pdf"] = "pdf";
-    DocType["Csv"] = "csv";
-    DocType["Xls"] = "xls";
-    DocType["Zip"] = "zip";
-    return DocType;
-}({});
-var AssetType = /*#__PURE__*/ function(AssetType) {
-    AssetType["Video"] = "video";
-    AssetType["Image"] = "image";
-    AssetType["Document"] = "doc";
-    AssetType["Audio"] = "audio";
-    return AssetType;
-}({});
+const DOC_TYPES = {
+    Pdf: 'pdf',
+    Csv: 'csv',
+    Xls: 'xls',
+    Zip: 'zip'
+};
+const ASSET_TYPES = {
+    Video: 'video',
+    Image: 'image',
+    Document: 'doc',
+    Audio: 'audio'
+};
 
-export { AssetType, DocType };
+export { ASSET_TYPES, DOC_TYPES };
 //# sourceMappingURL=enums.mjs.map

package/dist/admin/enums.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enums.mjs","sources":["../../admin/src/enums.ts"],"sourcesContent":["export enum DocType {\n  Pdf = 'pdf',\n  Csv = 'csv',\n  Xls = 'xls',\n  Zip = 'zip',\n}\n\nexport enum AssetType {\n  Video = 'video',\n  Image = 'image',\n  Document = 'doc',\n  Audio = 'audio',\n}\n"],"names":["DocType","AssetType"],"mappings":"AAAO,IAAA,OAAKA,iBAAAA,SAAAA,OAAAA,EAAAA;;;;;AAAAA,IAAAA,OAAAA,OAAAA;AAKX,CAAA,CAAA,EAAA;AAEM,IAAA,SAAKC,iBAAAA,SAAAA,SAAAA,EAAAA;;;;;AAAAA,IAAAA,OAAAA,SAAAA;AAKX,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"enums.mjs","sources":["../../admin/src/enums.ts"],"sourcesContent":["export const DOC_TYPES = {\n  Pdf: 'pdf',\n  Csv: 'csv',\n  Xls: 'xls',\n  Zip: 'zip',\n} as const;\n\nexport type DocType = (typeof DOC_TYPES)[keyof typeof DOC_TYPES];\n\nexport const ASSET_TYPES = {\n  Video: 'video',\n  Image: 'image',\n  Document: 'doc',\n  Audio: 'audio',\n} as const;\n\nexport type AssetType = (typeof ASSET_TYPES)[keyof typeof ASSET_TYPES];\n"],"names":["DOC_TYPES","Pdf","Csv","Xls","Zip","ASSET_TYPES","Video","Image","Document","Audio"],"mappings":"MAAaA,SAAAA,GAAY;IACvBC,GAAAA,EAAK,KAAA;IACLC,GAAAA,EAAK,KAAA;IACLC,GAAAA,EAAK,KAAA;IACLC,GAAAA,EAAK;AACP;MAIaC,WAAAA,GAAc;IACzBC,KAAAA,EAAO,OAAA;IACPC,KAAAA,EAAO,OAAA;IACPC,QAAAA,EAAU,KAAA;IACVC,KAAAA,EAAO;AACT;;;;"}

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

@@ -8,7 +8,8 @@ var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -25,8 +26,8 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var Dialog__namespace = /*#__PURE__*/_interopNamespaceDefault(Dialog);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
 
 /** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */ const DRAWER_CLOSE_ANIMATION_MS = 300;
 /* -------------------------------------------------------------------------------------------------

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  width: ${({ width }) => width ?? '400px'};\n  max-height: ${({ maxHeight }) => maxHeight ?? '100vh'};\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerBodyProps extends FlexProps {\n  animationDirection?: 'up' | 'left';\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  ({ animationDirection, children, ...props }, ref) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={(e) => e.preventDefault()}\n      onInteractOutside={(e) => e.preventDefault()}\n      data-animation-direction={animationDirection}\n    >\n      <DrawerContainer $animationDirection={animationDirection} {...props}>\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","width","maxHeight","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","DrawerBody","React","forwardRef","animationDirection","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onPointerDownOutside","e","preventDefault","onInteractOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../admin/src/future/components/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Box, ScrollArea, IconButton, Flex, FlexProps } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { keyframes, styled } from 'styled-components';\n\n/** Duration of the close animation in ms. Use for timing cleanup (e.g. removing URL params). */\nexport const DRAWER_CLOSE_ANIMATION_MS = 300;\n\n/* -------------------------------------------------------------------------------------------------\n * Animations\n * -----------------------------------------------------------------------------------------------*/\n\n// Direction: up\nconst slideUpFromBottomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideUpFromBottomOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n`;\n\n// Direction: left\nconst slideLeftFromRightIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideLeftFromRightOut = keyframes`\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Styled components\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerContainerProps {\n  $animationDirection?: DrawerBodyProps['animationDirection'];\n}\n\nconst DrawerContainer = styled(Flex)<DrawerContainerProps>`\n  flex-direction: column;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  padding: ${({ theme }) => theme.spaces[2]};\n  max-width: 100%;\n  /* Sit just below the overlay token (300) so that:\n     - popovers (500) and tooltips (1000) rendered from descendant components\n       surface above the drawer panel,\n     - AlertDialog overlays (300) and contents (310) opened from inside the\n       drawer (e.g. the asset details \"delete\" confirm) cover the drawer. */\n  z-index: 200;\n  overflow: hidden;\n  width: ${({ width }) => width ?? '400px'};\n  max-height: ${({ maxHeight }) => maxHeight ?? '100vh'};\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-state='open'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomIn : slideLeftFromRightIn}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n    }\n\n    &[data-state='closed'] {\n      animation: ${({ $animationDirection }) =>\n          $animationDirection === 'up' ? slideUpFromBottomOut : slideLeftFromRightOut}\n        ${DRAWER_CLOSE_ANIMATION_MS}ms cubic-bezier(0.32, 0.72, 0, 1) forwards;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst DrawerContent = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n  overflow: hidden;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\ninterface CollapsibleContentProps {\n  $isVisible: boolean;\n}\n\nconst CollapsibleContent = styled(Box)<CollapsibleContentProps>`\n  display: grid;\n  flex: 1;\n  min-height: 0;\n  grid-template-rows: ${({ $isVisible }) => ($isVisible ? '1fr' : '0fr')};\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  > div {\n    overflow: hidden;\n    min-height: 0;\n  }\n`;\n\nconst CloseIconButton = styled(IconButton)`\n  &:hover {\n    background: transparent;\n  }\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Body\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerBodyProps extends FlexProps {\n  animationDirection?: 'up' | 'left';\n  children: React.ReactNode;\n}\n\nconst DrawerBody = React.forwardRef<HTMLDivElement, DrawerBodyProps>(\n  ({ animationDirection, children, ...props }, ref) => (\n    <Dialog.Content\n      ref={ref}\n      forceMount\n      asChild\n      onPointerDownOutside={(e) => e.preventDefault()}\n      onInteractOutside={(e) => e.preventDefault()}\n      data-animation-direction={animationDirection}\n    >\n      <DrawerContainer $animationDirection={animationDirection} {...props}>\n        <DrawerContent>{children}</DrawerContent>\n      </DrawerContainer>\n    </Dialog.Content>\n  )\n);\nDrawerBody.displayName = 'DrawerBody';\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerRootProps {\n  isVisible?: boolean;\n  onClose?: () => void;\n  children: React.ReactNode;\n}\n\nconst DrawerRoot = ({ isVisible, onClose, children }: DrawerRootProps): React.ReactElement => (\n  <Dialog.Root\n    open={isVisible}\n    onOpenChange={(nextVisible) => !nextVisible && onClose?.()}\n    modal={false}\n  >\n    <Dialog.Portal>{children}</Dialog.Portal>\n  </Dialog.Root>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.Content - composable content slot (collapsible when isContentExpanded is used)\n * Contains a scrollable area\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerScrollableContentProps {\n  children: React.ReactNode;\n  /** When provided, content can collapse/expand (e.g. for minimize). Omit to always show. */\n  isContentExpanded?: boolean;\n}\n\nconst DrawerScrollableContent = ({\n  children,\n  isContentExpanded = true,\n}: DrawerScrollableContentProps) => (\n  <CollapsibleContent $isVisible={isContentExpanded} data-collapsed={!isContentExpanded}>\n    <ScrollArea>{children}</ScrollArea>\n  </CollapsibleContent>\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Drawer.CloseButton - composable close icon button (Cross icon by default)\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DrawerCloseButtonProps extends React.PropsWithChildren {\n  onClose: () => void;\n  label?: string;\n}\n\nconst DrawerCloseButton = ({ onClose, label, children }: DrawerCloseButtonProps) => {\n  const { formatMessage } = useIntl();\n  const labelMessage = label ?? formatMessage({ id: 'global.close', defaultMessage: 'Close' });\n  return (\n    <CloseIconButton onClick={onClose} label={labelMessage} variant=\"ghost\">\n      {children ?? <Cross />}\n    </CloseIconButton>\n  );\n};\n\nconst Drawer = {\n  Root: DrawerRoot,\n  Body: DrawerBody,\n  ScrollableContent: DrawerScrollableContent,\n  CloseButton: DrawerCloseButton,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n\nexport { Drawer };\n"],"names":["DRAWER_CLOSE_ANIMATION_MS","slideUpFromBottomIn","keyframes","slideUpFromBottomOut","slideLeftFromRightIn","slideLeftFromRightOut","DrawerContainer","styled","Flex","theme","spaces","width","maxHeight","$animationDirection","DrawerContent","Box","colors","neutral0","borderRadius","shadows","popupShadow","neutral150","CollapsibleContent","$isVisible","CloseIconButton","IconButton","DrawerBody","React","forwardRef","animationDirection","children","props","ref","_jsx","Dialog","Content","forceMount","asChild","onPointerDownOutside","e","preventDefault","onInteractOutside","data-animation-direction","displayName","DrawerRoot","isVisible","onClose","Root","open","onOpenChange","nextVisible","modal","Portal","DrawerScrollableContent","isContentExpanded","data-collapsed","ScrollArea","DrawerCloseButton","label","formatMessage","useIntl","labelMessage","id","defaultMessage","onClick","variant","Cross","Drawer","Body","ScrollableContent","CloseButton","Title","Description"],"mappings":"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"}

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

@@ -17,13 +17,15 @@ var AssetsTable = require('./components/AssetsTable.js');
 var CreateFolderDialog = require('./components/CreateFolderDialog.js');
 var UploadDropZone = require('./components/DropZone/UploadDropZone.js');
 var UploadDropZoneContext = require('./components/DropZone/UploadDropZoneContext.js');
+var FolderTree = require('./components/FolderTree/FolderTree.js');
 var ImportFromUrlDialog = require('./components/ImportFromUrlDialog.js');
 var constants = require('./constants.js');
 var useFolderInfo = require('./hooks/useFolderInfo.js');
 var useFolderNavigation = require('./hooks/useFolderNavigation.js');
 var useInfiniteAssets = require('./hooks/useInfiniteAssets.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -40,7 +42,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var ToggleGroup__namespace = /*#__PURE__*/_interopNamespaceDefault(ToggleGroup);
+var ToggleGroup__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup);
 
 const INTERSECTION_OPTIONS = {
     threshold: 0.1
@@ -175,7 +177,22 @@ const HeaderWrapper = styledComponents.styled(designSystem.Box)`
 const AssetsPage = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const { openDetails } = AssetDetailsDrawer.useAssetDetailsParam();
-    const { currentFolderId } = useFolderNavigation.useFolderNavigation();
+    const { currentFolderId, navigateToFolderId, navigateToRoot } = useFolderNavigation.useFolderNavigation();
+    // Deleted or missing folders (404) need a fetch — handled here, not in
+    // `useFolderNavigation` (which only strips malformed ?folder= values).
+    const { error: currentFolderError } = folders.useGetFolderQuery({
+        id: currentFolderId
+    }, {
+        skip: currentFolderId === null
+    });
+    React.useEffect(()=>{
+        if (currentFolderError?.name === 'NotFoundError') {
+            navigateToRoot();
+        }
+    }, [
+        currentFolderError,
+        navigateToRoot
+    ]);
     const { title, itemCount } = useFolderInfo.useFolderInfo(currentFolderId);
     const itemCountLabel = formatMessage({
         id: translations.getTranslationKey('header.content.item-count'),
@@ -183,6 +200,10 @@ const AssetsPage = ()=>{
     }, {
         count: itemCount
     });
+    const pageHeaderTitle = title ? `${title} (${itemCountLabel})` : formatMessage({
+        id: 'app.loading',
+        defaultMessage: 'Loading...'
+    });
     const [isCreateFolderDialogOpen, setIsCreateFolderDialogOpen] = React.useState(false);
     // View state
     const [view, setView] = strapiAdmin.usePersistentState(constants.localStorageKeys.view, constants.viewOptions.GRID);
@@ -250,6 +271,10 @@ const AssetsPage = ()=>{
                     children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Layouts.Root, {
                         minHeight: "100vh",
                         background: "neutral0",
+                        sideNav: /*#__PURE__*/ jsxRuntime.jsx(FolderTree.FolderTree, {
+                            currentFolderId: currentFolderId,
+                            onSelectFolder: navigateToFolderId
+                        }),
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
                                 children: /*#__PURE__*/ jsxRuntime.jsx("input", {
@@ -261,7 +286,7 @@ const AssetsPage = ()=>{
                             }),
                             /*#__PURE__*/ jsxRuntime.jsx(HeaderWrapper, {
                                 children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
-                                    title: `${title} (${itemCountLabel})`,
+                                    title: pageHeaderTitle,
                                     primaryAction: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.SimpleMenu, {
                                         popoverPlacement: "bottom-end",
                                         variant: "default",

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

@@ -1 +1 @@
-{"version":3,"file":"AssetsPage.js","sources":["../../../../../admin/src/future/pages/Assets/AssetsPage.tsx"],"sourcesContent":["import { useRef, useCallback, useState, type ChangeEvent } from 'react';\n\nimport * as ToggleGroup from '@radix-ui/react-toggle-group';\nimport { Layouts, useElementOnScreen, usePersistentState } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Loader,\n  MenuItem,\n  SimpleMenu,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { ChevronDown, Files, Folder, GridFour as GridIcon, Link, List } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useUploadFilesMutation, useUploadFromUrlsMutation } from '../../services/api';\nimport { useGetFoldersQuery } from '../../services/folders';\nimport { getTranslationKey } from '../../utils/translations';\n\nimport {\n  AssetDetailsDrawer,\n  useAssetDetailsParam,\n} from './components/AssetDetails/AssetDetailsDrawer';\nimport { AssetsGrid } from './components/AssetsGrid';\nimport { AssetsTable } from './components/AssetsTable';\nimport { CreateFolderDialog } from './components/CreateFolderDialog';\nimport { DropFilesMessage, DropZoneWithOverlay } from './components/DropZone/UploadDropZone';\nimport { UploadDropZoneProvider } from './components/DropZone/UploadDropZoneContext';\nimport { ImportFromUrlDialog } from './components/ImportFromUrlDialog';\nimport { localStorageKeys, viewOptions } from './constants';\nimport { useFolderInfo } from './hooks/useFolderInfo';\nimport { useFolderNavigation } from './hooks/useFolderNavigation';\nimport { useInfiniteAssets } from './hooks/useInfiniteAssets';\n\nimport type { UploadFileInfo } from '../../../../../shared/contracts/files';\n\nconst INTERSECTION_OPTIONS: IntersectionObserverInit = { threshold: 0.1 };\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsView\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsViewProps {\n  view: number;\n  folderId: number | null;\n  onAssetItemClick: (assetId: number) => void;\n}\n\nconst AssetsView = ({ view, folderId, onAssetItemClick }: AssetsViewProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    assets,\n    isLoading: isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    error,\n  } = useInfiniteAssets({ folder: folderId });\n  const { data: folders = [], isLoading: isLoadingFolders } = useGetFoldersQuery({\n    parentId: folderId,\n  });\n\n  const isGridView = view === viewOptions.GRID;\n  const isLoading = isLoadingAssets || isLoadingFolders;\n\n  const loadMoreRef = useElementOnScreen<HTMLDivElement>(\n    useCallback(\n      (isVisible) => {\n        if (isVisible && hasNextPage && !isFetchingMore) {\n          fetchNextPage();\n        }\n      },\n      [hasNextPage, isFetchingMore, fetchNextPage]\n    ),\n    INTERSECTION_OPTIONS\n  );\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.assets.error'),\n            defaultMessage: 'An error occurred while fetching assets.',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (folders.length === 0 && assets.length === 0) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: 'app.components.EmptyStateLayout.content-document',\n            defaultMessage: 'No content found',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n  return (\n    <>\n      {isGridView ? (\n        <AssetsGrid folders={folders} assets={assets} onAssetItemClick={onAssetItemClick} />\n      ) : (\n        <AssetsTable assets={assets} folders={folders} onAssetItemClick={onAssetItemClick} />\n      )}\n      <div ref={loadMoreRef} style={{ height: 1 }} />\n      {isFetchingMore && (\n        <Flex justifyContent=\"center\" padding={4}>\n          <Loader>\n            {formatMessage({\n              id: getTranslationKey('list.assets.loading-more'),\n              defaultMessage: 'Loading more assets...',\n            })}\n          </Loader>\n        </Flex>\n      )}\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst StyledToggleGroup = styled(ToggleGroup.Root)`\n  display: flex;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  overflow: hidden;\n`;\n\nconst StyledToggleItem = styled(ToggleGroup.Item)`\n  display: flex;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[4]}`};\n  border: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n  color: ${({ theme }) => theme.colors.neutral800};\n  cursor: pointer;\n  font-size: ${({ theme }) => theme.fontSizes[1]};\n  font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &[data-state='on'] {\n    background: ${({ theme }) => theme.colors.neutral150};\n  }\n\n  svg {\n    width: 1.6rem;\n    height: 1.6rem;\n  }\n`;\n\nconst HeaderWrapper = styled(Box)`\n  [data-strapi-header] {\n    background: ${({ theme }) => theme.colors.neutral0};\n\n    h1 {\n      font-size: 1.8rem;\n    }\n  }\n`;\n\nexport const AssetsPage = () => {\n  const { formatMessage } = useIntl();\n  const { openDetails } = useAssetDetailsParam();\n\n  const { currentFolderId } = useFolderNavigation();\n  const { title, itemCount } = useFolderInfo(currentFolderId);\n  const itemCountLabel = formatMessage(\n    {\n      id: getTranslationKey('header.content.item-count'),\n      defaultMessage: '{count, plural, =1 {# item} other {# items}}',\n    },\n    { count: itemCount }\n  );\n\n  const [isCreateFolderDialogOpen, setIsCreateFolderDialogOpen] = useState(false);\n\n  // View state\n  const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);\n  const isGridView = view === viewOptions.GRID;\n\n  // Dialog state\n  const [isUrlDialogOpen, setIsUrlDialogOpen] = useState(false);\n\n  // Refs\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadDropZoneRef = useRef<HTMLDivElement>(null);\n\n  // Upload handlers\n  const [uploadFiles] = useUploadFilesMutation();\n  const [uploadFromUrls] = useUploadFromUrlsMutation();\n\n  const uploadFilesToFolder = async (files: globalThis.File[], folderId: number | null) => {\n    if (files.length === 0) return;\n\n    const formData = new FormData();\n    const fileInfoArray: UploadFileInfo[] = [];\n\n    files.forEach((file) => {\n      formData.append('files', file);\n      fileInfoArray.push({\n        name: file.name,\n        caption: null,\n        alternativeText: null,\n        folder: folderId,\n      });\n    });\n\n    formData.append('fileInfo', JSON.stringify(fileInfoArray));\n    try {\n      await uploadFiles({ formData, totalFiles: files.length }).unwrap();\n    } catch (error) {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  const handleFileSelect = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (e: ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files;\n    if (files && files.length > 0) {\n      await uploadFilesToFolder(Array.from(files), currentFolderId);\n    }\n    e.target.value = '';\n  };\n\n  const handleDrop = async (files: globalThis.File[]) => {\n    await uploadFilesToFolder(files, currentFolderId);\n  };\n\n  const handleUrlUpload = async (urls: string[]) => {\n    try {\n      await uploadFromUrls({ urls, folderId: currentFolderId }).unwrap();\n    } catch (error) {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  return (\n    <>\n      <UploadDropZoneProvider onDrop={handleDrop}>\n        <Box ref={uploadDropZoneRef}>\n          <Layouts.Root minHeight=\"100vh\" background=\"neutral0\">\n            <VisuallyHidden>\n              <input type=\"file\" ref={fileInputRef} onChange={handleFileChange} multiple />\n            </VisuallyHidden>\n\n            <HeaderWrapper>\n              <Layouts.Header\n                title={`${title} (${itemCountLabel})`}\n                primaryAction={\n                  <SimpleMenu\n                    popoverPlacement=\"bottom-end\"\n                    variant=\"default\"\n                    endIcon={<ChevronDown />}\n                    label={formatMessage({ id: getTranslationKey('new'), defaultMessage: 'New' })}\n                  >\n                    <MenuItem\n                      onSelect={() => setIsCreateFolderDialogOpen(true)}\n                      startIcon={<Folder />}\n                    >\n                      {formatMessage({\n                        id: getTranslationKey('folder.create.title'),\n                        defaultMessage: 'New folder',\n                      })}\n                    </MenuItem>\n                    <MenuItem onSelect={handleFileSelect} startIcon={<Files />}>\n                      {formatMessage({\n                        id: getTranslationKey('import-files'),\n                        defaultMessage: 'Import files',\n                      })}\n                    </MenuItem>\n                    <MenuItem onSelect={() => setIsUrlDialogOpen(true)} startIcon={<Link />}>\n                      {formatMessage({\n                        id: getTranslationKey('import-from-url'),\n                        defaultMessage: 'Import from URL',\n                      })}\n                    </MenuItem>\n                  </SimpleMenu>\n                }\n                subtitle={\n                  <Flex justifyContent=\"space-between\" alignItems=\"center\" gap={4} width=\"100%\">\n                    <Flex gap={4} alignItems=\"center\">\n                      TODO: Filters and search\n                    </Flex>\n\n                    <Flex gap={4} alignItems=\"center\">\n                      <Box>TODO: Sort</Box>\n                      <StyledToggleGroup\n                        type=\"single\"\n                        value={isGridView ? 'grid' : 'table'}\n                        onValueChange={(value) =>\n                          value && setView(value === 'grid' ? viewOptions.GRID : viewOptions.TABLE)\n                        }\n                        aria-label={formatMessage({\n                          id: getTranslationKey('view.switch.label'),\n                          defaultMessage: 'View options',\n                        })}\n                      >\n                        <StyledToggleItem\n                          value=\"table\"\n                          aria-label={formatMessage({\n                            id: getTranslationKey('view.table'),\n                            defaultMessage: 'Table view',\n                          })}\n                        >\n                          <List />\n                          {formatMessage({\n                            id: getTranslationKey('view.table'),\n                            defaultMessage: 'Table view',\n                          })}\n                        </StyledToggleItem>\n                        <StyledToggleItem\n                          value=\"grid\"\n                          aria-label={formatMessage({\n                            id: getTranslationKey('view.grid'),\n                            defaultMessage: 'Grid view',\n                          })}\n                        >\n                          <GridIcon />\n                          {formatMessage({\n                            id: getTranslationKey('view.grid'),\n                            defaultMessage: 'Grid view',\n                          })}\n                        </StyledToggleItem>\n                      </StyledToggleGroup>\n                    </Flex>\n                  </Flex>\n                }\n              />\n            </HeaderWrapper>\n\n            <Layouts.Content>\n              <DropZoneWithOverlay>\n                <DropFilesMessage uploadDropZoneRef={uploadDropZoneRef} folderName={title} />\n                <AssetsView view={view} folderId={currentFolderId} onAssetItemClick={openDetails} />\n              </DropZoneWithOverlay>\n            </Layouts.Content>\n          </Layouts.Root>\n        </Box>\n      </UploadDropZoneProvider>\n      <CreateFolderDialog\n        open={isCreateFolderDialogOpen}\n        folderName={title}\n        parentFolderId={currentFolderId}\n        onClose={() => setIsCreateFolderDialogOpen(false)}\n      />\n      <ImportFromUrlDialog\n        open={isUrlDialogOpen}\n        onClose={() => setIsUrlDialogOpen(false)}\n        onUpload={handleUrlUpload}\n      />\n      <AssetDetailsDrawer />\n    </>\n  );\n};\n"],"names":["INTERSECTION_OPTIONS","threshold","AssetsView","view","folderId","onAssetItemClick","formatMessage","useIntl","assets","isLoading","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","error","useInfiniteAssets","folder","data","folders","isLoadingFolders","useGetFoldersQuery","parentId","isGridView","viewOptions","GRID","loadMoreRef","useElementOnScreen","useCallback","isVisible","_jsx","Flex","justifyContent","padding","Loader","id","defaultMessage","Box","Typography","textColor","getTranslationKey","length","_jsxs","_Fragment","AssetsGrid","AssetsTable","div","ref","style","height","StyledToggleGroup","styled","ToggleGroup","Root","theme","colors","neutral200","borderRadius","StyledToggleItem","Item","spaces","neutral0","neutral800","fontSizes","fontWeights","semiBold","primary100","neutral150","HeaderWrapper","AssetsPage","openDetails","useAssetDetailsParam","currentFolderId","useFolderNavigation","title","itemCount","useFolderInfo","itemCountLabel","count","isCreateFolderDialogOpen","setIsCreateFolderDialogOpen","useState","setView","usePersistentState","localStorageKeys","isUrlDialogOpen","setIsUrlDialogOpen","fileInputRef","useRef","uploadDropZoneRef","uploadFiles","useUploadFilesMutation","uploadFromUrls","useUploadFromUrlsMutation","uploadFilesToFolder","files","formData","FormData","fileInfoArray","forEach","file","append","push","name","caption","alternativeText","JSON","stringify","totalFiles","unwrap","handleFileSelect","current","click","handleFileChange","e","target","Array","from","value","handleDrop","handleUrlUpload","urls","UploadDropZoneProvider","onDrop","Layouts","minHeight","background","VisuallyHidden","input","type","onChange","multiple","Header","primaryAction","SimpleMenu","popoverPlacement","variant","endIcon","ChevronDown","label","MenuItem","onSelect","startIcon","Folder","Files","Link","subtitle","alignItems","gap","width","onValueChange","TABLE","aria-label","List","GridIcon","Content","DropZoneWithOverlay","DropFilesMessage","folderName","CreateFolderDialog","open","parentFolderId","onClose","ImportFromUrlDialog","onUpload","AssetDetailsDrawer"],"mappings":"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"}
+{"version":3,"file":"AssetsPage.js","sources":["../../../../../admin/src/future/pages/Assets/AssetsPage.tsx"],"sourcesContent":["import { useRef, useCallback, useState, useEffect, type ChangeEvent } from 'react';\n\nimport * as ToggleGroup from '@radix-ui/react-toggle-group';\nimport { Layouts, useElementOnScreen, usePersistentState } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Loader,\n  MenuItem,\n  SimpleMenu,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { ChevronDown, Files, Folder, GridFour as GridIcon, Link, List } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useUploadFromUrlsMutation, useUploadFilesMutation } from '../../services/api';\nimport { useGetFolderQuery, useGetFoldersQuery } from '../../services/folders';\nimport { getTranslationKey } from '../../utils/translations';\n\nimport {\n  AssetDetailsDrawer,\n  useAssetDetailsParam,\n} from './components/AssetDetails/AssetDetailsDrawer';\nimport { AssetsGrid } from './components/AssetsGrid';\nimport { AssetsTable } from './components/AssetsTable';\nimport { CreateFolderDialog } from './components/CreateFolderDialog';\nimport { DropFilesMessage, DropZoneWithOverlay } from './components/DropZone/UploadDropZone';\nimport { UploadDropZoneProvider } from './components/DropZone/UploadDropZoneContext';\nimport { FolderTree } from './components/FolderTree/FolderTree';\nimport { ImportFromUrlDialog } from './components/ImportFromUrlDialog';\nimport { localStorageKeys, viewOptions } from './constants';\nimport { useFolderInfo } from './hooks/useFolderInfo';\nimport { useFolderNavigation } from './hooks/useFolderNavigation';\nimport { useInfiniteAssets } from './hooks/useInfiniteAssets';\n\nimport type { UploadFileInfo } from '../../../../../shared/contracts/files';\n\nconst INTERSECTION_OPTIONS: IntersectionObserverInit = { threshold: 0.1 };\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsView\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsViewProps {\n  view: number;\n  folderId: number | null;\n  onAssetItemClick: (assetId: number) => void;\n}\n\nconst AssetsView = ({ view, folderId, onAssetItemClick }: AssetsViewProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    assets,\n    isLoading: isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    error,\n  } = useInfiniteAssets({ folder: folderId });\n  const { data: folders = [], isLoading: isLoadingFolders } = useGetFoldersQuery({\n    parentId: folderId,\n  });\n\n  const isGridView = view === viewOptions.GRID;\n  const isLoading = isLoadingAssets || isLoadingFolders;\n\n  const loadMoreRef = useElementOnScreen<HTMLDivElement>(\n    useCallback(\n      (isVisible) => {\n        if (isVisible && hasNextPage && !isFetchingMore) {\n          fetchNextPage();\n        }\n      },\n      [hasNextPage, isFetchingMore, fetchNextPage]\n    ),\n    INTERSECTION_OPTIONS\n  );\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.assets.error'),\n            defaultMessage: 'An error occurred while fetching assets.',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (folders.length === 0 && assets.length === 0) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: 'app.components.EmptyStateLayout.content-document',\n            defaultMessage: 'No content found',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n  return (\n    <>\n      {isGridView ? (\n        <AssetsGrid folders={folders} assets={assets} onAssetItemClick={onAssetItemClick} />\n      ) : (\n        <AssetsTable assets={assets} folders={folders} onAssetItemClick={onAssetItemClick} />\n      )}\n      <div ref={loadMoreRef} style={{ height: 1 }} />\n      {isFetchingMore && (\n        <Flex justifyContent=\"center\" padding={4}>\n          <Loader>\n            {formatMessage({\n              id: getTranslationKey('list.assets.loading-more'),\n              defaultMessage: 'Loading more assets...',\n            })}\n          </Loader>\n        </Flex>\n      )}\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst StyledToggleGroup = styled(ToggleGroup.Root)`\n  display: flex;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  overflow: hidden;\n`;\n\nconst StyledToggleItem = styled(ToggleGroup.Item)`\n  display: flex;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[4]}`};\n  border: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n  color: ${({ theme }) => theme.colors.neutral800};\n  cursor: pointer;\n  font-size: ${({ theme }) => theme.fontSizes[1]};\n  font-weight: ${({ theme }) => theme.fontWeights.semiBold};\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &[data-state='on'] {\n    background: ${({ theme }) => theme.colors.neutral150};\n  }\n\n  svg {\n    width: 1.6rem;\n    height: 1.6rem;\n  }\n`;\n\nconst HeaderWrapper = styled(Box)`\n  [data-strapi-header] {\n    background: ${({ theme }) => theme.colors.neutral0};\n\n    h1 {\n      font-size: 1.8rem;\n    }\n  }\n`;\n\nexport const AssetsPage = () => {\n  const { formatMessage } = useIntl();\n  const { openDetails } = useAssetDetailsParam();\n\n  const { currentFolderId, navigateToFolderId, navigateToRoot } = useFolderNavigation();\n  // Deleted or missing folders (404) need a fetch — handled here, not in\n  // `useFolderNavigation` (which only strips malformed ?folder= values).\n  const { error: currentFolderError } = useGetFolderQuery(\n    { id: currentFolderId! },\n    { skip: currentFolderId === null }\n  );\n\n  useEffect(() => {\n    if (currentFolderError?.name === 'NotFoundError') {\n      navigateToRoot();\n    }\n  }, [currentFolderError, navigateToRoot]);\n  const { title, itemCount } = useFolderInfo(currentFolderId);\n  const itemCountLabel = formatMessage(\n    {\n      id: getTranslationKey('header.content.item-count'),\n      defaultMessage: '{count, plural, =1 {# item} other {# items}}',\n    },\n    { count: itemCount }\n  );\n  const pageHeaderTitle = title\n    ? `${title} (${itemCountLabel})`\n    : formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' });\n\n  const [isCreateFolderDialogOpen, setIsCreateFolderDialogOpen] = useState(false);\n\n  // View state\n  const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);\n  const isGridView = view === viewOptions.GRID;\n\n  // Dialog state\n  const [isUrlDialogOpen, setIsUrlDialogOpen] = useState(false);\n\n  // Refs\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const uploadDropZoneRef = useRef<HTMLDivElement>(null);\n\n  // Upload handlers\n  const [uploadFiles] = useUploadFilesMutation();\n  const [uploadFromUrls] = useUploadFromUrlsMutation();\n\n  const uploadFilesToFolder = async (files: globalThis.File[], folderId: number | null) => {\n    if (files.length === 0) return;\n\n    const formData = new FormData();\n    const fileInfoArray: UploadFileInfo[] = [];\n\n    files.forEach((file) => {\n      formData.append('files', file);\n      fileInfoArray.push({\n        name: file.name,\n        caption: null,\n        alternativeText: null,\n        folder: folderId,\n      });\n    });\n\n    formData.append('fileInfo', JSON.stringify(fileInfoArray));\n    try {\n      await uploadFiles({ formData, totalFiles: files.length }).unwrap();\n    } catch (error) {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  const handleFileSelect = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (e: ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files;\n    if (files && files.length > 0) {\n      await uploadFilesToFolder(Array.from(files), currentFolderId);\n    }\n    e.target.value = '';\n  };\n\n  const handleDrop = async (files: globalThis.File[]) => {\n    await uploadFilesToFolder(files, currentFolderId);\n  };\n\n  const handleUrlUpload = async (urls: string[]) => {\n    try {\n      await uploadFromUrls({ urls, folderId: currentFolderId }).unwrap();\n    } catch (error) {\n      // Error is already dispatched to store from the API queryFn\n    }\n  };\n\n  return (\n    <>\n      <UploadDropZoneProvider onDrop={handleDrop}>\n        <Box ref={uploadDropZoneRef}>\n          <Layouts.Root\n            minHeight=\"100vh\"\n            background=\"neutral0\"\n            sideNav={\n              <FolderTree currentFolderId={currentFolderId} onSelectFolder={navigateToFolderId} />\n            }\n          >\n            <VisuallyHidden>\n              <input type=\"file\" ref={fileInputRef} onChange={handleFileChange} multiple />\n            </VisuallyHidden>\n\n            <HeaderWrapper>\n              <Layouts.Header\n                title={pageHeaderTitle}\n                primaryAction={\n                  <SimpleMenu\n                    popoverPlacement=\"bottom-end\"\n                    variant=\"default\"\n                    endIcon={<ChevronDown />}\n                    label={formatMessage({ id: getTranslationKey('new'), defaultMessage: 'New' })}\n                  >\n                    <MenuItem\n                      onSelect={() => setIsCreateFolderDialogOpen(true)}\n                      startIcon={<Folder />}\n                    >\n                      {formatMessage({\n                        id: getTranslationKey('folder.create.title'),\n                        defaultMessage: 'New folder',\n                      })}\n                    </MenuItem>\n                    <MenuItem onSelect={handleFileSelect} startIcon={<Files />}>\n                      {formatMessage({\n                        id: getTranslationKey('import-files'),\n                        defaultMessage: 'Import files',\n                      })}\n                    </MenuItem>\n                    <MenuItem onSelect={() => setIsUrlDialogOpen(true)} startIcon={<Link />}>\n                      {formatMessage({\n                        id: getTranslationKey('import-from-url'),\n                        defaultMessage: 'Import from URL',\n                      })}\n                    </MenuItem>\n                  </SimpleMenu>\n                }\n                subtitle={\n                  <Flex justifyContent=\"space-between\" alignItems=\"center\" gap={4} width=\"100%\">\n                    <Flex gap={4} alignItems=\"center\">\n                      TODO: Filters and search\n                    </Flex>\n\n                    <Flex gap={4} alignItems=\"center\">\n                      <Box>TODO: Sort</Box>\n                      <StyledToggleGroup\n                        type=\"single\"\n                        value={isGridView ? 'grid' : 'table'}\n                        onValueChange={(value) =>\n                          value && setView(value === 'grid' ? viewOptions.GRID : viewOptions.TABLE)\n                        }\n                        aria-label={formatMessage({\n                          id: getTranslationKey('view.switch.label'),\n                          defaultMessage: 'View options',\n                        })}\n                      >\n                        <StyledToggleItem\n                          value=\"table\"\n                          aria-label={formatMessage({\n                            id: getTranslationKey('view.table'),\n                            defaultMessage: 'Table view',\n                          })}\n                        >\n                          <List />\n                          {formatMessage({\n                            id: getTranslationKey('view.table'),\n                            defaultMessage: 'Table view',\n                          })}\n                        </StyledToggleItem>\n                        <StyledToggleItem\n                          value=\"grid\"\n                          aria-label={formatMessage({\n                            id: getTranslationKey('view.grid'),\n                            defaultMessage: 'Grid view',\n                          })}\n                        >\n                          <GridIcon />\n                          {formatMessage({\n                            id: getTranslationKey('view.grid'),\n                            defaultMessage: 'Grid view',\n                          })}\n                        </StyledToggleItem>\n                      </StyledToggleGroup>\n                    </Flex>\n                  </Flex>\n                }\n              />\n            </HeaderWrapper>\n\n            <Layouts.Content>\n              <DropZoneWithOverlay>\n                <DropFilesMessage uploadDropZoneRef={uploadDropZoneRef} folderName={title} />\n                <AssetsView view={view} folderId={currentFolderId} onAssetItemClick={openDetails} />\n              </DropZoneWithOverlay>\n            </Layouts.Content>\n          </Layouts.Root>\n        </Box>\n      </UploadDropZoneProvider>\n      <CreateFolderDialog\n        open={isCreateFolderDialogOpen}\n        folderName={title}\n        parentFolderId={currentFolderId}\n        onClose={() => setIsCreateFolderDialogOpen(false)}\n      />\n      <ImportFromUrlDialog\n        open={isUrlDialogOpen}\n        onClose={() => setIsUrlDialogOpen(false)}\n        onUpload={handleUrlUpload}\n      />\n      <AssetDetailsDrawer />\n    </>\n  );\n};\n"],"names":["INTERSECTION_OPTIONS","threshold","AssetsView","view","folderId","onAssetItemClick","formatMessage","useIntl","assets","isLoading","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","error","useInfiniteAssets","folder","data","folders","isLoadingFolders","useGetFoldersQuery","parentId","isGridView","viewOptions","GRID","loadMoreRef","useElementOnScreen","useCallback","isVisible","_jsx","Flex","justifyContent","padding","Loader","id","defaultMessage","Box","Typography","textColor","getTranslationKey","length","_jsxs","_Fragment","AssetsGrid","AssetsTable","div","ref","style","height","StyledToggleGroup","styled","ToggleGroup","Root","theme","colors","neutral200","borderRadius","StyledToggleItem","Item","spaces","neutral0","neutral800","fontSizes","fontWeights","semiBold","primary100","neutral150","HeaderWrapper","AssetsPage","openDetails","useAssetDetailsParam","currentFolderId","navigateToFolderId","navigateToRoot","useFolderNavigation","currentFolderError","useGetFolderQuery","skip","useEffect","name","title","itemCount","useFolderInfo","itemCountLabel","count","pageHeaderTitle","isCreateFolderDialogOpen","setIsCreateFolderDialogOpen","useState","setView","usePersistentState","localStorageKeys","isUrlDialogOpen","setIsUrlDialogOpen","fileInputRef","useRef","uploadDropZoneRef","uploadFiles","useUploadFilesMutation","uploadFromUrls","useUploadFromUrlsMutation","uploadFilesToFolder","files","formData","FormData","fileInfoArray","forEach","file","append","push","caption","alternativeText","JSON","stringify","totalFiles","unwrap","handleFileSelect","current","click","handleFileChange","e","target","Array","from","value","handleDrop","handleUrlUpload","urls","UploadDropZoneProvider","onDrop","Layouts","minHeight","background","sideNav","FolderTree","onSelectFolder","VisuallyHidden","input","type","onChange","multiple","Header","primaryAction","SimpleMenu","popoverPlacement","variant","endIcon","ChevronDown","label","MenuItem","onSelect","startIcon","Folder","Files","Link","subtitle","alignItems","gap","width","onValueChange","TABLE","aria-label","List","GridIcon","Content","DropZoneWithOverlay","DropFilesMessage","folderName","CreateFolderDialog","open","parentFolderId","onClose","ImportFromUrlDialog","onUpload","AssetDetailsDrawer"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback } from 'react';
+import { useEffect, useState, useRef, useCallback } from 'react';
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 import { usePersistentState, Layouts, useElementOnScreen } from '@strapi/admin/strapi-admin';
 import { Box, VisuallyHidden, Flex, SimpleMenu, MenuItem, Loader, Typography } from '@strapi/design-system';
@@ -7,7 +7,7 @@ import { List, GridFour, Folder, Files, Link, ChevronDown } from '@strapi/icons'
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
 import { useUploadFilesMutation, useUploadFromUrlsMutation } from '../../services/api.mjs';
-import { useGetFoldersQuery } from '../../services/folders.mjs';
+import { useGetFolderQuery, useGetFoldersQuery } from '../../services/folders.mjs';
 import { getTranslationKey } from '../../utils/translations.mjs';
 import { useAssetDetailsParam, AssetDetailsDrawer } from './components/AssetDetails/AssetDetailsDrawer.mjs';
 import { AssetsGrid } from './components/AssetsGrid.mjs';
@@ -15,6 +15,7 @@ import { AssetsTable } from './components/AssetsTable.mjs';
 import { CreateFolderDialog } from './components/CreateFolderDialog.mjs';
 import { DropZoneWithOverlay, DropFilesMessage } from './components/DropZone/UploadDropZone.mjs';
 import { UploadDropZoneProvider } from './components/DropZone/UploadDropZoneContext.mjs';
+import { FolderTree } from './components/FolderTree/FolderTree.mjs';
 import { ImportFromUrlDialog } from './components/ImportFromUrlDialog.mjs';
 import { localStorageKeys, viewOptions } from './constants.mjs';
 import { useFolderInfo } from './hooks/useFolderInfo.mjs';
@@ -154,7 +155,22 @@ const HeaderWrapper = styled(Box)`
 const AssetsPage = ()=>{
     const { formatMessage } = useIntl();
     const { openDetails } = useAssetDetailsParam();
-    const { currentFolderId } = useFolderNavigation();
+    const { currentFolderId, navigateToFolderId, navigateToRoot } = useFolderNavigation();
+    // Deleted or missing folders (404) need a fetch — handled here, not in
+    // `useFolderNavigation` (which only strips malformed ?folder= values).
+    const { error: currentFolderError } = useGetFolderQuery({
+        id: currentFolderId
+    }, {
+        skip: currentFolderId === null
+    });
+    useEffect(()=>{
+        if (currentFolderError?.name === 'NotFoundError') {
+            navigateToRoot();
+        }
+    }, [
+        currentFolderError,
+        navigateToRoot
+    ]);
     const { title, itemCount } = useFolderInfo(currentFolderId);
     const itemCountLabel = formatMessage({
         id: getTranslationKey('header.content.item-count'),
@@ -162,6 +178,10 @@ const AssetsPage = ()=>{
     }, {
         count: itemCount
     });
+    const pageHeaderTitle = title ? `${title} (${itemCountLabel})` : formatMessage({
+        id: 'app.loading',
+        defaultMessage: 'Loading...'
+    });
     const [isCreateFolderDialogOpen, setIsCreateFolderDialogOpen] = useState(false);
     // View state
     const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);
@@ -229,6 +249,10 @@ const AssetsPage = ()=>{
                     children: /*#__PURE__*/ jsxs(Layouts.Root, {
                         minHeight: "100vh",
                         background: "neutral0",
+                        sideNav: /*#__PURE__*/ jsx(FolderTree, {
+                            currentFolderId: currentFolderId,
+                            onSelectFolder: navigateToFolderId
+                        }),
                         children: [
                             /*#__PURE__*/ jsx(VisuallyHidden, {
                                 children: /*#__PURE__*/ jsx("input", {
@@ -240,7 +264,7 @@ const AssetsPage = ()=>{
                             }),
                             /*#__PURE__*/ jsx(HeaderWrapper, {
                                 children: /*#__PURE__*/ jsx(Layouts.Header, {
-                                    title: `${title} (${itemCountLabel})`,
+                                    title: pageHeaderTitle,
                                     primaryAction: /*#__PURE__*/ jsxs(SimpleMenu, {
                                         popoverPlacement: "bottom-end",
                                         variant: "default",