@strapi/content-manager 0.0.0-experimental.17b4116f461a49b8ce5386f7c8d79c511d40fb3b → 0.0.0-experimental.19d775295eb622de3e659110caf22fcd2cd5d10d

package/dist/_chunks/{index-CAc9yTnx.mjs → index-BH2JnYpF.mjs}

@@ -1,27 +1,34 @@
-import { ClockCounterClockwise, CrossCircle, More, WarningCircle, Cog, Pencil, Trash, ChevronRight, Duplicate, Feather } from "@strapi/icons";
+import { More, Cross, WarningCircle, ListPlus, Pencil, Trash, Check, CheckCircle, ArrowsCounterClockwise, CrossCircle, ChevronRight, Duplicate, ClockCounterClockwise, Feather } from "@strapi/icons";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useStrapiApp, useQueryParams, createContext, useAuth, useRBAC, Page, getFetchClient, translatedErrors, useNotification, useAPIErrorHandler, useTracking, useForm, BackButton, DescriptionComponentRenderer } from "@strapi/admin/strapi-admin";
-import { stringify } from "qs";
-import { useIntl } from "react-intl";
-import { useNavigate, useParams, Navigate, useMatch, NavLink } from "react-router-dom";
+import { useStrapiApp, createContext, useQueryParams, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useForm, useTracking, useGuidedTour, BackButton, DescriptionComponentRenderer, useTable, Table } from "@strapi/admin/strapi-admin";
 import * as React from "react";
 import { lazy } from "react";
-import { Menu, VisuallyHidden, Flex, Typography, Dialog, DialogBody, DialogFooter, Button, ModalLayout, ModalHeader, ModalBody, Box, Radio, Status, SingleSelect, SingleSelectOption, LinkButton } from "@strapi/design-system";
-import styled from "styled-components";
+import { Menu, Button, VisuallyHidden, Flex, Dialog, Modal, Typography, Radio, Status, Box, SingleSelect, SingleSelectOption, IconButton, RawTable, Loader, Tbody, Tr, Td, Tooltip, LinkButton } from "@strapi/design-system";
+import mapValues from "lodash/fp/mapValues";
+import { useIntl } from "react-intl";
+import { useParams, useNavigate, Navigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
+import { styled } from "styled-components";
 import * as yup from "yup";
 import { ValidationError } from "yup";
-import { createApi } from "@reduxjs/toolkit/query/react";
-import { isAxiosError } from "axios";
+import { generateNKeysBetween } from "fractional-indexing";
 import pipe from "lodash/fp/pipe";
+import { stringify } from "qs";
 import { intervalToDuration, isPast } from "date-fns";
 import { createSlice, combineReducers } from "@reduxjs/toolkit";
-const __variableDynamicImportRuntimeHelper = (glob, path) => {
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
     return typeof v === "function" ? v() : Promise.resolve(v);
   }
   return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
   });
 };
 const PLUGIN_ID = "content-manager";
@@ -51,42 +58,6 @@ const useInjectionZone = (area) => {
   const [page, position] = area.split(".");
   return contentManagerPlugin.getInjectedComponents(page, position);
 };
-const HistoryAction = ({ model, document }) => {
-  const { formatMessage } = useIntl();
-  const [{ query }] = useQueryParams();
-  const navigate = useNavigate();
-  const pluginsQueryParams = stringify({ plugins: query.plugins }, { encode: false });
-  if (!window.strapi.features.isEnabled("cms-content-history")) {
-    return null;
-  }
-  return {
-    icon: /* @__PURE__ */ jsx(ClockCounterClockwise, {}),
-    label: formatMessage({
-      id: "content-manager.history.document-action",
-      defaultMessage: "Content History"
-    }),
-    onClick: () => navigate({ pathname: "history", search: pluginsQueryParams }),
-    disabled: (
-      /**
-       * The user is creating a new document.
-       * It hasn't been saved yet, so there's no history to go to
-       */
-      !document || /**
-      * The document has been created but the current dimension has never been saved.
-      * For example, the user is creating a new locale in an existing document,
-      * so there's no history for the document in that locale
-      */
-      !document.id || /**
-      * History is only available for content types created by the user.
-      * These have the `api::` prefix, as opposed to the ones created by Strapi or plugins,
-      * which start with `admin::` or `plugin::`
-      */
-      !model.startsWith("api::")
-    ),
-    position: "header"
-  };
-};
-HistoryAction.type = "history";
 const ID = "id";
 const CREATED_BY_ATTRIBUTE_NAME = "createdBy";
 const UPDATED_BY_ATTRIBUTE_NAME = "updatedBy";
@@ -138,6 +109,7 @@ const DocumentRBAC = ({ children, permissions }) => {
   if (!slug) {
     throw new Error("Cannot find the slug param in the URL");
   }
+  const [{ rawQuery }] = useQueryParams();
   const userPermissions = useAuth("DocumentRBAC", (state) => state.permissions);
   const contentTypePermissions = React.useMemo(() => {
     const contentTypePermissions2 = userPermissions.filter(
@@ -148,7 +120,14 @@ const DocumentRBAC = ({ children, permissions }) => {
       return { ...acc, [action]: [permission] };
     }, {});
   }, [slug, userPermissions]);
-  const { isLoading, allowedActions } = useRBAC(contentTypePermissions, permissions ?? void 0);
+  const { isLoading, allowedActions } = useRBAC(
+    contentTypePermissions,
+    permissions ?? void 0,
+    // TODO: useRBAC context should be typed and built differently
+    // We are passing raw query as context to the hook so that it can
+    // rely on the locale provided from DocumentRBAC for its permission calculations.
+    rawQuery
+  );
   const canCreateFields = !isLoading && allowedActions.canCreate ? extractAndDedupeFields(contentTypePermissions.create) : [];
   const canReadFields = !isLoading && allowedActions.canRead ? extractAndDedupeFields(contentTypePermissions.read) : [];
   const canUpdateFields = !isLoading && allowedActions.canUpdate ? extractAndDedupeFields(contentTypePermissions.update) : [];
@@ -157,9 +136,8 @@ const DocumentRBAC = ({ children, permissions }) => {
       const name = removeNumericalStrings(fieldName.split("."));
       const componentFieldNames = fieldsUserCanAction.filter((field) => field.split(".").length > 1);
       if (fieldType === "component") {
-        const componentOrDynamicZoneFields = componentFieldNames.map((field) => field.split("."));
-        return componentOrDynamicZoneFields.some((field) => {
-          return field.includes(fieldName);
+        return componentFieldNames.some((field) => {
+          return field.includes(name.join("."));
         });
       }
       if (name.length > 1) {
@@ -189,89 +167,128 @@ const extractAndDedupeFields = (permissions = []) => permissions.flatMap((permis
   (field, index2, arr) => arr.indexOf(field) === index2 && typeof field === "string"
 );
 const removeNumericalStrings = (arr) => arr.filter((item) => isNaN(Number(item)));
-const buildValidParams = (query) => {
-  if (!query)
-    return query;
-  const { plugins: _, ...validQueryParams } = {
-    ...query,
-    ...Object.values(query?.plugins ?? {}).reduce(
-      (acc, current) => Object.assign(acc, current),
-      {}
-    )
-  };
-  if ("_q" in validQueryParams) {
-    validQueryParams._q = encodeURIComponent(validQueryParams._q);
-  }
-  return validQueryParams;
-};
-const axiosBaseQuery = () => async (query, { signal }) => {
-  try {
-    const { get, post, del, put } = getFetchClient();
-    if (typeof query === "string") {
-      const result = await get(query, { signal });
-      return { data: result.data };
-    } else {
-      const { url, method = "GET", data, config } = query;
-      if (method === "POST") {
-        const result2 = await post(url, data, { ...config, signal });
-        return { data: result2.data };
-      }
-      if (method === "DELETE") {
-        const result2 = await del(url, { ...config, signal });
-        return { data: result2.data };
-      }
-      if (method === "PUT") {
-        const result2 = await put(url, data, { ...config, signal });
-        return { data: result2.data };
-      }
-      const result = await get(url, { ...config, signal });
-      return { data: result.data };
-    }
-  } catch (err) {
-    if (isAxiosError(err)) {
-      if (typeof err.response?.data === "object" && err.response?.data !== null && "error" in err.response?.data) {
-        return { data: void 0, error: err.response?.data.error };
+const BLOCK_LIST_ATTRIBUTE_KEYS = ["__component", "__temp_key__"];
+const traverseData = (predicate, transform) => (schema, components = {}) => (data = {}) => {
+  const traverse = (datum, attributes) => {
+    return Object.entries(datum).reduce((acc, [key, value]) => {
+      const attribute = attributes[key];
+      if (BLOCK_LIST_ATTRIBUTE_KEYS.includes(key) || value === null || value === void 0) {
+        acc[key] = value;
+        return acc;
+      }
+      if (attribute.type === "component") {
+        if (attribute.repeatable) {
+          const componentValue = predicate(attribute, value) ? transform(value, attribute) : value;
+          acc[key] = componentValue.map(
+            (componentData) => traverse(componentData, components[attribute.component]?.attributes ?? {})
+          );
+        } else {
+          const componentValue = predicate(attribute, value) ? transform(value, attribute) : value;
+          acc[key] = traverse(componentValue, components[attribute.component]?.attributes ?? {});
+        }
+      } else if (attribute.type === "dynamiczone") {
+        const dynamicZoneValue = predicate(attribute, value) ? transform(value, attribute) : value;
+        acc[key] = dynamicZoneValue.map(
+          (componentData) => traverse(componentData, components[componentData.__component]?.attributes ?? {})
+        );
+      } else if (predicate(attribute, value)) {
+        acc[key] = transform(value, attribute);
       } else {
-        return {
-          data: void 0,
-          error: {
-            name: "UnknownError",
-            message: "There was an unknown error response from the API",
-            details: err.response?.data,
-            status: err.response?.status
-          }
-        };
+        acc[key] = value;
       }
+      return acc;
+    }, {});
+  };
+  return traverse(data, schema.attributes);
+};
+const removeProhibitedFields = (prohibitedFields) => traverseData(
+  (attribute) => prohibitedFields.includes(attribute.type),
+  () => ""
+);
+const prepareRelations = traverseData(
+  (attribute) => attribute.type === "relation",
+  () => ({
+    connect: [],
+    disconnect: []
+  })
+);
+const prepareTempKeys = traverseData(
+  (attribute) => attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone",
+  (data) => {
+    if (Array.isArray(data) && data.length > 0) {
+      const keys = generateNKeysBetween(void 0, void 0, data.length);
+      return data.map((datum, index2) => ({
+        ...datum,
+        __temp_key__: keys[index2]
+      }));
     }
-    const error = err;
-    return {
-      data: void 0,
-      error: {
-        name: error.name,
-        message: error.message,
-        stack: error.stack
-      }
-    };
+    return data;
   }
+);
+const removeFieldsThatDontExistOnSchema = (schema) => (data) => {
+  const schemaKeys = Object.keys(schema.attributes);
+  const dataKeys = Object.keys(data);
+  const keysToRemove = dataKeys.filter((key) => !schemaKeys.includes(key));
+  const revisedData = [...keysToRemove, ...DOCUMENT_META_FIELDS].reduce((acc, key) => {
+    delete acc[key];
+    return acc;
+  }, structuredClone(data));
+  return revisedData;
 };
-const isBaseQueryError = (error) => {
-  return error.name !== void 0;
+const removeNullValues = (data) => {
+  return Object.entries(data).reduce((acc, [key, value]) => {
+    if (value === null) {
+      return acc;
+    }
+    acc[key] = value;
+    return acc;
+  }, {});
+};
+const transformDocument = (schema, components = {}) => (document) => {
+  const transformations = pipe(
+    removeFieldsThatDontExistOnSchema(schema),
+    removeProhibitedFields(["password"])(schema, components),
+    removeNullValues,
+    prepareRelations(schema, components),
+    prepareTempKeys(schema, components)
+  );
+  return transformations(document);
+};
+const createDefaultForm = (contentType, components = {}) => {
+  const traverseSchema = (attributes) => {
+    return Object.entries(attributes).reduce((acc, [key, attribute]) => {
+      if ("default" in attribute) {
+        acc[key] = attribute.default;
+      } else if (attribute.type === "component" && attribute.required) {
+        const defaultComponentForm = traverseSchema(components[attribute.component].attributes);
+        if (attribute.repeatable) {
+          acc[key] = attribute.min ? [...Array(attribute.min).fill(defaultComponentForm)] : [];
+        } else {
+          acc[key] = defaultComponentForm;
+        }
+      } else if (attribute.type === "dynamiczone" && attribute.required) {
+        acc[key] = [];
+      }
+      return acc;
+    }, {});
+  };
+  return traverseSchema(contentType.attributes);
 };
-const contentManagerApi = createApi({
-  reducerPath: "contentManagerApi",
-  baseQuery: axiosBaseQuery(),
-  tagTypes: [
+const contentManagerApi = adminApi.enhanceEndpoints({
+  addTagTypes: [
     "ComponentConfiguration",
     "ContentTypesConfiguration",
     "ContentTypeSettings",
     "Document",
     "InitialData",
     "HistoryVersion",
-    "Relations"
-  ],
-  endpoints: () => ({})
+    "Relations",
+    "UidAvailability",
+    "RecentDocumentList"
+  ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
+  overrideExisting: true,
   endpoints: (builder) => ({
     autoCloneDocument: builder.mutation({
       query: ({ model, sourceId, query }) => ({
@@ -281,7 +298,12 @@ const documentApi = contentManagerApi.injectEndpoints({
           params: query
         }
       }),
-      invalidatesTags: (_result, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (_result, error, { model }) => {
+        if (error) {
+          return [];
+        }
+        return [{ type: "Document", id: `${model}_LIST` }, "RecentDocumentList"];
+      }
     }),
     cloneDocument: builder.mutation({
       query: ({ model, sourceId, data, params }) => ({
@@ -292,7 +314,11 @@ const documentApi = contentManagerApi.injectEndpoints({
           params
         }
       }),
-      invalidatesTags: (_result, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (_result, _error, { model }) => [
+        { type: "Document", id: `${model}_LIST` },
+        { type: "UidAvailability", id: model },
+        "RecentDocumentList"
+      ]
     }),
     /**
      * Creates a new collection-type document. This should ONLY be used for collection-types.
@@ -309,8 +335,22 @@ const documentApi = contentManagerApi.injectEndpoints({
       }),
       invalidatesTags: (result, _error, { model }) => [
         { type: "Document", id: `${model}_LIST` },
-        "Relations"
-      ]
+        "Relations",
+        { type: "UidAvailability", id: model },
+        "RecentDocumentList"
+      ],
+      transformResponse: (response, meta, arg) => {
+        if (!("data" in response) && arg.model === "plugin::users-permissions.user") {
+          return {
+            data: response,
+            meta: {
+              availableStatus: [],
+              availableLocales: []
+            }
+          };
+        }
+        return response;
+      }
     }),
     deleteDocument: builder.mutation({
       query: ({ collectionType, model, documentId, params }) => ({
@@ -321,16 +361,23 @@ const documentApi = contentManagerApi.injectEndpoints({
         }
       }),
       invalidatesTags: (_result, _error, { collectionType, model }) => [
-        { type: "Document", id: collectionType !== SINGLE_TYPES ? `${model}_LIST` : model }
+        { type: "Document", id: collectionType !== SINGLE_TYPES ? `${model}_LIST` : model },
+        "RecentDocumentList"
       ]
     }),
     deleteManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkDelete`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
-      invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
+      invalidatesTags: (_res, _error, { model }) => [
+        { type: "Document", id: `${model}_LIST` },
+        "RecentDocumentList"
+      ]
     }),
     discardDocument: builder.mutation({
       query: ({ collectionType, model, documentId, params }) => ({
@@ -347,7 +394,9 @@ const documentApi = contentManagerApi.injectEndpoints({
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
           { type: "Document", id: `${model}_LIST` },
-          "Relations"
+          "Relations",
+          { type: "UidAvailability", id: model },
+          "RecentDocumentList"
         ];
       }
     }),
@@ -360,11 +409,12 @@ const documentApi = contentManagerApi.injectEndpoints({
         url: `/content-manager/collection-types/${model}`,
         method: "GET",
         config: {
-          params
+          params: stringify(params, { encode: true })
         }
       }),
       providesTags: (result, _error, arg) => {
         return [
+          { type: "Document", id: `ALL_LIST` },
           { type: "Document", id: `${arg.model}_LIST` },
           ...result?.results.map(({ documentId }) => ({
             type: "Document",
@@ -403,6 +453,11 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${result && "documentId" in result ? result.documentId : documentId}` : model
+          },
+          // Make it easy to invalidate all individual documents queries for a model
+          {
+            type: "Document",
+            id: `${model}_ALL_ITEMS`
           }
         ];
       }
@@ -436,15 +491,19 @@ const documentApi = contentManagerApi.injectEndpoints({
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
           { type: "Document", id: `${model}_LIST` },
-          "Relations"
+          "Relations",
+          "RecentDocumentList"
         ];
       }
     }),
     publishManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkPublish`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
       invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
     }),
@@ -463,8 +522,23 @@ const documentApi = contentManagerApi.injectEndpoints({
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
-          "Relations"
+          "Relations",
+          { type: "UidAvailability", id: model },
+          "RecentDocumentList",
+          "RecentDocumentList"
         ];
+      },
+      async onQueryStarted({ data, ...patch }, { dispatch, queryFulfilled }) {
+        const patchResult = dispatch(
+          documentApi.util.updateQueryData("getDocument", patch, (draft) => {
+            Object.assign(draft.data, data);
+          })
+        );
+        try {
+          await queryFulfilled;
+        } catch {
+          patchResult.undo();
+        }
       }
     }),
     unpublishDocument: builder.mutation({
@@ -481,17 +555,24 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
-          }
+          },
+          "RecentDocumentList"
         ];
       }
     }),
     unpublishManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkUnpublish`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
-      invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
+      invalidatesTags: (_res, _error, { model, documentIds }) => [
+        ...documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` })),
+        "RecentDocumentList"
+      ]
     })
   })
 });
@@ -513,20 +594,53 @@ const {
   useUnpublishDocumentMutation,
   useUnpublishManyDocumentsMutation
 } = documentApi;
-const createYupSchema = (attributes = {}, components = {}) => {
+const buildValidParams = (query) => {
+  if (!query) return query;
+  const { plugins: _, ...validQueryParams } = {
+    ...query,
+    ...Object.values(query?.plugins ?? {}).reduce(
+      (acc, current) => Object.assign(acc, current),
+      {}
+    )
+  };
+  return validQueryParams;
+};
+const isBaseQueryError = (error) => {
+  return error.name !== void 0;
+};
+const arrayValidator = (attribute, options) => ({
+  message: translatedErrors.required,
+  test(value) {
+    if (options.status === "draft") {
+      return true;
+    }
+    if (!attribute.required) {
+      return true;
+    }
+    if (!value) {
+      return false;
+    }
+    if (Array.isArray(value) && value.length === 0) {
+      return false;
+    }
+    return true;
+  }
+});
+const createYupSchema = (attributes = {}, components = {}, options = { status: null }) => {
   const createModelSchema = (attributes2) => yup.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
       if (DOCUMENT_META_FIELDS.includes(name)) {
         return acc;
       }
       const validations = [
+        addNullableValidation,
         addRequiredValidation,
         addMinLengthValidation,
         addMaxLengthValidation,
         addMinValidation,
         addMaxValidation,
         addRegexValidation
-      ].map((fn) => fn(attribute));
+      ].map((fn) => fn(attribute, options));
       const transformSchema = pipe(...validations);
       switch (attribute.type) {
         case "component": {
@@ -536,12 +650,12 @@ const createYupSchema = (attributes = {}, components = {}) => {
               ...acc,
               [name]: transformSchema(
                 yup.array().of(createModelSchema(attributes3).nullable(false))
-              )
+              ).test(arrayValidator(attribute, options))
             };
           } else {
             return {
               ...acc,
-              [name]: transformSchema(createModelSchema(attributes3))
+              [name]: transformSchema(createModelSchema(attributes3).nullable())
             };
           }
         }
@@ -552,24 +666,42 @@ const createYupSchema = (attributes = {}, components = {}) => {
               yup.array().of(
                 yup.lazy(
                   (data) => {
-                    const { attributes: attributes3 } = components[data.__component];
-                    return yup.object().shape({
+                    const attributes3 = components?.[data?.__component]?.attributes;
+                    const validation = yup.object().shape({
                       __component: yup.string().required().oneOf(Object.keys(components))
-                    }).nullable(false).concat(createModelSchema(attributes3));
+                    }).nullable(false);
+                    if (!attributes3) {
+                      return validation;
+                    }
+                    return validation.concat(createModelSchema(attributes3));
                   }
                 )
               )
-            )
+            ).test(arrayValidator(attribute, options))
           };
         case "relation":
           return {
             ...acc,
             [name]: transformSchema(
-              yup.array().of(
-                yup.object().shape({
-                  id: yup.string().required()
-                })
-              )
+              yup.lazy((value) => {
+                if (!value) {
+                  return yup.mixed().nullable(true);
+                } else if (Array.isArray(value)) {
+                  return yup.array().of(
+                    yup.object().shape({
+                      id: yup.number().required()
+                    })
+                  );
+                } else if (typeof value === "object") {
+                  return yup.object();
+                } else {
+                  return yup.mixed().test(
+                    "type-error",
+                    "Relation values must be either null, an array of objects with {id} or an object.",
+                    () => false
+                  );
+                }
+              })
             )
           };
         default:
@@ -609,6 +741,14 @@ const createAttributeSchema = (attribute) => {
         if (!value || typeof value === "string" && value.length === 0) {
           return true;
         }
+        if (typeof value === "object") {
+          try {
+            JSON.stringify(value);
+            return true;
+          } catch (err) {
+            return false;
+          }
+        }
         try {
           JSON.parse(value);
           return true;
@@ -627,16 +767,30 @@ const createAttributeSchema = (attribute) => {
       return yup.mixed();
   }
 };
-const addRequiredValidation = (attribute) => (schema) => {
-  if (attribute.required) {
-    return schema.required({
-      id: translatedErrors.required.id,
-      defaultMessage: "This field is required."
-    });
+const nullableSchema = (schema) => {
+  return schema?.nullable ? schema.nullable() : (
+    // In some cases '.nullable' will not be available on the schema.
+    // e.g. when the schema has been built using yup.lazy (e.g. for relations).
+    // In these cases we should just return the schema as it is.
+    schema
+  );
+};
+const addNullableValidation = () => (schema) => {
+  return nullableSchema(schema);
+};
+const addRequiredValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft" || !attribute.required) {
+    return schema;
   }
-  return schema.nullable();
+  if (attribute.required && "required" in schema) {
+    return schema.required(translatedErrors.required);
+  }
+  return schema;
 };
-const addMinLengthValidation = (attribute) => (schema) => {
+const addMinLengthValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return schema;
+  }
   if ("minLength" in attribute && attribute.minLength && Number.isInteger(attribute.minLength) && "min" in schema) {
     return schema.min(attribute.minLength, {
       ...translatedErrors.minLength,
@@ -658,10 +812,13 @@ const addMaxLengthValidation = (attribute) => (schema) => {
   }
   return schema;
 };
-const addMinValidation = (attribute) => (schema) => {
-  if ("min" in attribute) {
+const addMinValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return schema;
+  }
+  if ("min" in attribute && "min" in schema) {
     const min = toInteger(attribute.min);
-    if ("min" in schema && min) {
+    if (min) {
       return schema.min(min, {
         ...translatedErrors.min,
         values: {
@@ -706,24 +863,6 @@ const addRegexValidation = (attribute) => (schema) => {
   }
   return schema;
 };
-const extractValuesFromYupError = (errorType, errorParams) => {
-  if (!errorType || !errorParams) {
-    return {};
-  }
-  return {
-    [errorType]: errorParams[errorType]
-  };
-};
-const getInnerErrors = (error) => (error?.inner || []).reduce((acc, currentError) => {
-  if (currentError.path) {
-    acc[currentError.path.split("[").join(".").split("]").join("")] = {
-      id: currentError.message,
-      defaultMessage: currentError.message,
-      values: extractValuesFromYupError(currentError?.type, currentError?.params)
-    };
-  }
-  return acc;
-}, {});
 const initApi = contentManagerApi.injectEndpoints({
   endpoints: (builder) => ({
     getInitialData: builder.query({
@@ -737,27 +876,20 @@ const { useGetInitialDataQuery } = initApi;
 const useContentTypeSchema = (model) => {
   const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
-  const { components, contentType, contentTypes, error, isLoading, isFetching } = useGetInitialDataQuery(void 0, {
-    selectFromResult: (res) => {
-      const contentType2 = res.data?.contentTypes.find((ct) => ct.uid === model);
-      const componentsByKey = res.data?.components.reduce(
-        (acc, component) => {
-          acc[component.uid] = component;
-          return acc;
-        },
-        {}
-      );
-      const components2 = extractContentTypeComponents(contentType2?.attributes, componentsByKey);
-      return {
-        isLoading: res.isLoading,
-        isFetching: res.isFetching,
-        error: res.error,
-        components: Object.keys(components2).length === 0 ? void 0 : components2,
-        contentType: contentType2,
-        contentTypes: res.data?.contentTypes ?? []
-      };
-    }
-  });
+  const { data, error, isLoading, isFetching } = useGetInitialDataQuery(void 0);
+  const { components, contentType, contentTypes } = React.useMemo(() => {
+    const contentType2 = data?.contentTypes.find((ct) => ct.uid === model);
+    const componentsByKey = data?.components.reduce((acc, component) => {
+      acc[component.uid] = component;
+      return acc;
+    }, {});
+    const components2 = extractContentTypeComponents(contentType2?.attributes, componentsByKey);
+    return {
+      components: Object.keys(components2).length === 0 ? void 0 : components2,
+      contentType: contentType2,
+      contentTypes: data?.contentTypes ?? []
+    };
+  }, [model, data]);
   React.useEffect(() => {
     if (error) {
       toggleNotification({
@@ -804,61 +936,404 @@ const extractContentTypeComponents = (attributes = {}, allComponents = {}) => {
   }, {});
   return componentsByKey;
 };
-const useDocument = (args, opts) => {
-  const { toggleNotification } = useNotification();
-  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
-  const {
-    currentData: data,
-    isLoading: isLoadingDocument,
-    isFetching: isFetchingDocument,
-    error
-  } = useGetDocumentQuery(args, opts);
-  const { components, schema, isLoading: isLoadingSchema } = useContentTypeSchema(args.model);
-  React.useEffect(() => {
-    if (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatAPIError(error)
-      });
-    }
-  }, [toggleNotification, error, formatAPIError, args.collectionType]);
-  const validationSchema = React.useMemo(() => {
-    if (!schema) {
-      return null;
-    }
-    return createYupSchema(schema.attributes, components);
-  }, [schema, components]);
-  const validate = React.useCallback(
-    (document) => {
-      if (!validationSchema) {
-        throw new Error(
-          "There is no validation schema generated, this is likely due to the schema not being loaded yet."
-        );
-      }
-      try {
-        validationSchema.validateSync(document, { abortEarly: false, strict: true });
-        return null;
-      } catch (error2) {
-        if (error2 instanceof ValidationError) {
-          return getInnerErrors(error2);
-        }
-        throw error2;
-      }
-    },
-    [validationSchema]
-  );
-  const isLoading = isLoadingDocument || isFetchingDocument || isLoadingSchema;
-  return {
-    components,
-    document: data?.data,
-    meta: data?.meta,
-    isLoading,
-    schema,
-    validate
-  };
+const HOOKS = {
+  /**
+   * Hook that allows to mutate the displayed headers of the list view table
+   * @constant
+   * @type {string}
+   */
+  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
+  /**
+   * Hook that allows to mutate the CM's collection types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
+  /**
+   * Hook that allows to mutate the CM's edit view layout
+   * @constant
+   * @type {string}
+   */
+  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
+  /**
+   * Hook that allows to mutate the CM's single types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
 };
-const useDoc = () => {
-  const { id, slug, collectionType, origin } = useParams();
+const contentTypesApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getContentTypeConfiguration: builder.query({
+      query: (uid) => ({
+        url: `/content-manager/content-types/${uid}/configuration`,
+        method: "GET"
+      }),
+      transformResponse: (response) => response.data,
+      providesTags: (_result, _error, uid) => [
+        { type: "ContentTypesConfiguration", id: uid },
+        { type: "ContentTypeSettings", id: "LIST" }
+      ]
+    }),
+    getAllContentTypeSettings: builder.query({
+      query: () => "/content-manager/content-types-settings",
+      transformResponse: (response) => response.data,
+      providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
+    }),
+    updateContentTypeConfiguration: builder.mutation({
+      query: ({ uid, ...body }) => ({
+        url: `/content-manager/content-types/${uid}/configuration`,
+        method: "PUT",
+        data: body
+      }),
+      transformResponse: (response) => response.data,
+      invalidatesTags: (_result, _error, { uid }) => [
+        { type: "ContentTypesConfiguration", id: uid },
+        { type: "ContentTypeSettings", id: "LIST" },
+        // Is this necessary?
+        { type: "InitialData" }
+      ]
+    })
+  })
+});
+const {
+  useGetContentTypeConfigurationQuery,
+  useGetAllContentTypeSettingsQuery,
+  useUpdateContentTypeConfigurationMutation
+} = contentTypesApi;
+const checkIfAttributeIsDisplayable = (attribute) => {
+  const { type } = attribute;
+  if (type === "relation") {
+    return !attribute.relation.toLowerCase().includes("morph");
+  }
+  return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
+};
+const getMainField = (attribute, mainFieldName, { schemas, components }) => {
+  if (!mainFieldName) {
+    return void 0;
+  }
+  const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
+    // @ts-expect-error – `targetModel` does exist on the attribute for a relation.
+    schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
+  );
+  return {
+    name: mainFieldName,
+    type: mainFieldType ?? "string"
+  };
+};
+const DEFAULT_SETTINGS = {
+  bulkable: false,
+  filterable: false,
+  searchable: false,
+  pagination: false,
+  defaultSortBy: "",
+  defaultSortOrder: "asc",
+  mainField: "id",
+  pageSize: 10
+};
+const useDocumentLayout = (model) => {
+  const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
+  const [{ query }] = useQueryParams();
+  const runHookWaterfall = useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
+  const { toggleNotification } = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
+  const {
+    data,
+    isLoading: isLoadingConfigs,
+    error,
+    isFetching: isFetchingConfigs
+  } = useGetContentTypeConfigurationQuery(model);
+  const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
+    }
+  }, [error, formatAPIError, toggleNotification]);
+  const editLayout = React.useMemo(
+    () => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
+      layout: [],
+      components: {},
+      metadatas: {},
+      options: {},
+      settings: DEFAULT_SETTINGS
+    },
+    [data, isLoading, schemas, schema, components]
+  );
+  const listLayout = React.useMemo(() => {
+    return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
+      layout: [],
+      metadatas: {},
+      options: {},
+      settings: DEFAULT_SETTINGS
+    };
+  }, [data, isLoading, schemas, schema, components]);
+  const { layout: edit } = React.useMemo(
+    () => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
+      layout: editLayout,
+      query
+    }),
+    [editLayout, query, runHookWaterfall]
+  );
+  return {
+    error,
+    isLoading,
+    edit,
+    list: listLayout
+  };
+};
+const useDocLayout = () => {
+  const { model } = useDoc();
+  return useDocumentLayout(model);
+};
+const formatEditLayout = (data, {
+  schemas,
+  schema,
+  components
+}) => {
+  let currentPanelIndex = 0;
+  const panelledEditAttributes = convertEditLayoutToFieldLayouts(
+    data.contentType.layouts.edit,
+    schema?.attributes,
+    data.contentType.metadatas,
+    { configurations: data.components, schemas: components },
+    schemas
+  ).reduce((panels, row) => {
+    if (row.some((field) => field.type === "dynamiczone")) {
+      panels.push([row]);
+      currentPanelIndex += 2;
+    } else {
+      if (!panels[currentPanelIndex]) {
+        panels.push([row]);
+      } else {
+        panels[currentPanelIndex].push(row);
+      }
+    }
+    return panels;
+  }, []);
+  const componentEditAttributes = Object.entries(data.components).reduce(
+    (acc, [uid, configuration]) => {
+      acc[uid] = {
+        layout: convertEditLayoutToFieldLayouts(
+          configuration.layouts.edit,
+          components[uid].attributes,
+          configuration.metadatas,
+          { configurations: data.components, schemas: components }
+        ),
+        settings: {
+          ...configuration.settings,
+          icon: components[uid].info.icon,
+          displayName: components[uid].info.displayName
+        }
+      };
+      return acc;
+    },
+    {}
+  );
+  const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
+    (acc, [attribute, metadata]) => {
+      return {
+        ...acc,
+        [attribute]: metadata.edit
+      };
+    },
+    {}
+  );
+  return {
+    layout: panelledEditAttributes,
+    components: componentEditAttributes,
+    metadatas: editMetadatas,
+    settings: {
+      ...data.contentType.settings,
+      displayName: schema?.info.displayName
+    },
+    options: {
+      ...schema?.options,
+      ...schema?.pluginOptions,
+      ...data.contentType.options
+    }
+  };
+};
+const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
+  return rows.map(
+    (row) => row.map((field) => {
+      const attribute = attributes[field.name];
+      if (!attribute) {
+        return null;
+      }
+      const { edit: metadata } = metadatas[field.name];
+      const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
+      return {
+        attribute,
+        disabled: !metadata.editable,
+        hint: metadata.description,
+        label: metadata.label ?? "",
+        name: field.name,
+        // @ts-expect-error – mainField does exist on the metadata for a relation.
+        mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
+          schemas,
+          components: components?.schemas ?? {}
+        }),
+        placeholder: metadata.placeholder ?? "",
+        required: attribute.required ?? false,
+        size: field.size,
+        unique: "unique" in attribute ? attribute.unique : false,
+        visible: metadata.visible ?? true,
+        type: attribute.type
+      };
+    }).filter((field) => field !== null)
+  );
+};
+const formatListLayout = (data, {
+  schemas,
+  schema,
+  components
+}) => {
+  const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
+    (acc, [attribute, metadata]) => {
+      return {
+        ...acc,
+        [attribute]: metadata.list
+      };
+    },
+    {}
+  );
+  const listAttributes = convertListLayoutToFieldLayouts(
+    data.contentType.layouts.list,
+    schema?.attributes,
+    listMetadatas,
+    { configurations: data.components, schemas: components },
+    schemas
+  );
+  return {
+    layout: listAttributes,
+    settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
+    metadatas: listMetadatas,
+    options: {
+      ...schema?.options,
+      ...schema?.pluginOptions,
+      ...data.contentType.options
+    }
+  };
+};
+const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
+  return columns.map((name) => {
+    const attribute = attributes[name];
+    if (!attribute) {
+      return null;
+    }
+    const metadata = metadatas[name];
+    const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
+    return {
+      attribute,
+      label: metadata.label ?? "",
+      mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
+        schemas,
+        components: components?.schemas ?? {}
+      }),
+      name,
+      searchable: metadata.searchable ?? true,
+      sortable: metadata.sortable ?? true
+    };
+  }).filter((field) => field !== null);
+};
+const useDocument = (args, opts) => {
+  const { toggleNotification } = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const { formatMessage } = useIntl();
+  const {
+    currentData: data,
+    isLoading: isLoadingDocument,
+    isFetching: isFetchingDocument,
+    error
+  } = useGetDocumentQuery(args, {
+    ...opts,
+    skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
+  });
+  const document = data?.data;
+  const meta = data?.meta;
+  const {
+    components,
+    schema,
+    schemas,
+    isLoading: isLoadingSchema
+  } = useContentTypeSchema(args.model);
+  const isSingleType = schema?.kind === "singleType";
+  const getTitle = (mainField) => {
+    if (mainField !== "id" && document?.[mainField]) {
+      return document[mainField];
+    }
+    if (isSingleType && schema?.info.displayName) {
+      return schema.info.displayName;
+    }
+    return formatMessage({
+      id: "content-manager.containers.untitled",
+      defaultMessage: "Untitled"
+    });
+  };
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
+    }
+  }, [toggleNotification, error, formatAPIError, args.collectionType]);
+  const validationSchema = React.useMemo(() => {
+    if (!schema) {
+      return null;
+    }
+    return createYupSchema(schema.attributes, components);
+  }, [schema, components]);
+  const validate = React.useCallback(
+    (document2) => {
+      if (!validationSchema) {
+        throw new Error(
+          "There is no validation schema generated, this is likely due to the schema not being loaded yet."
+        );
+      }
+      try {
+        validationSchema.validateSync(document2, { abortEarly: false, strict: true });
+        return null;
+      } catch (error2) {
+        if (error2 instanceof ValidationError) {
+          return getYupValidationErrors(error2);
+        }
+        throw error2;
+      }
+    },
+    [validationSchema]
+  );
+  const getInitialFormValues = React.useCallback(
+    (isCreatingDocument = false) => {
+      if (!document && !isCreatingDocument && !isSingleType || !schema) {
+        return void 0;
+      }
+      const form = document?.id ? document : createDefaultForm(schema, components);
+      return transformDocument(schema, components)(form);
+    },
+    [document, isSingleType, schema, components]
+  );
+  const isLoading = isLoadingDocument || isFetchingDocument || isLoadingSchema;
+  const hasError = !!error;
+  return {
+    components,
+    document,
+    meta,
+    isLoading,
+    hasError,
+    schema,
+    schemas,
+    validate,
+    getTitle,
+    getInitialFormValues
+  };
+};
+const useDoc = () => {
+  const { id, slug, collectionType, origin } = useParams();
   const [{ query }] = useQueryParams();
   const params = React.useMemo(() => buildValidParams(query), [query]);
   if (!collectionType) {
@@ -867,22 +1342,60 @@ const useDoc = () => {
   if (!slug) {
     throw new Error("Could not find model in url params");
   }
+  const document = useDocument(
+    { documentId: origin || id, model: slug, collectionType, params },
+    {
+      skip: id === "create" || !origin && !id && collectionType !== SINGLE_TYPES
+    }
+  );
+  const returnId = origin || id === "create" ? void 0 : id;
   return {
     collectionType,
     model: slug,
-    id: origin || id === "create" ? void 0 : id,
-    ...useDocument(
-      { documentId: origin || id, model: slug, collectionType, params },
-      {
-        skip: id === "create" || !origin && !id && collectionType !== SINGLE_TYPES
-      }
-    )
+    id: returnId,
+    ...document
+  };
+};
+const useContentManagerContext = () => {
+  const {
+    collectionType,
+    model,
+    id,
+    components,
+    isLoading: isLoadingDoc,
+    schema,
+    schemas
+  } = useDoc();
+  const layout = useDocumentLayout(model);
+  const form = useForm("useContentManagerContext", (state) => state);
+  const isSingleType = collectionType === SINGLE_TYPES;
+  const slug = model;
+  const isCreatingEntry = id === "create";
+  useContentTypeSchema();
+  const isLoading = isLoadingDoc || layout.isLoading;
+  const error = layout.error;
+  return {
+    error,
+    isLoading,
+    // Base metadata
+    model,
+    collectionType,
+    id,
+    slug,
+    isCreatingEntry,
+    isSingleType,
+    hasDraftAndPublish: schema?.options?.draftAndPublish ?? false,
+    // All schema infos
+    components,
+    contentType: schema,
+    contentTypes: schemas,
+    // Form state
+    form,
+    // layout infos
+    layout
   };
 };
 const prefixPluginTranslations = (trad, pluginId) => {
-  if (!pluginId) {
-    throw new TypeError("pluginId can't be empty");
-  }
   return Object.keys(trad).reduce((acc, current) => {
     acc[`${pluginId}.${current}`] = trad[current];
     return acc;
@@ -898,6 +1411,8 @@ const useDocumentActions = () => {
   const { formatMessage } = useIntl();
   const { trackUsage } = useTracking();
   const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const navigate = useNavigate();
+  const setCurrentStep = useGuidedTour("useDocumentActions", (state) => state.setCurrentStep);
   const [deleteDocument] = useDeleteDocumentMutation();
   const _delete = React.useCallback(
     async ({ collectionType, model, documentId, params }, trackerProperty) => {
@@ -936,14 +1451,53 @@ const useDocumentActions = () => {
     },
     [trackUsage, deleteDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [deleteManyDocuments] = useDeleteManyDocumentsMutation();
+  const deleteMany = React.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        trackUsage("willBulkDeleteEntries");
+        const res = await deleteManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({
+            type: "danger",
+            message: formatAPIError(res.error)
+          });
+          return { error: res.error };
+        }
+        toggleNotification({
+          type: "success",
+          title: formatMessage({
+            id: getTranslation("success.records.delete"),
+            defaultMessage: "Successfully deleted."
+          }),
+          message: ""
+        });
+        trackUsage("didBulkDeleteEntries");
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        trackUsage("didNotBulkDeleteEntries");
+        throw err;
+      }
+    },
+    [trackUsage, deleteManyDocuments, toggleNotification, formatMessage, formatAPIError]
+  );
   const [discardDocument] = useDiscardDocumentMutation();
   const discard = React.useCallback(
-    async ({ collectionType, model, documentId }) => {
+    async ({ collectionType, model, documentId, params }) => {
       try {
         const res = await discardDocument({
           collectionType,
           model,
-          documentId
+          documentId,
+          params
         });
         if ("error" in res) {
           toggleNotification({
@@ -1005,6 +1559,43 @@ const useDocumentActions = () => {
     },
     [trackUsage, publishDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [publishManyDocuments] = usePublishManyDocumentsMutation();
+  const publishMany = React.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        const res = await publishManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+          return { error: res.error };
+        }
+        toggleNotification({
+          type: "success",
+          message: formatMessage({
+            id: getTranslation("success.record.publish"),
+            defaultMessage: "Published document"
+          })
+        });
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        throw err;
+      }
+    },
+    [
+      // trackUsage,
+      publishManyDocuments,
+      toggleNotification,
+      formatMessage,
+      formatAPIError
+    ]
+  );
   const [updateDocument] = useUpdateDocumentMutation();
   const update = React.useCallback(
     async ({ collectionType, model, documentId, params }, data, trackerProperty) => {
@@ -1077,7 +1668,42 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [trackUsage, unpublishDocument, toggleNotification, formatMessage, formatAPIError]
+    [trackUsage, unpublishDocument, toggleNotification, formatMessage, formatAPIError]
+  );
+  const [unpublishManyDocuments] = useUnpublishManyDocumentsMutation();
+  const unpublishMany = React.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        trackUsage("willBulkUnpublishEntries");
+        const res = await unpublishManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+          return { error: res.error };
+        }
+        trackUsage("didBulkUnpublishEntries");
+        toggleNotification({
+          type: "success",
+          title: formatMessage({
+            id: getTranslation("success.records.unpublish"),
+            defaultMessage: "Successfully unpublished."
+          }),
+          message: ""
+        });
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        trackUsage("didNotBulkUnpublishEntries");
+        throw err;
+      }
+    },
+    [trackUsage, unpublishManyDocuments, toggleNotification, formatMessage, formatAPIError]
   );
   const [createDocument] = useCreateDocumentMutation();
   const create = React.useCallback(
@@ -1101,6 +1727,7 @@ const useDocumentActions = () => {
             defaultMessage: "Saved document"
           })
         });
+        setCurrentStep("contentManager.success");
         return res.data;
       } catch (err) {
         toggleNotification({
@@ -1122,7 +1749,6 @@ const useDocumentActions = () => {
           sourceId
         });
         if ("error" in res) {
-          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
           return { error: res.error };
         }
         toggleNotification({
@@ -1141,7 +1767,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [autoCloneDocument, formatAPIError, formatMessage, toggleNotification]
+    [autoCloneDocument, formatMessage, toggleNotification]
   );
   const [cloneDocument] = useCloneDocumentMutation();
   const clone = React.useCallback(
@@ -1167,6 +1793,7 @@ const useDocumentActions = () => {
             defaultMessage: "Cloned document"
           })
         });
+        navigate(`../../${res.data.data.documentId}`, { relative: "path" });
         return res.data;
       } catch (err) {
         toggleNotification({
@@ -1177,7 +1804,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError]
+    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError, navigate]
   );
   const [getDoc] = useLazyGetDocumentQuery();
   const getDocument = React.useCallback(
@@ -1192,17 +1819,20 @@ const useDocumentActions = () => {
     clone,
     create,
     delete: _delete,
+    deleteMany,
     discard,
     getDocument,
     publish,
+    publishMany,
     unpublish,
+    unpublishMany,
     update
   };
 };
-const ProtectedHistoryPage = lazy(
-  () => import("./History-DKhZAPcK.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+const ProtectedHistoryPage = React.lazy(
+  () => import("./History-CzQbTOwa.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
-const routes$1 = [
+const routes$2 = [
   {
     path: ":collectionType/:slug/:id/history",
     Component: ProtectedHistoryPage
@@ -1212,32 +1842,45 @@ const routes$1 = [
     Component: ProtectedHistoryPage
   }
 ];
+const ProtectedPreviewPage = React.lazy(
+  () => import("./Preview-Bieh13Ro.mjs").then((mod) => ({ default: mod.ProtectedPreviewPage }))
+);
+const routes$1 = [
+  {
+    path: ":collectionType/:slug/:id/preview",
+    Component: ProtectedPreviewPage
+  },
+  {
+    path: ":collectionType/:slug/preview",
+    Component: ProtectedPreviewPage
+  }
+];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-aUnqL-63.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-DYXZs4_2.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-ChhYmA-L.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-DnOP55pM.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-nrXcxNYi.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-Bbw8w5cS.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-BoBb-DLH.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-B0kNlNoj.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-DjQBdcKF.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-B_99pmC0.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-B9dqrtTy.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-kaj1rPiW.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-BrdFcN33.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-CXKXHNMa.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1249,7 +1892,7 @@ const CollectionTypePages = () => {
 const CLONE_RELATIVE_PATH = ":collectionType/:slug/clone/:origin";
 const CLONE_PATH = `/content-manager/${CLONE_RELATIVE_PATH}`;
 const LIST_RELATIVE_PATH = ":collectionType/:slug";
-const LIST_PATH = `/content-manager/${LIST_RELATIVE_PATH}`;
+const LIST_PATH = `/content-manager/collection-types/:slug`;
 const routes = [
   {
     path: LIST_RELATIVE_PATH,
@@ -1283,6 +1926,7 @@ const routes = [
     path: "no-content-types",
     Component: NoContentType
   },
+  ...routes$2,
   ...routes$1
 ];
 const DocumentActions = ({ actions: actions2 }) => {
@@ -1351,12 +1995,14 @@ const DocumentActionButton = (action) => {
     /* @__PURE__ */ jsx(
       Button,
       {
-        flex: 1,
+        flex: "auto",
         startIcon: action.icon,
         disabled: action.disabled,
         onClick: handleClick(action),
         justifyContent: "center",
         variant: action.variant || "default",
+        paddingTop: "7px",
+        paddingBottom: "7px",
         children: action.label
       }
     ),
@@ -1364,7 +2010,7 @@ const DocumentActionButton = (action) => {
       DocumentActionConfirmDialog,
       {
         ...action.dialog,
-        variant: action.variant,
+        variant: action.dialog?.variant ?? action.variant,
         isOpen: dialogId === action.id,
         onClose: handleClose
       }
@@ -1379,6 +2025,11 @@ const DocumentActionButton = (action) => {
     ) : null
   ] });
 };
+const MenuItem = styled(Menu.Item)`
+  &:hover {
+    background: ${({ theme, isVariantDanger, isDisabled }) => isVariantDanger && !isDisabled ? theme.colors.danger100 : "neutral"};
+  }
+`;
 const DocumentActionsMenu = ({
   actions: actions2,
   children,
@@ -1421,49 +2072,48 @@ const DocumentActionsMenu = ({
         disabled: isDisabled,
         size: "S",
         endIcon: null,
-        paddingTop: "7px",
-        paddingLeft: "9px",
-        paddingRight: "9px",
+        paddingTop: "4px",
+        paddingLeft: "7px",
+        paddingRight: "7px",
         variant,
         children: [
           /* @__PURE__ */ jsx(More, { "aria-hidden": true, focusable: false }),
-          /* @__PURE__ */ jsx(VisuallyHidden, { as: "span", children: label || formatMessage({
+          /* @__PURE__ */ jsx(VisuallyHidden, { tag: "span", children: label || formatMessage({
             id: "content-manager.containers.edit.panels.default.more-actions",
             defaultMessage: "More document actions"
           }) })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(Menu.Content, { top: "4px", maxHeight: void 0, popoverPlacement: "bottom-end", children: [
+    /* @__PURE__ */ jsxs(Menu.Content, { maxHeight: void 0, popoverPlacement: "bottom-end", children: [
       actions2.map((action) => {
         return /* @__PURE__ */ jsx(
-          Menu.Item,
+          MenuItem,
           {
             disabled: action.disabled,
             onSelect: handleClick(action),
             display: "block",
-            children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", gap: 4, children: [
-              /* @__PURE__ */ jsxs(Flex, { color: convertActionVariantToColor(action.variant), gap: 2, as: "span", children: [
-                action.icon,
-                action.label
-              ] }),
-              action.id.startsWith("HistoryAction") && /* @__PURE__ */ jsx(
-                Flex,
-                {
-                  alignItems: "center",
-                  background: "alternative100",
-                  borderStyle: "solid",
-                  borderColor: "alternative200",
-                  borderWidth: "1px",
-                  height: 5,
-                  paddingLeft: 2,
-                  paddingRight: 2,
-                  hasRadius: true,
-                  color: "alternative600",
-                  children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", lineHeight: 1, children: formatMessage({ id: "global.new", defaultMessage: "New" }) })
-                }
-              )
-            ] })
+            isVariantDanger: action.variant === "danger",
+            isDisabled: action.disabled,
+            children: /* @__PURE__ */ jsx(Flex, { justifyContent: "space-between", gap: 4, children: /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                color: !action.disabled ? convertActionVariantToColor(action.variant) : "inherit",
+                gap: 2,
+                tag: "span",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Flex,
+                    {
+                      tag: "span",
+                      color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
+                      children: action.icon
+                    }
+                  ),
+                  action.label
+                ]
+              }
+            ) })
           },
           action.id
         );
@@ -1505,6 +2155,18 @@ const convertActionVariantToColor = (variant = "secondary") => {
       return "primary600";
   }
 };
+const convertActionVariantToIconColor = (variant = "secondary") => {
+  switch (variant) {
+    case "danger":
+      return "danger600";
+    case "secondary":
+      return "neutral500";
+    case "success":
+      return "success600";
+    default:
+      return "primary600";
+  }
+};
 const DocumentActionConfirmDialog = ({
   onClose,
   onCancel,
@@ -1527,61 +2189,54 @@ const DocumentActionConfirmDialog = ({
     }
     onClose();
   };
-  return /* @__PURE__ */ jsxs(Dialog, { isOpen, title, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx(DialogBody, { children: content }),
-    /* @__PURE__ */ jsx(
-      DialogFooter,
-      {
-        startAction: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endAction: /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant, children: formatMessage({
-          id: "app.components.Button.confirm",
-          defaultMessage: "Confirm"
-        }) })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
+    /* @__PURE__ */ jsx(Dialog.Body, { children: content }),
+    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+      /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", fullWidth: true, children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant, fullWidth: true, children: formatMessage({
+        id: "app.components.Button.confirm",
+        defaultMessage: "Confirm"
+      }) })
+    ] })
+  ] }) });
 };
 const DocumentActionModal = ({
   isOpen,
   title,
   onClose,
   footer: Footer,
-  content,
+  content: Content,
   onModalClose
 }) => {
-  const id = React.useId();
-  if (!isOpen) {
-    return null;
-  }
   const handleClose = () => {
     if (onClose) {
       onClose();
     }
     onModalClose();
   };
-  return /* @__PURE__ */ jsxs(ModalLayout, { borderRadius: "4px", overflow: "hidden", onClose: handleClose, labelledBy: id, children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id, children: title }) }),
-    /* @__PURE__ */ jsx(ModalBody, { children: content }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        paddingTop: 4,
-        paddingBottom: 4,
-        paddingLeft: 5,
-        paddingRight: 5,
-        borderWidth: "1px 0 0 0",
-        borderStyle: "solid",
-        borderColor: "neutral150",
-        background: "neutral100",
-        children: typeof Footer === "function" ? /* @__PURE__ */ jsx(Footer, { onClose: handleClose }) : Footer
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(Modal.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: title }) }),
+    typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : /* @__PURE__ */ jsx(Modal.Body, { children: Content }),
+    typeof Footer === "function" ? /* @__PURE__ */ jsx(Footer, { onClose: handleClose }) : Footer
+  ] }) });
+};
+const transformData = (data) => {
+  if (Array.isArray(data)) {
+    return data.map(transformData);
+  }
+  if (typeof data === "object" && data !== null) {
+    if ("apiData" in data) {
+      return data.apiData;
+    }
+    return mapValues(transformData)(data);
+  }
+  return data;
 };
-const PublishAction = ({
+const PublishAction$1 = ({
   activeTab,
   documentId,
   model,
@@ -1593,13 +2248,18 @@ const PublishAction = ({
   const navigate = useNavigate();
   const { toggleNotification } = useNotification();
   const { _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
+  const isListView = useMatch(LIST_PATH) !== null;
   const isCloning = useMatch(CLONE_PATH) !== null;
+  const { id } = useParams();
   const { formatMessage } = useIntl();
-  const { canPublish, canCreate, canUpdate } = useDocumentRBAC(
-    "PublishAction",
-    ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 }) => ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 })
-  );
+  const canPublish = useDocumentRBAC("PublishAction", ({ canPublish: canPublish2 }) => canPublish2);
   const { publish } = useDocumentActions();
+  const [
+    countDraftRelations,
+    { isLoading: isLoadingDraftRelations, isError: isErrorDraftRelations }
+  ] = useLazyGetDraftRelationCountQuery();
+  const [localCountOfDraftRelations, setLocalCountOfDraftRelations] = React.useState(0);
+  const [serverCountOfDraftRelations, setServerCountOfDraftRelations] = React.useState(0);
   const [{ query, rawQuery }] = useQueryParams();
   const params = React.useMemo(() => buildValidParams(query), [query]);
   const modified = useForm("PublishAction", ({ modified: modified2 }) => modified2);
@@ -1608,10 +2268,107 @@ const PublishAction = ({
   const validate = useForm("PublishAction", (state) => state.validate);
   const setErrors = useForm("PublishAction", (state) => state.setErrors);
   const formValues = useForm("PublishAction", ({ values }) => values);
+  React.useEffect(() => {
+    if (isErrorDraftRelations) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("error.records.fetch-draft-relatons"),
+          defaultMessage: "An error occurred while fetching draft relations on this document."
+        })
+      });
+    }
+  }, [isErrorDraftRelations, toggleNotification, formatMessage]);
+  React.useEffect(() => {
+    const localDraftRelations = /* @__PURE__ */ new Set();
+    const extractDraftRelations = (data) => {
+      const relations = data.connect || [];
+      relations.forEach((relation) => {
+        if (relation.status === "draft") {
+          localDraftRelations.add(relation.id);
+        }
+      });
+    };
+    const traverseAndExtract = (data) => {
+      Object.entries(data).forEach(([key, value]) => {
+        if (key === "connect" && Array.isArray(value)) {
+          extractDraftRelations({ connect: value });
+        } else if (typeof value === "object" && value !== null) {
+          traverseAndExtract(value);
+        }
+      });
+    };
+    if (!documentId || modified) {
+      traverseAndExtract(formValues);
+      setLocalCountOfDraftRelations(localDraftRelations.size);
+    }
+  }, [documentId, modified, formValues, setLocalCountOfDraftRelations]);
+  React.useEffect(() => {
+    if (!document || !document.documentId || isListView) {
+      return;
+    }
+    const fetchDraftRelationsCount = async () => {
+      const { data, error } = await countDraftRelations({
+        collectionType,
+        model,
+        documentId,
+        params
+      });
+      if (error) {
+        throw error;
+      }
+      if (data) {
+        setServerCountOfDraftRelations(data.data);
+      }
+    };
+    fetchDraftRelationsCount();
+  }, [isListView, document, documentId, countDraftRelations, collectionType, model, params]);
   const isDocumentPublished = (document?.[PUBLISHED_AT_ATTRIBUTE_NAME] || meta?.availableStatus.some((doc) => doc[PUBLISHED_AT_ATTRIBUTE_NAME] !== null)) && document?.status !== "modified";
   if (!schema?.options?.draftAndPublish) {
     return null;
   }
+  const performPublish = async () => {
+    setSubmitting(true);
+    try {
+      const { errors } = await validate(true, {
+        status: "published"
+      });
+      if (errors) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: "content-manager.validation.error",
+            defaultMessage: "There are validation errors in your document. Please fix them before saving."
+          })
+        });
+        return;
+      }
+      const res = await publish(
+        {
+          collectionType,
+          model,
+          documentId,
+          params
+        },
+        transformData(formValues)
+      );
+      if ("data" in res && collectionType !== SINGLE_TYPES) {
+        if (id === "create") {
+          navigate({
+            pathname: `../${collectionType}/${model}/${res.data.documentId}`,
+            search: rawQuery
+          });
+        }
+      } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+        setErrors(formatValidationErrors(res.error));
+      }
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const totalDraftRelations = localCountOfDraftRelations + serverCountOfDraftRelations;
+  const enableDraftRelationsCount = false;
+  const hasDraftRelations = enableDraftRelationsCount;
   return {
     /**
      * Disabled when:
@@ -1621,52 +2378,40 @@ const PublishAction = ({
      *  - the document is already published & not modified
      *  - the document is being created & not modified
      *  - the user doesn't have the permission to publish
-     *  - the user doesn't have the permission to create a new document
-     *  - the user doesn't have the permission to update the document
      */
-    disabled: isCloning || isSubmitting || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish || Boolean(!document?.documentId && !canCreate || document?.documentId && !canUpdate),
+    disabled: isCloning || isSubmitting || isLoadingDraftRelations || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish,
     label: formatMessage({
       id: "app.utils.publish",
       defaultMessage: "Publish"
     }),
     onClick: async () => {
-      setSubmitting(true);
-      try {
-        const { errors } = await validate();
-        if (errors) {
-          toggleNotification({
-            type: "danger",
-            message: formatMessage({
-              id: "content-manager.validation.error",
-              defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            })
-          });
-          return;
-        }
-        const res = await publish(
-          {
-            collectionType,
-            model,
-            documentId,
-            params
-          },
-          formValues
-        );
-        if ("data" in res && collectionType !== SINGLE_TYPES) {
-          navigate({
-            pathname: `../${collectionType}/${model}/${res.data.documentId}`,
-            search: rawQuery
-          });
-        } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-          setErrors(formatValidationErrors(res.error));
+      await performPublish();
+    },
+    dialog: hasDraftRelations ? {
+      type: "dialog",
+      variant: "danger",
+      footer: null,
+      title: formatMessage({
+        id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.title`),
+        defaultMessage: "Confirmation"
+      }),
+      content: formatMessage(
+        {
+          id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),
+          defaultMessage: "This entry is related to {count, plural, one {# draft entry} other {# draft entries}}. Publishing it could leave broken links in your app."
+        },
+        {
+          count: totalDraftRelations
         }
-      } finally {
-        setSubmitting(false);
+      ),
+      onConfirm: async () => {
+        await performPublish();
       }
-    }
+    } : void 0
   };
 };
-PublishAction.type = "publish";
+PublishAction$1.type = "publish";
+PublishAction$1.position = "panel";
 const UpdateAction = ({
   activeTab,
   documentId,
@@ -1679,10 +2424,6 @@ const UpdateAction = ({
   const cloneMatch = useMatch(CLONE_PATH);
   const isCloning = cloneMatch !== null;
   const { formatMessage } = useIntl();
-  const { canCreate, canUpdate } = useDocumentRBAC("UpdateAction", ({ canCreate: canCreate2, canUpdate: canUpdate2 }) => ({
-    canCreate: canCreate2,
-    canUpdate: canUpdate2
-  }));
   const { create, update, clone } = useDocumentActions();
   const [{ query, rawQuery }] = useQueryParams();
   const params = React.useMemo(() => buildValidParams(query), [query]);
@@ -1693,95 +2434,139 @@ const UpdateAction = ({
   const validate = useForm("UpdateAction", (state) => state.validate);
   const setErrors = useForm("UpdateAction", (state) => state.setErrors);
   const resetForm = useForm("PublishAction", ({ resetForm: resetForm2 }) => resetForm2);
-  return {
-    /**
-     * Disabled when:
-     * - the form is submitting
-     * - the document is not modified & we're not cloning (you can save a clone entity straight away)
-     * - the active tab is the published tab
-     * - the user doesn't have the permission to create a new document
-     * - the user doesn't have the permission to update the document
-     */
-    disabled: isSubmitting || !modified && !isCloning || activeTab === "published" || Boolean(!documentId && !canCreate || documentId && !canUpdate),
-    label: formatMessage({
-      id: "content-manager.containers.Edit.save",
-      defaultMessage: "Save"
-    }),
-    onClick: async () => {
-      setSubmitting(true);
-      try {
-        const { errors } = await validate();
-        if (errors) {
-          toggleNotification({
-            type: "danger",
-            message: formatMessage({
-              id: "content-manager.validation.error",
-              defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            })
-          });
-          return;
-        }
-        if (isCloning) {
-          const res = await clone(
+  const handleUpdate = React.useCallback(async () => {
+    setSubmitting(true);
+    try {
+      if (!modified) {
+        return;
+      }
+      const { errors } = await validate(true, {
+        status: "draft"
+      });
+      if (errors) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: "content-manager.validation.error",
+            defaultMessage: "There are validation errors in your document. Please fix them before saving."
+          })
+        });
+        return;
+      }
+      if (isCloning) {
+        const res = await clone(
+          {
+            model,
+            documentId: cloneMatch.params.origin,
+            params
+          },
+          transformData(document)
+        );
+        if ("data" in res) {
+          navigate(
             {
-              model,
-              documentId: cloneMatch.params.origin,
-              params
-            },
-            document
-          );
-          if ("data" in res) {
-            navigate({
-              pathname: `../${collectionType}/${model}/${res.data.documentId}`,
+              pathname: `../${res.data.documentId}`,
               search: rawQuery
-            });
-          } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-            setErrors(formatValidationErrors(res.error));
-          }
-        } else if (documentId || collectionType === SINGLE_TYPES) {
-          const res = await update(
-            {
-              collectionType,
-              model,
-              documentId,
-              params
             },
-            document
+            { relative: "path" }
           );
-          if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-            setErrors(formatValidationErrors(res.error));
-          } else {
-            resetForm();
-          }
+        } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          setErrors(formatValidationErrors(res.error));
+        }
+      } else if (documentId || collectionType === SINGLE_TYPES) {
+        const res = await update(
+          {
+            collectionType,
+            model,
+            documentId,
+            params
+          },
+          transformData(document)
+        );
+        if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          setErrors(formatValidationErrors(res.error));
         } else {
-          const res = await create(
+          resetForm();
+        }
+      } else {
+        const res = await create(
+          {
+            model,
+            params
+          },
+          transformData(document)
+        );
+        if ("data" in res && collectionType !== SINGLE_TYPES) {
+          navigate(
             {
-              model,
-              params
+              pathname: `../${res.data.documentId}`,
+              search: rawQuery
             },
-            document
+            { replace: true, relative: "path" }
           );
-          if ("data" in res && collectionType !== SINGLE_TYPES) {
-            navigate({
-              pathname: `../${collectionType}/${model}/${res.data.documentId}`,
-              search: rawQuery
-            });
-          } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-            setErrors(formatValidationErrors(res.error));
-          }
+        } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          setErrors(formatValidationErrors(res.error));
         }
-      } finally {
-        setSubmitting(false);
       }
+    } finally {
+      setSubmitting(false);
     }
+  }, [
+    clone,
+    cloneMatch?.params.origin,
+    collectionType,
+    create,
+    document,
+    documentId,
+    formatMessage,
+    formatValidationErrors,
+    isCloning,
+    model,
+    modified,
+    navigate,
+    params,
+    rawQuery,
+    resetForm,
+    setErrors,
+    setSubmitting,
+    toggleNotification,
+    update,
+    validate
+  ]);
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        handleUpdate();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [handleUpdate]);
+  return {
+    /**
+     * Disabled when:
+     * - the form is submitting
+     * - the document is not modified & we're not cloning (you can save a clone entity straight away)
+     * - the active tab is the published tab
+     */
+    disabled: isSubmitting || !modified && !isCloning || activeTab === "published",
+    label: formatMessage({
+      id: "global.save",
+      defaultMessage: "Save"
+    }),
+    onClick: handleUpdate
   };
 };
 UpdateAction.type = "update";
+UpdateAction.position = "panel";
 const UNPUBLISH_DRAFT_OPTIONS = {
   KEEP: "keep",
   DISCARD: "discard"
 };
-const UnpublishAction = ({
+const UnpublishAction$1 = ({
   activeTab,
   documentId,
   model,
@@ -1797,10 +2582,8 @@ const UnpublishAction = ({
   const { toggleNotification } = useNotification();
   const [shouldKeepDraft, setShouldKeepDraft] = React.useState(true);
   const isDocumentModified = document?.status === "modified";
-  const handleChange = (e) => {
-    if ("value" in e.target) {
-      setShouldKeepDraft(e.target.value === UNPUBLISH_DRAFT_OPTIONS.KEEP);
-    }
+  const handleChange = (value) => {
+    setShouldKeepDraft(value === UNPUBLISH_DRAFT_OPTIONS.KEEP);
   };
   if (!schema?.options?.draftAndPublish) {
     return null;
@@ -1811,7 +2594,7 @@ const UnpublishAction = ({
       id: "app.utils.unpublish",
       defaultMessage: "Unpublish"
     }),
-    icon: /* @__PURE__ */ jsx(StyledCrossCircle, {}),
+    icon: /* @__PURE__ */ jsx(Cross, {}),
     onClick: async () => {
       if (!documentId && collectionType !== SINGLE_TYPES || isDocumentModified) {
         if (!documentId) {
@@ -1844,45 +2627,30 @@ const UnpublishAction = ({
       content: /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-start", direction: "column", gap: 6, children: [
         /* @__PURE__ */ jsxs(Flex, { width: "100%", direction: "column", gap: 2, children: [
           /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
-          /* @__PURE__ */ jsx(Typography, { as: "p", variant: "omega", textAlign: "center", children: formatMessage({
+          /* @__PURE__ */ jsx(Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
             id: "content-manager.actions.unpublish.dialog.body",
             defaultMessage: "Are you sure?"
           }) })
         ] }),
         /* @__PURE__ */ jsxs(
-          Flex,
+          Radio.Group,
           {
-            onChange: handleChange,
-            direction: "column",
-            alignItems: "flex-start",
-            as: "fieldset",
-            gap: 3,
+            defaultValue: UNPUBLISH_DRAFT_OPTIONS.KEEP,
+            name: "discard-options",
+            "aria-label": formatMessage({
+              id: "content-manager.actions.unpublish.dialog.radio-label",
+              defaultMessage: "Choose an option to unpublish the document."
+            }),
+            onValueChange: handleChange,
             children: [
-              /* @__PURE__ */ jsx(VisuallyHidden, { as: "legend" }),
-              /* @__PURE__ */ jsx(
-                Radio,
-                {
-                  checked: shouldKeepDraft,
-                  value: UNPUBLISH_DRAFT_OPTIONS.KEEP,
-                  name: "discard-options",
-                  children: formatMessage({
-                    id: "content-manager.actions.unpublish.dialog.option.keep-draft",
-                    defaultMessage: "Keep draft"
-                  })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Radio,
-                {
-                  checked: !shouldKeepDraft,
-                  value: UNPUBLISH_DRAFT_OPTIONS.DISCARD,
-                  name: "discard-options",
-                  children: formatMessage({
-                    id: "content-manager.actions.unpublish.dialog.option.replace-draft",
-                    defaultMessage: "Replace draft"
-                  })
-                }
-              )
+              /* @__PURE__ */ jsx(Radio.Item, { checked: shouldKeepDraft, value: UNPUBLISH_DRAFT_OPTIONS.KEEP, children: formatMessage({
+                id: "content-manager.actions.unpublish.dialog.option.keep-draft",
+                defaultMessage: "Keep draft"
+              }) }),
+              /* @__PURE__ */ jsx(Radio.Item, { checked: !shouldKeepDraft, value: UNPUBLISH_DRAFT_OPTIONS.DISCARD, children: formatMessage({
+                id: "content-manager.actions.unpublish.dialog.option.replace-draft",
+                defaultMessage: "Replace draft"
+              }) })
             ]
           }
         )
@@ -1915,7 +2683,8 @@ const UnpublishAction = ({
     position: ["panel", "table-row"]
   };
 };
-UnpublishAction.type = "unpublish";
+UnpublishAction$1.type = "unpublish";
+UnpublishAction$1.position = "panel";
 const DiscardAction = ({
   activeTab,
   documentId,
@@ -1938,7 +2707,7 @@ const DiscardAction = ({
       id: "content-manager.actions.discard.label",
       defaultMessage: "Discard changes"
     }),
-    icon: /* @__PURE__ */ jsx(StyledCrossCircle, {}),
+    icon: /* @__PURE__ */ jsx(Cross, {}),
     position: ["panel", "table-row"],
     variant: "danger",
     dialog: {
@@ -1949,7 +2718,7 @@ const DiscardAction = ({
       }),
       content: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
         /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
-        /* @__PURE__ */ jsx(Typography, { as: "p", variant: "omega", textAlign: "center", children: formatMessage({
+        /* @__PURE__ */ jsx(Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
           id: "content-manager.actions.discard.dialog.body",
           defaultMessage: "Are you sure?"
         }) })
@@ -1966,12 +2735,8 @@ const DiscardAction = ({
   };
 };
 DiscardAction.type = "discard";
-const StyledCrossCircle = styled(CrossCircle)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DEFAULT_ACTIONS = [PublishAction, UpdateAction, UnpublishAction, DiscardAction];
+DiscardAction.position = "panel";
+const DEFAULT_ACTIONS = [PublishAction$1, UpdateAction, UnpublishAction$1, DiscardAction];
 const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
 const RelativeTime = React.forwardRef(
   ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {
@@ -1983,7 +2748,7 @@ const RelativeTime = React.forwardRef(
     });
     const unit = intervals.find((intervalUnit) => {
       return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
-    });
+    }) ?? "seconds";
     const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];
     const customInterval = customIntervals.find(
       (custom) => interval[custom.unit] < custom.threshold
@@ -2017,34 +2782,34 @@ const getDisplayName = ({
   return email ?? "";
 };
 const capitalise = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-const DocumentStatus = ({ status = "draft", ...restProps }) => {
-  const statusVariant = status === "draft" ? "primary" : status === "published" ? "success" : "alternative";
-  return /* @__PURE__ */ jsx(Status, { ...restProps, showBullet: false, size: "S", variant: statusVariant, children: /* @__PURE__ */ jsx(Typography, { as: "span", variant: "omega", fontWeight: "bold", children: capitalise(status) }) });
+const DocumentStatus = ({ status = "draft", size = "S", ...restProps }) => {
+  const statusVariant = status === "draft" ? "secondary" : status === "published" ? "success" : "alternative";
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Status, { ...restProps, size, variant: statusVariant, children: /* @__PURE__ */ jsx(Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: formatMessage({
+    id: `content-manager.containers.List.${status}`,
+    defaultMessage: capitalise(status)
+  }) }) });
 };
 const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
   const { formatMessage } = useIntl();
   const isCloning = useMatch(CLONE_PATH) !== null;
+  const params = useParams();
   const title = isCreating ? formatMessage({
     id: "content-manager.containers.edit.title.new",
     defaultMessage: "Create an entry"
   }) : documentTitle;
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", paddingTop: 8, paddingBottom: 4, gap: 3, children: [
-    /* @__PURE__ */ jsx(BackButton, {}),
-    /* @__PURE__ */ jsxs(
-      Flex,
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", paddingTop: 6, paddingBottom: 4, gap: 2, children: [
+    /* @__PURE__ */ jsx(
+      BackButton,
       {
-        width: "100%",
-        justifyContent: "space-between",
-        paddingTop: 1,
-        gap: "80px",
-        alignItems: "flex-start",
-        children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "alpha", as: "h1", children: title }),
-          /* @__PURE__ */ jsx(HeaderToolbar, {})
-        ]
+        fallback: params.collectionType === SINGLE_TYPES ? void 0 : `../${COLLECTION_TYPES}/${params.slug}`
       }
     ),
-    status ? /* @__PURE__ */ jsx(DocumentStatus, { status: isCloning ? "draft" : status }) : null
+    /* @__PURE__ */ jsxs(Flex, { width: "100%", justifyContent: "space-between", gap: "80px", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", children: title }),
+      /* @__PURE__ */ jsx(HeaderToolbar, {})
+    ] }),
+    status ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(DocumentStatus, { status: isCloning ? "draft" : status }) }) : null
   ] });
 };
 const HeaderToolbar = () => {
@@ -2090,7 +2855,7 @@ const HeaderToolbar = () => {
           meta: isCloning ? void 0 : meta,
           collectionType
         },
-        descriptions: plugins["content-manager"].apis.getDocumentActions(),
+        descriptions: plugins["content-manager"].apis.getDocumentActions("header"),
         children: (actions2) => {
           const headerActions = actions2.filter((action) => {
             const positions = Array.isArray(action.position) ? action.position : [action.position];
@@ -2127,12 +2892,12 @@ const Information = ({ activeTab }) => {
       isDisplayed: !!publishDocument?.[PUBLISHED_AT_ATTRIBUTE_NAME],
       label: formatMessage({
         id: "content-manager.containers.edit.information.last-published.label",
-        defaultMessage: "Last published"
+        defaultMessage: "Published"
       }),
       value: formatMessage(
         {
           id: "content-manager.containers.edit.information.last-published.value",
-          defaultMessage: `Published {time}{isAnonymous, select, true {} other { by {author}}}`
+          defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
         },
         {
           time: /* @__PURE__ */ jsx(RelativeTime, { timestamp: new Date(publishDocument?.[PUBLISHED_AT_ATTRIBUTE_NAME]) }),
@@ -2145,12 +2910,12 @@ const Information = ({ activeTab }) => {
       isDisplayed: !!createAndUpdateDocument?.[UPDATED_AT_ATTRIBUTE_NAME],
       label: formatMessage({
         id: "content-manager.containers.edit.information.last-draft.label",
-        defaultMessage: "Last draft"
+        defaultMessage: "Updated"
       }),
       value: formatMessage(
         {
           id: "content-manager.containers.edit.information.last-draft.value",
-          defaultMessage: `Modified {time}{isAnonymous, select, true {} other { by {author}}}`
+          defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
         },
         {
           time: /* @__PURE__ */ jsx(
@@ -2168,12 +2933,12 @@ const Information = ({ activeTab }) => {
       isDisplayed: !!createAndUpdateDocument?.[CREATED_AT_ATTRIBUTE_NAME],
       label: formatMessage({
         id: "content-manager.containers.edit.information.document.label",
-        defaultMessage: "Document"
+        defaultMessage: "Created"
       }),
       value: formatMessage(
         {
           id: "content-manager.containers.edit.information.document.value",
-          defaultMessage: `Created {time}{isAnonymous, select, true {} other { by {author}}}`
+          defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
         },
         {
           time: /* @__PURE__ */ jsx(
@@ -2196,7 +2961,7 @@ const Information = ({ activeTab }) => {
       borderColor: "neutral150",
       direction: "column",
       marginTop: 2,
-      as: "dl",
+      tag: "dl",
       padding: 5,
       gap: 3,
       alignItems: "flex-start",
@@ -2204,31 +2969,83 @@ const Information = ({ activeTab }) => {
       marginRight: "-0.4rem",
       width: "calc(100% + 8px)",
       children: information.map((info) => /* @__PURE__ */ jsxs(Flex, { gap: 1, direction: "column", alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsx(Typography, { as: "dt", variant: "pi", fontWeight: "bold", children: info.label }),
-        /* @__PURE__ */ jsx(Typography, { as: "dd", variant: "pi", textColor: "neutral600", children: info.value })
+        /* @__PURE__ */ jsx(Typography, { tag: "dt", variant: "pi", fontWeight: "bold", children: info.label }),
+        /* @__PURE__ */ jsx(Typography, { tag: "dd", variant: "pi", textColor: "neutral600", children: info.value })
       ] }, info.label))
     }
   );
 };
 const HeaderActions = ({ actions: actions2 }) => {
-  return /* @__PURE__ */ jsx(Flex, { children: actions2.map((action) => {
-    if ("options" in action) {
+  const [dialogId, setDialogId] = React.useState(null);
+  const handleClick = (action) => async (e) => {
+    if (!("options" in action)) {
+      const { onClick = () => false, dialog, id } = action;
+      const muteDialog = await onClick(e);
+      if (dialog && !muteDialog) {
+        e.preventDefault();
+        setDialogId(id);
+      }
+    }
+  };
+  const handleClose = () => {
+    setDialogId(null);
+  };
+  return /* @__PURE__ */ jsx(Flex, { gap: 1, children: actions2.map((action) => {
+    if (action.options) {
       return /* @__PURE__ */ jsx(
         SingleSelect,
         {
           size: "S",
-          disabled: action.disabled,
-          "aria-label": action.label,
           onChange: action.onSelect,
-          value: action.value,
+          "aria-label": action.label,
+          ...action,
           children: action.options.map(({ label, ...option }) => /* @__PURE__ */ jsx(SingleSelectOption, { ...option, children: label }, option.value))
         },
         action.id
       );
     } else {
-      return null;
+      if (action.type === "icon") {
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              disabled: action.disabled,
+              label: action.label,
+              size: "S",
+              onClick: handleClick(action),
+              children: action.icon
+            }
+          ),
+          action.dialog ? /* @__PURE__ */ jsx(
+            HeaderActionDialog,
+            {
+              ...action.dialog,
+              isOpen: dialogId === action.id,
+              onClose: handleClose
+            }
+          ) : null
+        ] }, action.id);
+      }
+    }
+  }) });
+};
+const HeaderActionDialog = ({
+  onClose,
+  onCancel,
+  title,
+  content: Content,
+  isOpen
+}) => {
+  const handleClose = async () => {
+    if (onCancel) {
+      await onCancel();
     }
-  }) });
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
+    typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : Content
+  ] }) });
 };
 const ConfigureTheViewAction = ({ collectionType, model }) => {
   const navigate = useNavigate();
@@ -2238,7 +3055,7 @@ const ConfigureTheViewAction = ({ collectionType, model }) => {
       id: "app.links.configure-view",
       defaultMessage: "Configure the view"
     }),
-    icon: /* @__PURE__ */ jsx(StyledCog, {}),
+    icon: /* @__PURE__ */ jsx(ListPlus, {}),
     onClick: () => {
       navigate(`../${collectionType}/${model}/configurations/edit`);
     },
@@ -2246,11 +3063,7 @@ const ConfigureTheViewAction = ({ collectionType, model }) => {
   };
 };
 ConfigureTheViewAction.type = "configure-the-view";
-const StyledCog = styled(Cog)`
-  path {
-    fill: currentColor;
-  }
-`;
+ConfigureTheViewAction.position = "header";
 const EditTheModelAction = ({ model }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
@@ -2259,7 +3072,7 @@ const EditTheModelAction = ({ model }) => {
       id: "content-manager.link-to-ctb",
       defaultMessage: "Edit the model"
     }),
-    icon: /* @__PURE__ */ jsx(StyledPencil$1, {}),
+    icon: /* @__PURE__ */ jsx(Pencil, {}),
     onClick: () => {
       navigate(`/plugins/content-type-builder/content-types/${model}`);
     },
@@ -2267,12 +3080,8 @@ const EditTheModelAction = ({ model }) => {
   };
 };
 EditTheModelAction.type = "edit-the-model";
-const StyledPencil$1 = styled(Pencil)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DeleteAction = ({ documentId, model, collectionType, document }) => {
+EditTheModelAction.position = "header";
+const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
   const listViewPathMatch = useMatch(LIST_PATH);
@@ -2280,13 +3089,17 @@ const DeleteAction = ({ documentId, model, collectionType, document }) => {
   const { delete: deleteAction } = useDocumentActions();
   const { toggleNotification } = useNotification();
   const setSubmitting = useForm("DeleteAction", (state) => state.setSubmitting);
+  const isLocalized = document?.locale != null;
   return {
     disabled: !canDelete || !document,
-    label: formatMessage({
-      id: "content-manager.actions.delete.label",
-      defaultMessage: "Delete document"
-    }),
-    icon: /* @__PURE__ */ jsx(StyledTrash, {}),
+    label: formatMessage(
+      {
+        id: "content-manager.actions.delete.label",
+        defaultMessage: "Delete entry{isLocalized, select, true { (all locales)} other {}}"
+      },
+      { isLocalized }
+    ),
+    icon: /* @__PURE__ */ jsx(Trash, {}),
     dialog: {
       type: "dialog",
       title: formatMessage({
@@ -2295,7 +3108,7 @@ const DeleteAction = ({ documentId, model, collectionType, document }) => {
       }),
       content: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
         /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
-        /* @__PURE__ */ jsx(Typography, { as: "p", variant: "omega", textAlign: "center", children: formatMessage({
+        /* @__PURE__ */ jsx(Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
           id: "content-manager.actions.delete.dialog.body",
           defaultMessage: "Are you sure?"
         }) })
@@ -2335,113 +3148,741 @@ const DeleteAction = ({ documentId, model, collectionType, document }) => {
           }
         }
       }
-    },
-    variant: "danger",
-    position: ["header", "table-row"]
-  };
+    },
+    variant: "danger",
+    position: ["header", "table-row"]
+  };
+};
+DeleteAction$1.type = "delete";
+DeleteAction$1.position = ["header", "table-row"];
+const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction$1];
+const Panels = () => {
+  const isCloning = useMatch(CLONE_PATH) !== null;
+  const [
+    {
+      query: { status }
+    }
+  ] = useQueryParams({
+    status: "draft"
+  });
+  const { model, id, document, meta, collectionType } = useDoc();
+  const plugins = useStrapiApp("Panels", (state) => state.plugins);
+  const props = {
+    activeTab: status,
+    model,
+    documentId: id,
+    document: isCloning ? void 0 : document,
+    meta: isCloning ? void 0 : meta,
+    collectionType
+  };
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: /* @__PURE__ */ jsx(
+    DescriptionComponentRenderer,
+    {
+      props,
+      descriptions: plugins["content-manager"].apis.getEditViewSidePanels(),
+      children: (panels) => panels.map(({ content, id: id2, ...description }) => /* @__PURE__ */ jsx(Panel, { ...description, children: content }, id2))
+    }
+  ) });
+};
+const ActionsPanel = () => {
+  const { formatMessage } = useIntl();
+  return {
+    title: formatMessage({
+      id: "content-manager.containers.edit.panels.default.title",
+      defaultMessage: "Entry"
+    }),
+    content: /* @__PURE__ */ jsx(ActionsPanelContent, {})
+  };
+};
+ActionsPanel.type = "actions";
+const ActionsPanelContent = () => {
+  const isCloning = useMatch(CLONE_PATH) !== null;
+  const [
+    {
+      query: { status = "draft" }
+    }
+  ] = useQueryParams();
+  const { model, id, document, meta, collectionType } = useDoc();
+  const plugins = useStrapiApp("ActionsPanel", (state) => state.plugins);
+  const props = {
+    activeTab: status,
+    model,
+    documentId: id,
+    document: isCloning ? void 0 : document,
+    meta: isCloning ? void 0 : meta,
+    collectionType
+  };
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, width: "100%", children: [
+    /* @__PURE__ */ jsx(
+      DescriptionComponentRenderer,
+      {
+        props,
+        descriptions: plugins["content-manager"].apis.getDocumentActions("panel"),
+        children: (actions2) => /* @__PURE__ */ jsx(DocumentActions, { actions: actions2 })
+      }
+    ),
+    /* @__PURE__ */ jsx(InjectionZone, { area: "editView.right-links", slug: model })
+  ] });
+};
+const Panel = React.forwardRef(({ children, title }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      ref,
+      tag: "aside",
+      "aria-labelledby": "additional-information",
+      background: "neutral0",
+      borderColor: "neutral150",
+      hasRadius: true,
+      paddingBottom: 4,
+      paddingLeft: 4,
+      paddingRight: 4,
+      paddingTop: 4,
+      shadow: "tableShadow",
+      gap: 3,
+      direction: "column",
+      justifyContent: "stretch",
+      alignItems: "flex-start",
+      children: [
+        /* @__PURE__ */ jsx(Typography, { tag: "h2", variant: "sigma", textTransform: "uppercase", textColor: "neutral600", children: title }),
+        children
+      ]
+    }
+  );
+});
+const ConfirmBulkActionDialog = ({
+  onToggleDialog,
+  isOpen = false,
+  dialogBody,
+  endAction
+}) => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: formatMessage({
+      id: "app.components.ConfirmDialog.title",
+      defaultMessage: "Confirmation"
+    }) }),
+    /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+      /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
+      dialogBody
+    ] }) }),
+    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+      /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: onToggleDialog, variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }) }),
+      endAction
+    ] })
+  ] }) });
+};
+const BoldChunk = (chunks) => /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: chunks });
+const ConfirmDialogPublishAll = ({
+  isOpen,
+  onToggleDialog,
+  isConfirmButtonLoading = false,
+  onConfirm
+}) => {
+  const { formatMessage } = useIntl();
+  const selectedEntries = useTable("ConfirmDialogPublishAll", (state) => state.selectedRows);
+  const { toggleNotification } = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);
+  const { model, schema } = useDoc();
+  const [{ query }] = useQueryParams();
+  const enableDraftRelationsCount = false;
+  const {
+    data: countDraftRelations = 0,
+    isLoading,
+    error
+  } = useGetManyDraftRelationCountQuery(
+    {
+      model,
+      documentIds: selectedEntries.map((entry) => entry.documentId),
+      locale: query?.plugins?.i18n?.locale
+    },
+    {
+      skip: !enableDraftRelationsCount
+    }
+  );
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({ type: "danger", message: formatAPIError(error) });
+    }
+  }, [error, formatAPIError, toggleNotification]);
+  if (error) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    ConfirmBulkActionDialog,
+    {
+      isOpen: isOpen && !isLoading,
+      onToggleDialog,
+      dialogBody: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Typography, { id: "confirm-description", textAlign: "center", children: [
+          countDraftRelations > 0 && formatMessage(
+            {
+              id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),
+              defaultMessage: "<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. "
+            },
+            {
+              b: BoldChunk,
+              count: countDraftRelations,
+              entities: selectedEntries.length
+            }
+          ),
+          formatMessage({
+            id: getTranslation("popUpWarning.bodyMessage.contentType.publish.all"),
+            defaultMessage: "Are you sure you want to publish these entries?"
+          })
+        ] }),
+        schema?.pluginOptions && "i18n" in schema.pluginOptions && schema?.pluginOptions.i18n && /* @__PURE__ */ jsx(Typography, { textColor: "danger500", textAlign: "center", children: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.publishAdditionalInfos"),
+            defaultMessage: "This will publish the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) })
+      ] }),
+      endAction: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: onConfirm,
+          variant: "secondary",
+          startIcon: /* @__PURE__ */ jsx(Check, {}),
+          loading: isConfirmButtonLoading,
+          children: formatMessage({
+            id: "app.utils.publish",
+            defaultMessage: "Publish"
+          })
+        }
+      )
+    }
+  );
+};
+const TypographyMaxWidth = styled(Typography)`
+  max-width: 300px;
+`;
+const TableComponent = styled(RawTable)`
+  width: 100%;
+  table-layout: fixed;
+  td:first-child {
+    border-right: 1px solid ${({ theme }) => theme.colors.neutral150};
+  }
+  td:first-of-type {
+    padding: ${({ theme }) => theme.spaces[4]};
+  }
+`;
+const formatErrorMessages = (errors, parentKey, formatMessage) => {
+  const messages = [];
+  Object.entries(errors).forEach(([key, value]) => {
+    const currentKey = parentKey ? `${parentKey}.${key}` : key;
+    if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+      if ("id" in value && "defaultMessage" in value) {
+        messages.push(
+          formatMessage(
+            {
+              id: `${value.id}.withField`,
+              defaultMessage: value.defaultMessage
+            },
+            { field: currentKey }
+          )
+        );
+      } else {
+        messages.push(
+          ...formatErrorMessages(
+            // @ts-expect-error TODO: check why value is not compatible with FormErrors
+            value,
+            currentKey,
+            formatMessage
+          )
+        );
+      }
+    } else {
+      messages.push(
+        formatMessage(
+          {
+            id: `${value}.withField`,
+            defaultMessage: value
+          },
+          { field: currentKey }
+        )
+      );
+    }
+  });
+  return messages;
+};
+const EntryValidationText = ({ validationErrors, status }) => {
+  const { formatMessage } = useIntl();
+  if (validationErrors) {
+    const validationErrorsMessages = formatErrorMessages(validationErrors, "", formatMessage).join(
+      " "
+    );
+    return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(CrossCircle, { fill: "danger600" }),
+      /* @__PURE__ */ jsx(Tooltip, { description: validationErrorsMessages, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { textColor: "danger600", variant: "omega", fontWeight: "semiBold", ellipsis: true, children: validationErrorsMessages }) })
+    ] });
+  }
+  if (status === "published") {
+    return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
+        id: "content-manager.bulk-publish.already-published",
+        defaultMessage: "Already Published"
+      }) })
+    ] });
+  }
+  if (status === "modified") {
+    return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(ArrowsCounterClockwise, { fill: "alternative600" }),
+      /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+        id: "content-manager.bulk-publish.modified",
+        defaultMessage: "Ready to publish changes"
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+    /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
+    /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+      id: "app.utils.ready-to-publish",
+      defaultMessage: "Ready to publish"
+    }) })
+  ] });
+};
+const TABLE_HEADERS = [
+  { name: "id", label: "id" },
+  { name: "name", label: "name" },
+  { name: "status", label: "status" },
+  { name: "publicationStatus", label: "Publication status" }
+];
+const SelectedEntriesTableContent = ({
+  isPublishing,
+  rowsToDisplay = [],
+  entriesToPublish = [],
+  validationErrors = {}
+}) => {
+  const { pathname } = useLocation();
+  const { formatMessage } = useIntl();
+  const {
+    list: {
+      settings: { mainField }
+    }
+  } = useDocLayout();
+  const shouldDisplayMainField = mainField != null && mainField !== "id";
+  return /* @__PURE__ */ jsxs(Table.Content, { children: [
+    /* @__PURE__ */ jsxs(Table.Head, { children: [
+      /* @__PURE__ */ jsx(Table.HeaderCheckboxCell, {}),
+      TABLE_HEADERS.filter((head) => head.name !== "name" || shouldDisplayMainField).map(
+        (head) => /* @__PURE__ */ jsx(Table.HeaderCell, { ...head }, head.name)
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Table.Loading, {}),
+    /* @__PURE__ */ jsx(Table.Body, { children: rowsToDisplay.map((row) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+      /* @__PURE__ */ jsx(Table.CheckboxCell, { id: row.id }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Typography, { children: row.id }) }),
+      shouldDisplayMainField && /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Typography, { children: row[mainField] }) }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(DocumentStatus, { status: row.status, maxWidth: "min-content" }) }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: isPublishing && entriesToPublish.includes(row.documentId) ? /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+          id: "content-manager.success.record.publishing",
+          defaultMessage: "Publishing..."
+        }) }),
+        /* @__PURE__ */ jsx(Loader, { small: true })
+      ] }) : /* @__PURE__ */ jsx(
+        EntryValidationText,
+        {
+          validationErrors: validationErrors[row.documentId],
+          status: row.status
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          tag: Link,
+          to: {
+            pathname: `${pathname}/${row.documentId}`,
+            search: row.locale && `?plugins[i18n][locale]=${row.locale}`
+          },
+          state: { from: pathname },
+          label: formatMessage({
+            id: "content-manager.bulk-publish.edit",
+            defaultMessage: "Edit"
+          }),
+          target: "_blank",
+          marginLeft: "auto",
+          variant: "ghost",
+          children: /* @__PURE__ */ jsx(Pencil, { width: "1.6rem", height: "1.6rem" })
+        }
+      ) }) })
+    ] }, row.id)) })
+  ] });
+};
+const PublicationStatusSummary = ({ count, icon, message }) => {
+  return /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", flex: 1, gap: 3, children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      icon,
+      /* @__PURE__ */ jsx(Typography, { children: message })
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: count })
+  ] });
+};
+const PublicationStatusGrid = ({
+  entriesReadyToPublishCount,
+  entriesPublishedCount,
+  entriesModifiedCount,
+  entriesWithErrorsCount
+}) => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Box, { hasRadius: true, borderColor: "neutral150", children: /* @__PURE__ */ jsx(TableComponent, { colCount: 2, rowCount: 2, children: /* @__PURE__ */ jsxs(Tbody, { children: [
+    /* @__PURE__ */ jsxs(Tr, { children: [
+      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesReadyToPublishCount,
+          icon: /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
+          message: formatMessage({
+            id: "app.utils.ready-to-publish",
+            defaultMessage: "Ready to publish"
+          })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesPublishedCount,
+          icon: /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
+          message: formatMessage({
+            id: "app.utils.already-published",
+            defaultMessage: "Already published"
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(Tr, { children: [
+      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesModifiedCount,
+          icon: /* @__PURE__ */ jsx(ArrowsCounterClockwise, { fill: "alternative600" }),
+          message: formatMessage({
+            id: "content-manager.bulk-publish.modified",
+            defaultMessage: "Ready to publish changes"
+          })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+        PublicationStatusSummary,
+        {
+          count: entriesWithErrorsCount,
+          icon: /* @__PURE__ */ jsx(CrossCircle, { fill: "danger600" }),
+          message: formatMessage({
+            id: "content-manager.bulk-publish.waiting-for-action",
+            defaultMessage: "Waiting for action"
+          })
+        }
+      ) })
+    ] })
+  ] }) }) });
+};
+const SelectedEntriesModalContent = ({
+  listViewSelectedEntries,
+  toggleModal,
+  setListViewSelectedDocuments,
+  model
+}) => {
+  const { formatMessage } = useIntl();
+  const { schema, components } = useContentTypeSchema(model);
+  const documentIds = listViewSelectedEntries.map(({ documentId }) => documentId);
+  const [{ query }] = useQueryParams();
+  const params = React.useMemo(() => buildValidParams(query), [query]);
+  const { data, isLoading, isFetching, refetch } = useGetAllDocumentsQuery(
+    {
+      model,
+      params: {
+        page: "1",
+        pageSize: documentIds.length.toString(),
+        sort: query.sort,
+        filters: {
+          documentId: {
+            $in: documentIds
+          }
+        },
+        locale: query.plugins?.i18n?.locale
+      }
+    },
+    {
+      selectFromResult: ({ data: data2, ...restRes }) => ({ data: data2?.results ?? [], ...restRes })
+    }
+  );
+  const { rows, validationErrors } = React.useMemo(() => {
+    if (data.length > 0 && schema) {
+      const validate = createYupSchema(
+        schema.attributes,
+        components,
+        // Since this is the "Publish" action, the validation
+        // schema must enforce the rules for published entities
+        { status: "published" }
+      );
+      const validationErrors2 = {};
+      const rows2 = data.map((entry) => {
+        try {
+          validate.validateSync(entry, { abortEarly: false });
+          return entry;
+        } catch (e) {
+          if (e instanceof ValidationError) {
+            validationErrors2[entry.documentId] = getYupValidationErrors(e);
+          }
+          return entry;
+        }
+      });
+      return { rows: rows2, validationErrors: validationErrors2 };
+    }
+    return {
+      rows: [],
+      validationErrors: {}
+    };
+  }, [components, data, schema]);
+  const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+  const { publishMany: bulkPublishAction } = useDocumentActions();
+  const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
+  const selectedRows = useTable("publishAction", (state) => state.selectedRows);
+  const selectedEntries = rows.filter(
+    (entry) => selectedRows.some((selectedEntry) => selectedEntry.documentId === entry.documentId)
+  );
+  const entriesToPublish = selectedEntries.filter((entry) => !validationErrors[entry.documentId]).map((entry) => entry.documentId);
+  const selectedEntriesWithErrorsCount = selectedEntries.filter(
+    ({ documentId }) => validationErrors[documentId]
+  ).length;
+  const selectedEntriesPublishedCount = selectedEntries.filter(
+    ({ status }) => status === "published"
+  ).length;
+  const selectedEntriesModifiedCount = selectedEntries.filter(
+    ({ status, documentId }) => status === "modified" && !validationErrors[documentId]
+  ).length;
+  const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublishedCount;
+  const toggleDialog = () => setIsDialogOpen((prev) => !prev);
+  const handleConfirmBulkPublish = async () => {
+    toggleDialog();
+    const res = await bulkPublishAction({ model, documentIds: entriesToPublish, params });
+    if (!("error" in res)) {
+      const unpublishedEntries = rows.filter((row) => {
+        return !entriesToPublish.includes(row.documentId);
+      });
+      setListViewSelectedDocuments(unpublishedEntries);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsx(
+        PublicationStatusGrid,
+        {
+          entriesReadyToPublishCount: selectedEntriesWithNoErrorsCount - selectedEntriesModifiedCount,
+          entriesPublishedCount: selectedEntriesPublishedCount,
+          entriesModifiedCount: selectedEntriesModifiedCount,
+          entriesWithErrorsCount: selectedEntriesWithErrorsCount
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { marginTop: 7, children: /* @__PURE__ */ jsx(
+        SelectedEntriesTableContent,
+        {
+          isPublishing: isSubmittingForm,
+          rowsToDisplay: rows,
+          entriesToPublish,
+          validationErrors
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: toggleModal, variant: "tertiary", children: formatMessage({
+        id: "app.components.Button.cancel",
+        defaultMessage: "Cancel"
+      }) }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Button, { onClick: refetch, variant: "tertiary", loading: isFetching, children: formatMessage({ id: "app.utils.refresh", defaultMessage: "Refresh" }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: toggleDialog,
+            disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublishedCount === selectedEntries.length || isLoading,
+            loading: isSubmittingForm,
+            children: formatMessage({ id: "app.utils.publish", defaultMessage: "Publish" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmDialogPublishAll,
+      {
+        isOpen: isDialogOpen,
+        onToggleDialog: toggleDialog,
+        isConfirmButtonLoading: isSubmittingForm,
+        onConfirm: handleConfirmBulkPublish
+      }
+    )
+  ] });
 };
-DeleteAction.type = "delete";
-const StyledTrash = styled(Trash)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction];
-const Panels = () => {
-  const isCloning = useMatch(CLONE_PATH) !== null;
-  const [
-    {
-      query: { status }
+const PublishAction = ({ documents, model }) => {
+  const { formatMessage } = useIntl();
+  const hasPublishPermission = useDocumentRBAC("unpublishAction", (state) => state.canPublish);
+  const showPublishButton = hasPublishPermission && documents.some(({ status }) => status !== "published");
+  const setListViewSelectedDocuments = useTable("publishAction", (state) => state.selectRow);
+  const refetchList = () => {
+    contentManagerApi.util.invalidateTags([{ type: "Document", id: `${model}_LIST` }]);
+  };
+  if (!showPublishButton) return null;
+  return {
+    actionType: "publish",
+    variant: "tertiary",
+    label: formatMessage({ id: "app.utils.publish", defaultMessage: "Publish" }),
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: getTranslation("containers.ListPage.selectedEntriesModal.title"),
+        defaultMessage: "Publish entries"
+      }),
+      content: ({ onClose }) => {
+        return /* @__PURE__ */ jsx(Table.Root, { rows: documents, defaultSelectedRows: documents, headers: TABLE_HEADERS, children: /* @__PURE__ */ jsx(
+          SelectedEntriesModalContent,
+          {
+            listViewSelectedEntries: documents,
+            toggleModal: () => {
+              onClose();
+              refetchList();
+            },
+            setListViewSelectedDocuments,
+            model
+          }
+        ) });
+      },
+      onClose: () => {
+        refetchList();
+      }
     }
-  ] = useQueryParams({
-    status: "draft"
-  });
-  const { model, id, document, meta, collectionType } = useDoc();
-  const plugins = useStrapiApp("Panels", (state) => state.plugins);
-  const props = {
-    activeTab: status,
-    model,
-    documentId: id,
-    document: isCloning ? void 0 : document,
-    meta: isCloning ? void 0 : meta,
-    collectionType
   };
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: /* @__PURE__ */ jsx(
+};
+const BulkActionsRenderer = () => {
+  const plugins = useStrapiApp("BulkActionsRenderer", (state) => state.plugins);
+  const { model, collectionType } = useDoc();
+  const { selectedRows } = useTable("BulkActionsRenderer", (state) => state);
+  return /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(
     DescriptionComponentRenderer,
     {
-      props,
-      descriptions: plugins["content-manager"].apis.getEditViewSidePanels(),
-      children: (panels) => panels.map(({ content, id: id2, ...description }) => /* @__PURE__ */ jsx(Panel, { ...description, children: content }, id2))
+      props: {
+        model,
+        collectionType,
+        documents: selectedRows
+      },
+      descriptions: plugins["content-manager"].apis.getBulkActions(),
+      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsx(DocumentActionButton, { ...action }, action.id))
     }
   ) });
 };
-const ActionsPanel = () => {
+const DeleteAction = ({ documents, model }) => {
   const { formatMessage } = useIntl();
+  const { schema: contentType } = useDoc();
+  const selectRow = useTable("DeleteAction", (state) => state.selectRow);
+  const hasI18nEnabled = Boolean(contentType?.pluginOptions?.i18n);
+  const [{ query }] = useQueryParams();
+  const params = React.useMemo(() => buildValidParams(query), [query]);
+  const hasDeletePermission = useDocumentRBAC("deleteAction", (state) => state.canDelete);
+  const { deleteMany: bulkDeleteAction } = useDocumentActions();
+  const documentIds = documents.map(({ documentId }) => documentId);
+  const handleConfirmBulkDelete = async () => {
+    const res = await bulkDeleteAction({
+      documentIds,
+      model,
+      params
+    });
+    if (!("error" in res)) {
+      selectRow([]);
+    }
+  };
+  if (!hasDeletePermission) return null;
   return {
-    title: formatMessage({
-      id: "content-manager.containers.edit.panels.default.title",
-      defaultMessage: "Document"
-    }),
-    content: /* @__PURE__ */ jsx(ActionsPanelContent, {})
+    variant: "danger-light",
+    label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
+        /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
+          id: "popUpWarning.bodyMessage.contentType.delete.all",
+          defaultMessage: "Are you sure you want to delete these entries?"
+        }) }),
+        hasI18nEnabled && /* @__PURE__ */ jsx(Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsx(Typography, { textColor: "danger500", children: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.deleteAdditionalInfos"),
+            defaultMessage: "This will delete the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) }) })
+      ] }),
+      onConfirm: handleConfirmBulkDelete
+    }
   };
 };
-ActionsPanel.type = "actions";
-const ActionsPanelContent = () => {
-  const isCloning = useMatch(CLONE_PATH) !== null;
-  const [
-    {
-      query: { status = "draft" }
+DeleteAction.type = "delete";
+const UnpublishAction = ({ documents, model }) => {
+  const { formatMessage } = useIntl();
+  const { schema } = useDoc();
+  const selectRow = useTable("UnpublishAction", (state) => state.selectRow);
+  const hasPublishPermission = useDocumentRBAC("unpublishAction", (state) => state.canPublish);
+  const hasI18nEnabled = Boolean(schema?.pluginOptions?.i18n);
+  const hasDraftAndPublishEnabled = Boolean(schema?.options?.draftAndPublish);
+  const { unpublishMany: bulkUnpublishAction } = useDocumentActions();
+  const documentIds = documents.map(({ documentId }) => documentId);
+  const [{ query }] = useQueryParams();
+  const params = React.useMemo(() => buildValidParams(query), [query]);
+  const handleConfirmBulkUnpublish = async () => {
+    const data = await bulkUnpublishAction({ documentIds, model, params });
+    if (!("error" in data)) {
+      selectRow([]);
     }
-  ] = useQueryParams();
-  const { model, id, document, meta, collectionType } = useDoc();
-  const plugins = useStrapiApp("ActionsPanel", (state) => state.plugins);
-  const props = {
-    activeTab: status,
-    model,
-    documentId: id,
-    document: isCloning ? void 0 : document,
-    meta: isCloning ? void 0 : meta,
-    collectionType
   };
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, width: "100%", children: [
-    /* @__PURE__ */ jsx(
-      DescriptionComponentRenderer,
-      {
-        props,
-        descriptions: plugins["content-manager"].apis.getDocumentActions(),
-        children: (actions2) => /* @__PURE__ */ jsx(DocumentActions, { actions: actions2 })
-      }
-    ),
-    /* @__PURE__ */ jsx(InjectionZone, { area: "editView.right-links", slug: model })
-  ] });
-};
-const Panel = React.forwardRef(({ children, title }, ref) => {
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      ref,
-      as: "aside",
-      "aria-labelledby": "additional-information",
-      background: "neutral0",
-      borderColor: "neutral150",
-      hasRadius: true,
-      paddingBottom: 4,
-      paddingLeft: 4,
-      paddingRight: 4,
-      paddingTop: 4,
-      shadow: "tableShadow",
-      gap: 3,
-      direction: "column",
-      justifyContent: "stretch",
-      alignItems: "flex-start",
-      children: [
-        /* @__PURE__ */ jsx(Typography, { as: "h2", variant: "sigma", textTransform: "uppercase", children: title }),
-        children
-      ]
+  const showUnpublishButton = hasDraftAndPublishEnabled && hasPublishPermission && documents.some((entry) => entry.status === "published" || entry.status === "modified");
+  if (!showUnpublishButton) return null;
+  return {
+    variant: "tertiary",
+    label: formatMessage({ id: "app.utils.unpublish", defaultMessage: "Unpublish" }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
+        /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
+          id: "popUpWarning.bodyMessage.contentType.unpublish.all",
+          defaultMessage: "Are you sure you want to unpublish these entries?"
+        }) }),
+        hasI18nEnabled && /* @__PURE__ */ jsx(Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsx(Typography, { textColor: "danger500", children: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.unpublishAdditionalInfos"),
+            defaultMessage: "This will unpublish the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) }) })
+      ] }),
+      confirmButton: formatMessage({
+        id: "app.utils.unpublish",
+        defaultMessage: "Unpublish"
+      }),
+      onConfirm: handleConfirmBulkUnpublish
     }
-  );
-});
-const DEFAULT_BULK_ACTIONS = [];
+  };
+};
+UnpublishAction.type = "unpublish";
+const Emphasis = (chunks) => /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "danger500", children: chunks });
+const DEFAULT_BULK_ACTIONS = [PublishAction, UnpublishAction, DeleteAction];
 const AutoCloneFailureModalBody = ({ prohibitedFields }) => {
   const { formatMessage } = useIntl();
   const getDefaultErrorMessage = (reason) => {
@@ -2473,7 +3914,7 @@ const AutoCloneFailureModalBody = ({ prohibitedFields }) => {
         hasRadius: true,
         padding: 6,
         children: [
-          /* @__PURE__ */ jsx(Flex, { direction: "row", as: "ol", children: fieldPath.map((pathSegment, index2) => /* @__PURE__ */ jsxs(Typography, { fontWeight: "semiBold", as: "li", children: [
+          /* @__PURE__ */ jsx(Flex, { direction: "row", tag: "ol", children: fieldPath.map((pathSegment, index2) => /* @__PURE__ */ jsxs(Typography, { fontWeight: "semiBold", tag: "li", children: [
             pathSegment,
             index2 !== fieldPath.length - 1 && /* @__PURE__ */ jsx(
               ChevronRight,
@@ -2485,7 +3926,7 @@ const AutoCloneFailureModalBody = ({ prohibitedFields }) => {
               }
             )
           ] }, index2)) }),
-          /* @__PURE__ */ jsx(Typography, { as: "p", textColor: "neutral600", children: formatMessage({
+          /* @__PURE__ */ jsx(Typography, { tag: "p", textColor: "neutral600", children: formatMessage({
             id: getTranslation(`containers.list.autoCloneModal.error.${reason}`),
             defaultMessage: getDefaultErrorMessage(reason)
           }) })
@@ -2510,7 +3951,7 @@ const TableActions = ({ document }) => {
     DescriptionComponentRenderer,
     {
       props,
-      descriptions: plugins["content-manager"].apis.getDocumentActions(),
+      descriptions: plugins["content-manager"].apis.getDocumentActions("table-row").filter((action) => action.name !== "PublishAction"),
       children: (actions2) => {
         const tableRowActions = actions2.filter((action) => {
           const positions = Array.isArray(action.position) ? action.position : [action.position];
@@ -2569,6 +4010,7 @@ const EditAction = ({ documentId }) => {
   };
 };
 EditAction.type = "edit";
+EditAction.position = "table-row";
 const StyledPencil = styled(Pencil)`
   path {
     fill: currentColor;
@@ -2621,7 +4063,7 @@ const CloneAction = ({ model, documentId }) => {
       }),
       content: /* @__PURE__ */ jsx(AutoCloneFailureModalBody, { prohibitedFields }),
       footer: ({ onClose }) => {
-        return /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+        return /* @__PURE__ */ jsxs(Modal.Footer, { children: [
           /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
             id: "cancel",
             defaultMessage: "Cancel"
@@ -2629,7 +4071,7 @@ const CloneAction = ({ model, documentId }) => {
           /* @__PURE__ */ jsx(
             LinkButton,
             {
-              as: NavLink,
+              tag: NavLink,
               to: {
                 pathname: `clone/${documentId}`
               },
@@ -2645,6 +4087,7 @@ const CloneAction = ({ model, documentId }) => {
   };
 };
 CloneAction.type = "clone";
+CloneAction.position = "table-row";
 const StyledDuplicate = styled(Duplicate)`
   path {
     fill: currentColor;
@@ -2662,8 +4105,7 @@ class ContentManagerPlugin {
   documentActions = [
     ...DEFAULT_ACTIONS,
     ...DEFAULT_TABLE_ROW_ACTIONS,
-    ...DEFAULT_HEADER_ACTIONS,
-    HistoryAction
+    ...DEFAULT_HEADER_ACTIONS
   ];
   editViewSidePanels = [ActionsPanel];
   headerActions = [];
@@ -2726,13 +4168,21 @@ class ContentManagerPlugin {
       id: PLUGIN_ID,
       name: "Content Manager",
       injectionZones: INJECTION_ZONES,
+      isReady: false,
       apis: {
         addBulkAction: this.addBulkAction.bind(this),
         addDocumentAction: this.addDocumentAction.bind(this),
         addDocumentHeaderAction: this.addDocumentHeaderAction.bind(this),
         addEditViewSidePanel: this.addEditViewSidePanel.bind(this),
         getBulkActions: () => this.bulkActions,
-        getDocumentActions: () => this.documentActions,
+        getDocumentActions: (position) => {
+          if (position) {
+            return this.documentActions.filter(
+              (action) => action.position == void 0 || [action.position].flat().includes(position)
+            );
+          }
+          return this.documentActions;
+        },
         getEditViewSidePanels: () => this.editViewSidePanels,
         getHeaderActions: () => this.headerActions
       }
@@ -2742,16 +4192,71 @@ class ContentManagerPlugin {
 const getPrintableType = (value) => {
   const nativeType = typeof value;
   if (nativeType === "object") {
-    if (value === null)
-      return "null";
-    if (Array.isArray(value))
-      return "array";
+    if (value === null) return "null";
+    if (Array.isArray(value)) return "array";
     if (value instanceof Object && value.constructor.name !== "Object") {
       return value.constructor.name;
     }
   }
   return nativeType;
 };
+const HistoryAction = ({ model, document }) => {
+  const { formatMessage } = useIntl();
+  const [{ query }] = useQueryParams();
+  const navigate = useNavigate();
+  const { trackUsage } = useTracking();
+  const { pathname } = useLocation();
+  const pluginsQueryParams = stringify({ plugins: query.plugins }, { encode: false });
+  if (!window.strapi.features.isEnabled("cms-content-history")) {
+    return null;
+  }
+  const handleOnClick = () => {
+    const destination = { pathname: "history", search: pluginsQueryParams };
+    trackUsage("willNavigate", {
+      from: pathname,
+      to: `${pathname}/${destination.pathname}`
+    });
+    navigate(destination);
+  };
+  return {
+    icon: /* @__PURE__ */ jsx(ClockCounterClockwise, {}),
+    label: formatMessage({
+      id: "content-manager.history.document-action",
+      defaultMessage: "Content History"
+    }),
+    onClick: handleOnClick,
+    disabled: (
+      /**
+       * The user is creating a new document.
+       * It hasn't been saved yet, so there's no history to go to
+       */
+      !document || /**
+      * The document has been created but the current dimension has never been saved.
+      * For example, the user is creating a new locale in an existing document,
+      * so there's no history for the document in that locale
+      */
+      !document.id || /**
+      * History is only available for content types created by the user.
+      * These have the `api::` prefix, as opposed to the ones created by Strapi or plugins,
+      * which start with `admin::` or `plugin::`
+      */
+      !model.startsWith("api::")
+    ),
+    position: "header"
+  };
+};
+HistoryAction.type = "history";
+HistoryAction.position = "header";
+const historyAdmin = {
+  bootstrap(app) {
+    const { addDocumentAction } = app.getPlugin("content-manager").apis;
+    addDocumentAction((actions2) => {
+      const indexOfDeleteAction = actions2.findIndex((action) => action.type === "delete");
+      actions2.splice(indexOfDeleteAction, 0, HistoryAction);
+      return actions2;
+    });
+  }
+};
 const initialState = {
   collectionTypeLinks: [],
   components: [],
@@ -2788,316 +4293,94 @@ const { setInitialData } = actions;
 const reducer = combineReducers({
   app: reducer$1
 });
-const HOOKS = {
-  /**
-   * Hook that allows to mutate the displayed headers of the list view table
-   * @constant
-   * @type {string}
-   */
-  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
-  /**
-   * Hook that allows to mutate the CM's collection types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
-  /**
-   * Hook that allows to mutate the CM's edit view layout
-   * @constant
-   * @type {string}
-   */
-  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
-  /**
-   * Hook that allows to mutate the CM's single types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
-};
-const contentTypesApi = contentManagerApi.injectEndpoints({
+const previewApi = contentManagerApi.injectEndpoints({
   endpoints: (builder) => ({
-    getContentTypeConfiguration: builder.query({
-      query: (uid) => ({
-        url: `/content-manager/content-types/${uid}/configuration`,
-        method: "GET"
-      }),
-      transformResponse: (response) => response.data,
-      providesTags: (_result, _error, uid) => [
-        { type: "ContentTypesConfiguration", id: uid },
-        { type: "ContentTypeSettings", id: "LIST" }
-      ]
-    }),
-    getAllContentTypeSettings: builder.query({
-      query: () => "/content-manager/content-types-settings",
-      transformResponse: (response) => response.data,
-      providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
-    }),
-    updateContentTypeConfiguration: builder.mutation({
-      query: ({ uid, ...body }) => ({
-        url: `/content-manager/content-types/${uid}/configuration`,
-        method: "PUT",
-        data: body
-      }),
-      transformResponse: (response) => response.data,
-      invalidatesTags: (_result, _error, { uid }) => [
-        { type: "ContentTypesConfiguration", id: uid },
-        { type: "ContentTypeSettings", id: "LIST" },
-        // Is this necessary?
-        { type: "InitialData" }
-      ]
+    getPreviewUrl: builder.query({
+      query({ query, params }) {
+        return {
+          url: `/content-manager/preview/url/${params.contentType}`,
+          method: "GET",
+          config: {
+            params: query
+          }
+        };
+      }
     })
   })
 });
-const {
-  useGetContentTypeConfigurationQuery,
-  useGetAllContentTypeSettingsQuery,
-  useUpdateContentTypeConfigurationMutation
-} = contentTypesApi;
-const checkIfAttributeIsDisplayable = (attribute) => {
-  const { type } = attribute;
-  if (type === "relation") {
-    return !attribute.relation.toLowerCase().includes("morph");
-  }
-  return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
-};
-const getMainField = (attribute, mainFieldName, { schemas, components }) => {
-  if (!mainFieldName) {
-    return void 0;
+const { useGetPreviewUrlQuery } = previewApi;
+const ConditionalTooltip = ({ isShown, label, children }) => {
+  if (isShown) {
+    return /* @__PURE__ */ jsx(Tooltip, { label, children });
   }
-  const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
-    // @ts-expect-error – `targetModel` does exist on the attribute for a relation.
-    schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
-  );
-  return {
-    name: mainFieldName,
-    type: mainFieldType ?? "string"
-  };
-};
-const DEFAULT_SETTINGS = {
-  bulkable: false,
-  filterable: false,
-  searchable: false,
-  pagination: false,
-  defaultSortBy: "",
-  defaultSortOrder: "asc",
-  mainField: "id",
-  pageSize: 10
+  return children;
 };
-const useDocumentLayout = (model) => {
-  const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
+const PreviewSidePanel = ({ model, documentId, document }) => {
+  const { formatMessage } = useIntl();
+  const { trackUsage } = useTracking();
+  const { pathname } = useLocation();
   const [{ query }] = useQueryParams();
-  const runHookWaterfall = useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
-  const { toggleNotification } = useNotification();
-  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
-  const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
-  const {
-    data,
-    isLoading: isLoadingConfigs,
-    error,
-    isFetching: isFetchingConfigs
-  } = useGetContentTypeConfigurationQuery(model);
-  const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
-  React.useEffect(() => {
-    if (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatAPIError(error)
-      });
-    }
-  }, [error, formatAPIError, toggleNotification]);
-  const editLayout = React.useMemo(
-    () => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
-      layout: [],
-      components: {},
-      metadatas: {},
-      options: {},
-      settings: DEFAULT_SETTINGS
-    },
-    [data, isLoading, schemas, schema, components]
-  );
-  const listLayout = React.useMemo(() => {
-    return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
-      layout: [],
-      metadatas: {},
-      options: {},
-      settings: DEFAULT_SETTINGS
-    };
-  }, [data, isLoading, schemas, schema, components]);
-  const { layout: edit } = React.useMemo(
-    () => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
-      layout: editLayout,
-      query
-    }),
-    [editLayout, query, runHookWaterfall]
-  );
-  return {
-    error,
-    isLoading,
-    edit,
-    list: listLayout
-  };
-};
-const useDocLayout = () => {
-  const { model } = useDoc();
-  return useDocumentLayout(model);
-};
-const formatEditLayout = (data, {
-  schemas,
-  schema,
-  components
-}) => {
-  let currentPanelIndex = 0;
-  const panelledEditAttributes = convertEditLayoutToFieldLayouts(
-    data.contentType.layouts.edit,
-    schema?.attributes,
-    data.contentType.metadatas,
-    { configurations: data.components, schemas: components },
-    schemas
-  ).reduce((panels, row) => {
-    if (row.some((field) => field.type === "dynamiczone")) {
-      panels.push([row]);
-      currentPanelIndex += 2;
-    } else {
-      if (!panels[currentPanelIndex]) {
-        panels.push([]);
-      }
-      panels[currentPanelIndex].push(row);
-    }
-    return panels;
-  }, []);
-  const componentEditAttributes = Object.entries(data.components).reduce(
-    (acc, [uid, configuration]) => {
-      acc[uid] = {
-        layout: convertEditLayoutToFieldLayouts(
-          configuration.layouts.edit,
-          components[uid].attributes,
-          configuration.metadatas
-        ),
-        settings: {
-          ...configuration.settings,
-          icon: components[uid].info.icon,
-          displayName: components[uid].info.displayName
-        }
-      };
-      return acc;
-    },
-    {}
-  );
-  const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
-    (acc, [attribute, metadata]) => {
-      return {
-        ...acc,
-        [attribute]: metadata.edit
-      };
-    },
-    {}
-  );
-  return {
-    layout: panelledEditAttributes,
-    components: componentEditAttributes,
-    metadatas: editMetadatas,
-    settings: {
-      ...data.contentType.settings,
-      displayName: schema?.info.displayName
+  const isModified = useForm("PreviewSidePanel", (state) => state.modified);
+  const { data, error } = useGetPreviewUrlQuery({
+    params: {
+      contentType: model
     },
-    options: {
-      ...schema?.options,
-      ...schema?.pluginOptions,
-      ...data.contentType.options
+    query: {
+      documentId,
+      locale: document?.locale,
+      status: document?.status
     }
+  });
+  if (!data?.data?.url || error) {
+    return null;
+  }
+  const trackNavigation = () => {
+    const destinationPathname = pathname.replace(/\/$/, "") + "/preview";
+    trackUsage("willNavigate", { from: pathname, to: destinationPathname });
   };
-};
-const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
-  return rows.map(
-    (row) => row.map((field) => {
-      const attribute = attributes[field.name];
-      if (!attribute) {
-        return null;
-      }
-      const { edit: metadata } = metadatas[field.name];
-      const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
-      return {
-        attribute,
-        disabled: !metadata.editable,
-        hint: metadata.description,
-        label: metadata.label ?? "",
-        name: field.name,
-        // @ts-expect-error – mainField does exist on the metadata for a relation.
-        mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
-          schemas,
-          components: components?.schemas ?? {}
-        }),
-        placeholder: metadata.placeholder ?? "",
-        required: attribute.required ?? false,
-        size: field.size,
-        unique: "unique" in attribute ? attribute.unique : false,
-        visible: metadata.visible ?? true,
-        type: attribute.type
-      };
-    }).filter((field) => field !== null)
-  );
-};
-const formatListLayout = (data, {
-  schemas,
-  schema,
-  components
-}) => {
-  const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
-    (acc, [attribute, metadata]) => {
-      return {
-        ...acc,
-        [attribute]: metadata.list
-      };
-    },
-    {}
-  );
-  const listAttributes = convertListLayoutToFieldLayouts(
-    data.contentType.layouts.list,
-    schema?.attributes,
-    listMetadatas,
-    { configurations: data.components, schemas: components },
-    schemas
-  );
   return {
-    layout: listAttributes,
-    settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
-    metadatas: listMetadatas,
-    options: {
-      ...schema?.options,
-      ...schema?.pluginOptions,
-      ...data.contentType.options
-    }
+    title: formatMessage({ id: "content-manager.preview.panel.title", defaultMessage: "Preview" }),
+    content: /* @__PURE__ */ jsx(
+      ConditionalTooltip,
+      {
+        label: formatMessage({
+          id: "content-manager.preview.panel.button-disabled-tooltip",
+          defaultMessage: "Please save to open the preview"
+        }),
+        isShown: isModified,
+        children: /* @__PURE__ */ jsx(Box, { cursor: "not-allowed", width: "100%", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "tertiary",
+            tag: Link,
+            to: { pathname: "preview", search: stringify(query, { encode: false }) },
+            onClick: trackNavigation,
+            width: "100%",
+            disabled: isModified,
+            pointerEvents: isModified ? "none" : void 0,
+            tabIndex: isModified ? -1 : void 0,
+            children: formatMessage({
+              id: "content-manager.preview.panel.button",
+              defaultMessage: "Open preview"
+            })
+          }
+        ) })
+      }
+    )
   };
 };
-const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
-  return columns.map((name) => {
-    const attribute = attributes[name];
-    if (!attribute) {
-      return null;
-    }
-    const metadata = metadatas[name];
-    const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
-    return {
-      attribute,
-      label: metadata.label ?? "",
-      mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
-        schemas,
-        components: components?.schemas ?? {}
-      }),
-      name,
-      searchable: metadata.searchable ?? true,
-      sortable: metadata.sortable ?? true
-    };
-  }).filter((field) => field !== null);
+const previewAdmin = {
+  bootstrap(app) {
+    const contentManagerPluginApis = app.getPlugin("content-manager").apis;
+    contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);
+  }
 };
 const index = {
   register(app) {
     const cm = new ContentManagerPlugin();
     app.addReducers({
-      [contentManagerApi.reducerPath]: contentManagerApi.reducer,
       [PLUGIN_ID]: reducer
     });
-    app.addMiddlewares([() => contentManagerApi.middleware]);
     app.addMenuLink({
       to: PLUGIN_ID,
       icon: Feather,
@@ -3106,14 +4389,32 @@ const index = {
         defaultMessage: "Content Manager"
       },
       permissions: [],
-      Component: () => import("./layout-CXsHbc3E.mjs").then((mod) => ({ default: mod.Layout }))
+      position: 1
+    });
+    app.router.addRoute({
+      path: "content-manager/*",
+      lazy: async () => {
+        const { Layout } = await import("./layout-bbOlPwLA.mjs");
+        return {
+          Component: Layout
+        };
+      },
+      children: routes
     });
     app.registerPlugin(cm.config);
   },
+  bootstrap(app) {
+    if (typeof historyAdmin.bootstrap === "function") {
+      historyAdmin.bootstrap(app);
+    }
+    if (typeof previewAdmin.bootstrap === "function") {
+      previewAdmin.bootstrap(app);
+    }
+  },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-CCEVvqGG.mjs"), "./translations/ca.json": () => import("./ca-5U32ON2v.mjs"), "./translations/cs.json": () => import("./cs-CM2aBUar.mjs"), "./translations/de.json": () => import("./de-C72KDNOl.mjs"), "./translations/en.json": () => import("./en-MBPul9Su.mjs"), "./translations/es.json": () => import("./es-CeXiYflN.mjs"), "./translations/eu.json": () => import("./eu-CdALomew.mjs"), "./translations/fr.json": () => import("./fr-CD9VFbPM.mjs"), "./translations/gu.json": () => import("./gu-CNpaMDpH.mjs"), "./translations/hi.json": () => import("./hi-Dwvd04m3.mjs"), "./translations/hu.json": () => import("./hu-CeYvaaO0.mjs"), "./translations/id.json": () => import("./id-BtwA9WJT.mjs"), "./translations/it.json": () => import("./it-BrVPqaf1.mjs"), "./translations/ja.json": () => import("./ja-CtsUxOvk.mjs"), "./translations/ko.json": () => import("./ko-HVQRlfUI.mjs"), "./translations/ml.json": () => import("./ml-BihZwQit.mjs"), "./translations/ms.json": () => import("./ms-m_WjyWx7.mjs"), "./translations/nl.json": () => import("./nl-D4R9gHx5.mjs"), "./translations/pl.json": () => import("./pl-sbx9mSt_.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-C71iDxnh.mjs"), "./translations/pt.json": () => import("./pt-BsaFvS8-.mjs"), "./translations/ru.json": () => import("./ru-BE6A4Exp.mjs"), "./translations/sa.json": () => import("./sa-Dag0k-Z8.mjs"), "./translations/sk.json": () => import("./sk-BFg-R8qJ.mjs"), "./translations/sv.json": () => import("./sv-CUnfWGsh.mjs"), "./translations/th.json": () => import("./th-BqbI8lIT.mjs"), "./translations/tr.json": () => import("./tr-CgeK3wJM.mjs"), "./translations/uk.json": () => import("./uk-CR-zDhAY.mjs"), "./translations/vi.json": () => import("./vi-DUXIk_fw.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-BPQcRIyH.mjs"), "./translations/zh.json": () => import("./zh-BWZspA60.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-CCEVvqGG.mjs"), "./translations/ca.json": () => import("./ca-5U32ON2v.mjs"), "./translations/cs.json": () => import("./cs-CM2aBUar.mjs"), "./translations/de.json": () => import("./de-C72KDNOl.mjs"), "./translations/en.json": () => import("./en-D65uIF6Y.mjs"), "./translations/es.json": () => import("./es-D34tqjMw.mjs"), "./translations/eu.json": () => import("./eu-CdALomew.mjs"), "./translations/fr.json": () => import("./fr-DBseuRuB.mjs"), "./translations/gu.json": () => import("./gu-CNpaMDpH.mjs"), "./translations/hi.json": () => import("./hi-Dwvd04m3.mjs"), "./translations/hu.json": () => import("./hu-CeYvaaO0.mjs"), "./translations/id.json": () => import("./id-BtwA9WJT.mjs"), "./translations/it.json": () => import("./it-BrVPqaf1.mjs"), "./translations/ja.json": () => import("./ja-BHqhDq4V.mjs"), "./translations/ko.json": () => import("./ko-HVQRlfUI.mjs"), "./translations/ml.json": () => import("./ml-BihZwQit.mjs"), "./translations/ms.json": () => import("./ms-m_WjyWx7.mjs"), "./translations/nl.json": () => import("./nl-D4R9gHx5.mjs"), "./translations/pl.json": () => import("./pl-sbx9mSt_.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-C71iDxnh.mjs"), "./translations/pt.json": () => import("./pt-BsaFvS8-.mjs"), "./translations/ru.json": () => import("./ru-BE6A4Exp.mjs"), "./translations/sa.json": () => import("./sa-Dag0k-Z8.mjs"), "./translations/sk.json": () => import("./sk-BFg-R8qJ.mjs"), "./translations/sv.json": () => import("./sv-CUnfWGsh.mjs"), "./translations/th.json": () => import("./th-BqbI8lIT.mjs"), "./translations/tr.json": () => import("./tr-CgeK3wJM.mjs"), "./translations/uk.json": () => import("./uk-CR-zDhAY.mjs"), "./translations/vi.json": () => import("./vi-DUXIk_fw.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-BPQcRIyH.mjs"), "./translations/zh.json": () => import("./zh-BWZspA60.mjs") }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -3130,46 +4431,52 @@ const index = {
   }
 };
 export {
-  ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD as A,
-  extractContentTypeComponents as B,
+  useUpdateContentTypeConfigurationMutation as A,
+  BulkActionsRenderer as B,
   COLLECTION_TYPES as C,
   DocumentStatus as D,
-  DEFAULT_SETTINGS as E,
-  convertEditLayoutToFieldLayouts as F,
-  useDocument as G,
+  ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD as E,
+  extractContentTypeComponents as F,
+  DEFAULT_SETTINGS as G,
   HOOKS as H,
   InjectionZone as I,
-  index as J,
-  useDocumentActions as K,
+  convertEditLayoutToFieldLayouts as J,
+  removeFieldsThatDontExistOnSchema as K,
+  prepareTempKeys as L,
+  useDocument as M,
+  useGetPreviewUrlQuery as N,
+  index as O,
   Panels as P,
+  useContentManagerContext as Q,
   RelativeTime as R,
   SINGLE_TYPES as S,
   TableActions as T,
-  useGetAllContentTypeSettingsQuery as a,
-  useDoc as b,
-  buildValidParams as c,
-  contentManagerApi as d,
-  useDocumentRBAC as e,
-  useDocumentLayout as f,
+  useDocumentActions as U,
+  useGetInitialDataQuery as a,
+  useGetAllContentTypeSettingsQuery as b,
+  useDoc as c,
+  buildValidParams as d,
+  contentManagerApi as e,
+  useDocumentRBAC as f,
   getTranslation as g,
-  createYupSchema as h,
-  Header as i,
-  PERMISSIONS as j,
-  DocumentRBAC as k,
-  DOCUMENT_META_FIELDS as l,
+  useDocumentLayout as h,
+  createYupSchema as i,
+  Header as j,
+  PERMISSIONS as k,
+  DocumentRBAC as l,
   useDocLayout as m,
-  useContentTypeSchema as n,
-  useGetContentTypeConfigurationQuery as o,
-  CREATOR_FIELDS as p,
-  getMainField as q,
-  routes as r,
+  createDefaultForm as n,
+  CLONE_PATH as o,
+  useGetContentTypeConfigurationQuery as p,
+  CREATOR_FIELDS as q,
+  getMainField as r,
   setInitialData as s,
-  getDisplayName as t,
-  useGetInitialDataQuery as u,
-  checkIfAttributeIsDisplayable as v,
-  useGetAllDocumentsQuery as w,
-  convertListLayoutToFieldLayouts as x,
-  capitalise as y,
-  useUpdateContentTypeConfigurationMutation as z
-};
-//# sourceMappingURL=index-CAc9yTnx.mjs.map
+  transformDocument as t,
+  useContentTypeSchema as u,
+  getDisplayName as v,
+  checkIfAttributeIsDisplayable as w,
+  useGetAllDocumentsQuery as x,
+  convertListLayoutToFieldLayouts as y,
+  capitalise as z
+};
+//# sourceMappingURL=index-BH2JnYpF.mjs.map