@aduptive/strapi-blockscene 2.0.0-alpha.11 → 2.0.0-alpha.12

package/dist/admin.cjs

@@ -260,8 +260,8 @@ var require_diff = __commonJS({
     }
     function summarize(before, after, schema) {
       const zones = Object.entries(schema?.attributes || {}).filter(([, attr]) => attr?.type === "dynamiczone").map(([name]) => name);
-      const blocks = { added: 0, removed: 0, changed: 0 };
-      if (!before) return { initial: true, fields: [], blocks };
+      const blocks = { total: zones.reduce((n, name) => n + (Array.isArray(after?.[name]) ? after[name].length : 0), 0), added: 0, removed: 0, changed: 0 };
+      if (!before) return { initial: true, fields: [], blocks: { ...blocks, added: blocks.total } };
       const names = [.../* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after || {})])];
       const fields = names.filter((name) => !zones.includes(name) && !same2(before[name], after?.[name])).sort();
       for (const name of zones) for (const { op } of diffRows2(before[name], after?.[name])) if (op !== "same") blocks[op]++;
@@ -277,9 +277,9 @@ __export(strapi5_exports, {
   default: () => strapi5_default
 });
 module.exports = __toCommonJS(strapi5_exports);
-var React16 = __toESM(require("react"));
-var import_design_system11 = require("@strapi/design-system");
-var import_admin4 = require("@strapi/strapi/admin");
+var React18 = __toESM(require("react"));
+var import_design_system13 = require("@strapi/design-system");
+var import_admin5 = require("@strapi/strapi/admin");
 var import_strapi_admin2 = require("@strapi/content-manager/strapi-admin");
 
 // admin/Gallery.tsx
@@ -330,6 +330,26 @@ function variantRow(schema, components, values, keys = fractional) {
   }
   return row;
 }
+function starterKitRows(kit, zones, components, form) {
+  const out = {};
+  for (const [name, items2] of Object.entries(kit?.zones || {})) {
+    const zone = zones.find((entry) => entry.name === name);
+    const current = form.rows(name);
+    if (!zone || current.length || current.length + items2.length > (zone.max ?? Infinity) || items2.some((item) => !zone.components.includes(item.__component) || !components[item.__component])) return null;
+    const keys = form.keys(current, current.length, items2.length);
+    out[name] = items2.map((item, index) => ({ ...variantRow(components[item.__component], components, item.values), __component: item.__component, __temp_key__: keys[index] }));
+  }
+  return out;
+}
+function starterKitsForLocale(kits, locale) {
+  if (!Array.isArray(kits)) return [];
+  const current = String(locale || "").toLowerCase();
+  const language = current.split("-")[0];
+  return kits.filter((kit) => !Array.isArray(kit.locales) || kit.locales.some((entry) => {
+    const wanted = String(entry).toLowerCase();
+    return wanted === current || !wanted.includes("-") && wanted === language;
+  }));
+}
 function editableZones(schema, values, canEdit, disabled = false) {
   if (disabled) return [];
   return Object.entries(schema?.attributes || {}).filter(
@@ -645,6 +665,7 @@ var hoverKey = (key, rows) => key === null ? null : typeof key === "string" && k
 function isPreviewMessage(event, origin, source, channel, type) {
   return event.origin === origin && event.source === source && event.data?.protocol === PROTOCOL && event.data?.channel === channel && event.data?.type === type;
 }
+var previewMessageAllowed = (event, origin, source, channel, readOnly) => isPreviewMessage(event, origin, source, channel, event.data?.type) && (!readOnly || event.data?.type === "ready");
 function insertIndex(rows, after) {
   if (after === null || after === void 0) return 0;
   const index = (Array.isArray(rows) ? rows : []).findIndex((row) => blockKey(row) === String(after));
@@ -899,10 +920,10 @@ var en_default = {
   rememberHelp: "Only the explicit open all / close all buttons update the memory, per user and browser. Opening one block does not.",
   previewUrl: "Preview route base URL",
   previewUrlHelp: "Full URL of your frontend page-preview route, e.g. https://site.test/block-preview/page. Leave empty to reuse the origin of Strapi's native Preview (when configured for the content type) with /block-preview/page. The route must implement the bridge (see README).",
-  previewUrlEmpty: "No preview URL is set: editors get the Fields + page and Visual editor modes only on content types where Strapi's native Preview is configured. Elsewhere the mode menu is not shown.",
+  previewUrlEmpty: "No preview URL is set: editors get the Fields + preview and Visual editor modes only on content types where Strapi's native Preview is configured. Elsewhere the mode menu is not shown.",
   previewMode: "Initial preview mode",
-  "modes.form": "Fields",
-  "modes.split": "Fields + page",
+  "modes.form": "Fields only",
+  "modes.split": "Fields + preview",
   "modes.preview": "Visual editor",
   previewModeHelp: "Every edit view opens in this mode, unless its content type sets its own below. Editors can switch while they edit; the switch is not remembered.",
   lazyEdit: "Click to edit",
@@ -910,8 +931,8 @@ var en_default = {
   lazyFields: "Custom fields loaded on demand",
   lazyEditorsHelp: "Listed custom fields show a read-only preview until clicked or focused, so opening large pages stays fast. Separate uids with commas.",
   lazyFieldsInvalid: "Use up to {max} custom field uids such as plugin::ckeditor5.CKEditor or global::my-field.",
-  modeForm: "Fields",
-  modeSplit: "Fields + page",
+  modeForm: "Fields only",
+  modeSplit: "Fields + preview",
   modePreview: "Visual editor",
   previewPane: "Page preview",
   resize: "Resize preview pane",
@@ -1006,6 +1027,9 @@ var en_default = {
   unstar: "Remove star",
   quickInsert: "Insert {label}",
   insert: "Insert",
+  starterKits: "Start with a kit",
+  starterKitsHelp: "Choose a starting structure. Everything is inserted as an unsaved, editable draft.",
+  startBlank: "Start blank",
   closeDetail: "Close details",
   typology: "Typology",
   typologyAuto: "Automatic ({name})",
@@ -1262,7 +1286,23 @@ var en_default = {
   layoutOff: "No grid",
   layoutNoMobile: "None",
   layoutHelp: "The group's blocks show as a grid in the form, with the column count this block holds.",
-  layoutNoFields: "This block has no field that can hold a column count."
+  layoutNoFields: "This block has no field that can hold a column count.",
+  "toolbar.versions": "Version history",
+  versionsDenied: "Ask an administrator to grant the Blockscene Read version history permission.",
+  versionsDisabled: "History is not enabled for this content type. Ask an administrator to enable it in Settings > Blockscene (settings.history.enabled).",
+  versionsNew: "Save this entry first to start its history.",
+  versionsPerson: "Filter by person",
+  versionsEveryone: "Everyone",
+  versionsCounts: "{total} blocks",
+  versionsCountsMissing: "Block counts unavailable (older or unrecorded event).",
+  versionsPage: "Page {page} of {count}",
+  versionsPrevious: "Previous",
+  versionsNext: "Next",
+  versionsViewing: "Viewing version of {date} by {person} (read-only).",
+  versionsCurrent: "Back to current draft",
+  versionsMissing: "Some blocks, fields, media or relations are no longer available in this preview.",
+  versionsBridgeLegacy: "This preview bridge does not support read-only browsing. Interaction is disabled; update the bridge to support readOnly.",
+  historyExpired: "Snapshot no longer available"
 };
 
 // admin/translations/pt-BR.json
@@ -1320,10 +1360,10 @@ var pt_BR_default = {
   rememberHelp: "Somente os bot\xF5es de abrir/fechar todos atualizam a mem\xF3ria, por usu\xE1rio e navegador. Abrir um bloco isolado n\xE3o muda.",
   previewUrl: "URL base da rota de preview",
   previewUrlHelp: "URL completa da rota de preview de p\xE1gina do seu frontend, por exemplo https://site.test/block-preview/page. Vazio reutiliza a origem da Preview nativa do Strapi (quando configurada para o tipo de conte\xFAdo) com /block-preview/page. A rota precisa implementar a bridge (ver README).",
-  previewUrlEmpty: "Nenhuma URL de preview definida: os editores s\xF3 t\xEAm os modos Campos + p\xE1gina e Editor visual nos tipos de conte\xFAdo com o Preview nativo do Strapi configurado. Nos demais, o menu de modos n\xE3o aparece.",
+  previewUrlEmpty: "Nenhuma URL de preview definida: os editores s\xF3 t\xEAm os modos Campos + preview e Editor visual nos tipos de conte\xFAdo com o Preview nativo do Strapi configurado. Nos demais, o menu de modos n\xE3o aparece.",
   previewMode: "Modo inicial da preview",
-  "modes.form": "Campos",
-  "modes.split": "Campos + p\xE1gina",
+  "modes.form": "Somente campos",
+  "modes.split": "Campos + preview",
   "modes.preview": "Editor visual",
   previewModeHelp: "Toda tela de edi\xE7\xE3o abre neste modo, a menos que o tipo de conte\xFAdo defina o seu abaixo. Quem edita pode trocar durante a edi\xE7\xE3o; a troca n\xE3o fica gravada.",
   lazyEdit: "Clique para editar",
@@ -1331,8 +1371,8 @@ var pt_BR_default = {
   lazyFields: "Campos personalizados carregados sob demanda",
   lazyEditorsHelp: "Os campos personalizados listados mostram uma pr\xE9via somente leitura at\xE9 receberem clique ou foco, para que p\xE1ginas grandes abram r\xE1pido. Separe os uids com v\xEDrgulas.",
   lazyFieldsInvalid: "Use at\xE9 {max} uids de campos personalizados, como plugin::ckeditor5.CKEditor ou global::meu-campo.",
-  modeForm: "Campos",
-  modeSplit: "Campos + p\xE1gina",
+  modeForm: "Somente campos",
+  modeSplit: "Campos + preview",
   modePreview: "Editor visual",
   previewPane: "Preview da p\xE1gina",
   resize: "Redimensionar painel de preview",
@@ -1427,6 +1467,9 @@ var pt_BR_default = {
   unstar: "Remover dos favoritos",
   quickInsert: "Inserir {label}",
   insert: "Inserir",
+  starterKits: "Come\xE7ar com um kit",
+  starterKitsHelp: "Escolha uma estrutura inicial. Tudo \xE9 inserido como rascunho edit\xE1vel e ainda n\xE3o salvo.",
+  startBlank: "Come\xE7ar em branco",
   closeDetail: "Fechar detalhes",
   typology: "Tipologia",
   typologyAuto: "Autom\xE1tica ({name})",
@@ -1683,7 +1726,23 @@ var pt_BR_default = {
   layoutOff: "Sem grade",
   layoutNoMobile: "Nenhum",
   layoutHelp: "Os blocos do grupo aparecem em grade no formul\xE1rio, com o n\xFAmero de colunas deste bloco.",
-  layoutNoFields: "Este bloco n\xE3o tem campo que guarde um n\xFAmero de colunas."
+  layoutNoFields: "Este bloco n\xE3o tem campo que guarde um n\xFAmero de colunas.",
+  "toolbar.versions": "Hist\xF3rico de vers\xF5es",
+  versionsDenied: "Pe\xE7a a um administrador a permiss\xE3o Ler hist\xF3rico de vers\xF5es do Blockscene.",
+  versionsDisabled: "O hist\xF3rico n\xE3o est\xE1 ativo para este tipo de conte\xFAdo. Pe\xE7a a um administrador para ativ\xE1-lo em Settings > Blockscene (settings.history.enabled).",
+  versionsNew: "Salve este conte\xFAdo primeiro para iniciar seu hist\xF3rico.",
+  versionsPerson: "Filtrar por pessoa",
+  versionsEveryone: "Todas as pessoas",
+  versionsCounts: "{total} blocos",
+  versionsCountsMissing: "Contagem de blocos indispon\xEDvel (evento antigo ou n\xE3o registrado).",
+  versionsPage: "P\xE1gina {page} de {count}",
+  versionsPrevious: "Anterior",
+  versionsNext: "Pr\xF3xima",
+  versionsViewing: "Vendo vers\xE3o de {date} por {person} (somente leitura).",
+  versionsCurrent: "Voltar ao rascunho atual",
+  versionsMissing: "Alguns blocos, campos, m\xEDdias ou rela\xE7\xF5es n\xE3o est\xE3o mais dispon\xEDveis nesta preview.",
+  versionsBridgeLegacy: "Esta bridge n\xE3o suporta navega\xE7\xE3o somente leitura. A intera\xE7\xE3o est\xE1 desativada; atualize a bridge para suportar readOnly.",
+  historyExpired: "Snapshot n\xE3o est\xE1 mais dispon\xEDvel"
 };
 
 // admin/translations/pt.json
@@ -1741,10 +1800,10 @@ var pt_default = {
   rememberHelp: "Somente os bot\xF5es de abrir/fechar todos atualizam a mem\xF3ria, por usu\xE1rio e navegador. Abrir um bloco isolado n\xE3o muda.",
   previewUrl: "URL base da rota de pr\xE9-visualiza\xE7\xE3o",
   previewUrlHelp: "URL completa da rota de preview de p\xE1gina do seu frontend, por exemplo https://site.test/block-preview/page. Vazio reutiliza a origem da Preview nativa do Strapi (quando configurada para o tipo de conte\xFAdo) com /block-preview/page. A rota precisa implementar a bridge (ver README).",
-  previewUrlEmpty: "Nenhum URL de pr\xE9-visualiza\xE7\xE3o definido: os editores s\xF3 t\xEAm os modos Campos + p\xE1gina e Editor visual nos tipos de conte\xFAdo com a Preview nativa do Strapi configurada. Nos restantes, o menu de modos n\xE3o aparece.",
+  previewUrlEmpty: "Nenhum URL de pr\xE9-visualiza\xE7\xE3o definido: os editores s\xF3 t\xEAm os modos Campos + pr\xE9-visualiza\xE7\xE3o e Editor visual nos tipos de conte\xFAdo com a Preview nativa do Strapi configurada. Nos restantes, o menu de modos n\xE3o aparece.",
   previewMode: "Modo inicial da pr\xE9-visualiza\xE7\xE3o",
-  "modes.form": "Campos",
-  "modes.split": "Campos + p\xE1gina",
+  "modes.form": "Apenas campos",
+  "modes.split": "Campos + pr\xE9-visualiza\xE7\xE3o",
   "modes.preview": "Editor visual",
   previewModeHelp: "Cada ecr\xE3 de edi\xE7\xE3o abre neste modo, salvo se o tipo de conte\xFAdo definir o seu abaixo. Quem edita pode mudar durante a edi\xE7\xE3o; a mudan\xE7a n\xE3o fica guardada.",
   lazyEdit: "Clique para editar",
@@ -1752,8 +1811,8 @@ var pt_default = {
   lazyFields: "Campos personalizados carregados a pedido",
   lazyEditorsHelp: "Os campos personalizados indicados mostram uma pr\xE9-visualiza\xE7\xE3o s\xF3 de leitura at\xE9 receberem clique ou foco, para que p\xE1ginas grandes abram depressa. Separe os uids com v\xEDrgulas.",
   lazyFieldsInvalid: "Use at\xE9 {max} uids de campos personalizados, como plugin::ckeditor5.CKEditor ou global::meu-campo.",
-  modeForm: "Campos",
-  modeSplit: "Campos + p\xE1gina",
+  modeForm: "Apenas campos",
+  modeSplit: "Campos + pr\xE9-visualiza\xE7\xE3o",
   modePreview: "Editor visual",
   previewPane: "Pr\xE9-visualiza\xE7\xE3o da p\xE1gina",
   resize: "Redimensionar painel de pr\xE9-visualiza\xE7\xE3o",
@@ -1848,6 +1907,9 @@ var pt_default = {
   unstar: "Remover dos favoritos",
   quickInsert: "Inserir {label}",
   insert: "Inserir",
+  starterKits: "Come\xE7ar com um kit",
+  starterKitsHelp: "Escolha uma estrutura inicial. Tudo \xE9 inserido como um rascunho edit\xE1vel e ainda n\xE3o guardado.",
+  startBlank: "Come\xE7ar em branco",
   closeDetail: "Fechar detalhes",
   typology: "Tipologia",
   typologyAuto: "Autom\xE1tica ({name})",
@@ -2104,7 +2166,23 @@ var pt_default = {
   layoutOff: "Sem grelha",
   layoutNoMobile: "Nenhum",
   layoutHelp: "Os blocos do grupo aparecem em grelha no formul\xE1rio, com o n\xFAmero de colunas deste bloco.",
-  layoutNoFields: "Este bloco n\xE3o tem campo que guarde um n\xFAmero de colunas."
+  layoutNoFields: "Este bloco n\xE3o tem campo que guarde um n\xFAmero de colunas.",
+  "toolbar.versions": "Hist\xF3rico de vers\xF5es",
+  versionsDenied: "Pe\xE7a a um administrador a permiss\xE3o Ler hist\xF3rico de vers\xF5es do Blockscene.",
+  versionsDisabled: "O hist\xF3rico n\xE3o est\xE1 ativo para este tipo de conte\xFAdo. Pe\xE7a a um administrador para o ativar em Settings > Blockscene (settings.history.enabled).",
+  versionsNew: "Guarde este conte\xFAdo primeiro para iniciar o hist\xF3rico.",
+  versionsPerson: "Filtrar por pessoa",
+  versionsEveryone: "Todas as pessoas",
+  versionsCounts: "{total} blocos",
+  versionsCountsMissing: "Contagem de blocos indispon\xEDvel (evento antigo ou n\xE3o registado).",
+  versionsPage: "P\xE1gina {page} de {count}",
+  versionsPrevious: "Anterior",
+  versionsNext: "Seguinte",
+  versionsViewing: "A ver a vers\xE3o de {date} por {person} (s\xF3 de leitura).",
+  versionsCurrent: "Voltar ao rascunho atual",
+  versionsMissing: "Alguns blocos, campos, ficheiros ou rela\xE7\xF5es j\xE1 n\xE3o est\xE3o dispon\xEDveis nesta pr\xE9via.",
+  versionsBridgeLegacy: "Esta bridge n\xE3o suporta navega\xE7\xE3o s\xF3 de leitura. A intera\xE7\xE3o est\xE1 desativada; atualize a bridge para suportar readOnly.",
+  historyExpired: "Snapshot j\xE1 n\xE3o est\xE1 dispon\xEDvel"
 };
 
 // admin/translations/fr.json
@@ -2162,10 +2240,10 @@ var fr_default = {
   rememberHelp: "Seuls les boutons explicites tout ouvrir / tout fermer mettent la m\xE9moire \xE0 jour, par utilisateur et navigateur. Ouvrir un seul bloc ne change rien.",
   previewUrl: "URL de base de la route d'aper\xE7u",
   previewUrlHelp: "URL compl\xE8te de la route d'aper\xE7u de page de votre frontend, par ex. https://site.test/block-preview/page. Laissez vide pour r\xE9utiliser l'origine de l'aper\xE7u natif de Strapi (s'il est configur\xE9 pour le type de contenu) avec /block-preview/page. La route doit impl\xE9menter le pont (voir README).",
-  previewUrlEmpty: "Aucune URL d'aper\xE7u : les \xE9diteurs n'ont les modes Champs + page et \xC9diteur visuel que sur les types de contenu o\xF9 l'aper\xE7u natif de Strapi est configur\xE9. Ailleurs, le menu des modes n'appara\xEEt pas.",
+  previewUrlEmpty: "Aucune URL d'aper\xE7u : les \xE9diteurs n'ont les modes Champs + aper\xE7u et \xC9diteur visuel que sur les types de contenu o\xF9 l'aper\xE7u natif de Strapi est configur\xE9. Ailleurs, le menu des modes n'appara\xEEt pas.",
   previewMode: "Mode d'aper\xE7u initial",
-  "modes.form": "Champs",
-  "modes.split": "Champs + page",
+  "modes.form": "Champs uniquement",
+  "modes.split": "Champs + aper\xE7u",
   "modes.preview": "\xC9diteur visuel",
   previewModeHelp: "Chaque vue d'\xE9dition s'ouvre dans ce mode, sauf si son type de contenu d\xE9finit le sien ci-dessous. L'\xE9diteur peut changer pendant l'\xE9dition ; ce choix n'est pas m\xE9moris\xE9.",
   lazyEdit: "Cliquer pour modifier",
@@ -2173,8 +2251,8 @@ var fr_default = {
   lazyFields: "Champs personnalis\xE9s charg\xE9s \xE0 la demande",
   lazyEditorsHelp: "Les champs personnalis\xE9s list\xE9s affichent un aper\xE7u en lecture seule jusqu'au clic ou au focus, pour que les grandes pages s'ouvrent vite. S\xE9parez les uids par des virgules.",
   lazyFieldsInvalid: "Utilisez jusqu'\xE0 {max} uids de champs personnalis\xE9s, comme plugin::ckeditor5.CKEditor ou global::mon-champ.",
-  modeForm: "Champs",
-  modeSplit: "Champs + page",
+  modeForm: "Champs uniquement",
+  modeSplit: "Champs + aper\xE7u",
   modePreview: "\xC9diteur visuel",
   previewPane: "Aper\xE7u de la page",
   resize: "Redimensionner le panneau d'aper\xE7u",
@@ -2269,6 +2347,9 @@ var fr_default = {
   unstar: "Retirer des favoris",
   quickInsert: "Ins\xE9rer {label}",
   insert: "Ins\xE9rer",
+  starterKits: "D\xE9marrer avec un kit",
+  starterKitsHelp: "Choisissez une structure de d\xE9part. Tout est ins\xE9r\xE9 comme brouillon modifiable et non enregistr\xE9.",
+  startBlank: "Commencer vide",
   closeDetail: "Fermer les d\xE9tails",
   typology: "Typologie",
   typologyAuto: "Automatique ({name})",
@@ -2525,7 +2606,23 @@ var fr_default = {
   layoutOff: "Pas de grille",
   layoutNoMobile: "Aucun",
   layoutHelp: "Les blocs du groupe s'affichent en grille dans le formulaire, avec le nombre de colonnes de ce bloc.",
-  layoutNoFields: "Ce bloc n'a aucun champ pouvant contenir un nombre de colonnes."
+  layoutNoFields: "Ce bloc n'a aucun champ pouvant contenir un nombre de colonnes.",
+  "toolbar.versions": "Historique des versions",
+  versionsDenied: "Demandez \xE0 un administrateur la permission Lire l\u2019historique des versions de Blockscene.",
+  versionsDisabled: "L\u2019historique n\u2019est pas activ\xE9 pour ce type de contenu. Demandez \xE0 un administrateur de l\u2019activer dans Settings > Blockscene (settings.history.enabled).",
+  versionsNew: "Enregistrez d\u2019abord ce contenu pour commencer son historique.",
+  versionsPerson: "Filtrer par personne",
+  versionsEveryone: "Tout le monde",
+  versionsCounts: "{total} blocs",
+  versionsCountsMissing: "Nombre de blocs indisponible (\xE9v\xE9nement ancien ou non enregistr\xE9).",
+  versionsPage: "Page {page} sur {count}",
+  versionsPrevious: "Pr\xE9c\xE9dente",
+  versionsNext: "Suivante",
+  versionsViewing: "Version du {date} par {person} (lecture seule).",
+  versionsCurrent: "Revenir au brouillon actuel",
+  versionsMissing: "Certains blocs, champs, m\xE9dias ou relations ne sont plus disponibles dans cet aper\xE7u.",
+  versionsBridgeLegacy: "Cette bridge ne prend pas en charge la navigation en lecture seule. L\u2019interaction est d\xE9sactiv\xE9e ; mettez la bridge \xE0 jour pour prendre en charge readOnly.",
+  historyExpired: "Snapshot indisponible"
 };
 
 // admin/translations/es.json
@@ -2583,10 +2680,10 @@ var es_default = {
   rememberHelp: "Solo los botones expl\xEDcitos de abrir/cerrar todos actualizan la memoria, por usuario y navegador. Abrir un solo bloque no la cambia.",
   previewUrl: "URL base de la ruta de vista previa",
   previewUrlHelp: "URL completa de la ruta de vista previa de p\xE1gina de su frontend, p. ej. https://site.test/block-preview/page. D\xE9jela vac\xEDa para reutilizar el origen de la Vista previa nativa de Strapi (si est\xE1 configurada para el tipo de contenido) con /block-preview/page. La ruta debe implementar el puente (ver README).",
-  previewUrlEmpty: "No hay URL de vista previa: los editores solo tienen los modos Campos + p\xE1gina y Editor visual en los tipos de contenido con la vista previa nativa de Strapi configurada. En los dem\xE1s no aparece el men\xFA de modos.",
+  previewUrlEmpty: "No hay URL de vista previa: los editores solo tienen los modos Campos + vista previa y Editor visual en los tipos de contenido con la vista previa nativa de Strapi configurada. En los dem\xE1s no aparece el men\xFA de modos.",
   previewMode: "Modo inicial de la vista previa",
-  "modes.form": "Campos",
-  "modes.split": "Campos + p\xE1gina",
+  "modes.form": "Solo campos",
+  "modes.split": "Campos + vista previa",
   "modes.preview": "Editor visual",
   previewModeHelp: "Cada vista de edici\xF3n se abre en este modo, salvo que su tipo de contenido defina el suyo abajo. Quien edita puede cambiarlo mientras edita; el cambio no se recuerda.",
   lazyEdit: "Haz clic para editar",
@@ -2594,8 +2691,8 @@ var es_default = {
   lazyFields: "Campos personalizados cargados bajo demanda",
   lazyEditorsHelp: "Los campos personalizados de la lista muestran una vista previa de solo lectura hasta recibir un clic o el foco, para que las p\xE1ginas grandes abran r\xE1pido. Separa los uids con comas.",
   lazyFieldsInvalid: "Usa hasta {max} uids de campos personalizados, como plugin::ckeditor5.CKEditor o global::mi-campo.",
-  modeForm: "Campos",
-  modeSplit: "Campos + p\xE1gina",
+  modeForm: "Solo campos",
+  modeSplit: "Campos + vista previa",
   modePreview: "Editor visual",
   previewPane: "Vista previa de la p\xE1gina",
   resize: "Redimensionar el panel de vista previa",
@@ -2690,6 +2787,9 @@ var es_default = {
   unstar: "Quitar de favoritos",
   quickInsert: "Insertar {label}",
   insert: "Insertar",
+  starterKits: "Comenzar con un kit",
+  starterKitsHelp: "Elige una estructura inicial. Todo se inserta como un borrador editable y sin guardar.",
+  startBlank: "Comenzar en blanco",
   closeDetail: "Cerrar detalles",
   typology: "Tipolog\xEDa",
   typologyAuto: "Autom\xE1tica ({name})",
@@ -2946,7 +3046,23 @@ var es_default = {
   layoutOff: "Sin cuadr\xEDcula",
   layoutNoMobile: "Ninguno",
   layoutHelp: "Los bloques del grupo se muestran en cuadr\xEDcula en el formulario, con el n\xFAmero de columnas de este bloque.",
-  layoutNoFields: "Este bloque no tiene ning\xFAn campo que pueda guardar un n\xFAmero de columnas."
+  layoutNoFields: "Este bloque no tiene ning\xFAn campo que pueda guardar un n\xFAmero de columnas.",
+  "toolbar.versions": "Historial de versiones",
+  versionsDenied: "Pide a un administrador el permiso Leer historial de versiones de Blockscene.",
+  versionsDisabled: "El historial no est\xE1 activo para este tipo de contenido. Pide a un administrador que lo active en Settings > Blockscene (settings.history.enabled).",
+  versionsNew: "Guarda primero este contenido para iniciar su historial.",
+  versionsPerson: "Filtrar por persona",
+  versionsEveryone: "Todas las personas",
+  versionsCounts: "{total} bloques",
+  versionsCountsMissing: "Recuento de bloques no disponible (evento antiguo o no registrado).",
+  versionsPage: "P\xE1gina {page} de {count}",
+  versionsPrevious: "Anterior",
+  versionsNext: "Siguiente",
+  versionsViewing: "Viendo la versi\xF3n del {date} por {person} (solo lectura).",
+  versionsCurrent: "Volver al borrador actual",
+  versionsMissing: "Algunos bloques, campos, archivos o relaciones ya no est\xE1n disponibles en esta vista previa.",
+  versionsBridgeLegacy: "Esta bridge no admite navegaci\xF3n de solo lectura. La interacci\xF3n est\xE1 desactivada; actualiza la bridge para admitir readOnly.",
+  historyExpired: "Snapshot ya no disponible"
 };
 
 // admin/translations/de.json
@@ -3004,10 +3120,10 @@ var de_default = {
   rememberHelp: "Nur die expliziten Schaltfl\xE4chen \u201Ealle \xF6ffnen/schlie\xDFen\u201C aktualisieren die Erinnerung, pro Benutzer und Browser. Das \xD6ffnen eines einzelnen Blocks \xE4ndert nichts.",
   previewUrl: "Basis-URL der Vorschauroute",
   previewUrlHelp: "Vollst\xE4ndige URL der Seitenvorschau-Route Ihres Frontends, z. B. https://site.test/block-preview/page. Leer lassen, um den Ursprung der nativen Strapi-Vorschau (wenn f\xFCr den Inhaltstyp konfiguriert) mit /block-preview/page zu verwenden. Die Route muss die Bridge implementieren (siehe README).",
-  previewUrlEmpty: "Keine Vorschau-URL gesetzt: Redakteure erhalten die Modi Felder + Seite und Visueller Editor nur bei Inhaltstypen, f\xFCr die Strapis native Vorschau konfiguriert ist. Sonst wird das Modusmen\xFC nicht angezeigt.",
+  previewUrlEmpty: "Keine Vorschau-URL gesetzt: Redakteure erhalten die Modi Felder + Vorschau und Visueller Editor nur bei Inhaltstypen, f\xFCr die Strapis native Vorschau konfiguriert ist. Sonst wird das Modusmen\xFC nicht angezeigt.",
   previewMode: "Anf\xE4nglicher Vorschaumodus",
-  "modes.form": "Felder",
-  "modes.split": "Felder + Seite",
+  "modes.form": "Nur Felder",
+  "modes.split": "Felder + Vorschau",
   "modes.preview": "Visueller Editor",
   previewModeHelp: "Jede Bearbeitungsansicht \xF6ffnet in diesem Modus, au\xDFer ihr Inhaltstyp legt unten einen eigenen fest. Beim Bearbeiten l\xE4sst sich wechseln; der Wechsel wird nicht gespeichert.",
   lazyEdit: "Zum Bearbeiten klicken",
@@ -3015,8 +3131,8 @@ var de_default = {
   lazyFields: "Bei Bedarf geladene benutzerdefinierte Felder",
   lazyEditorsHelp: "Die aufgef\xFChrten benutzerdefinierten Felder zeigen eine schreibgesch\xFCtzte Vorschau, bis sie angeklickt oder fokussiert werden, damit gro\xDFe Seiten schnell \xF6ffnen. Uids durch Kommas trennen.",
   lazyFieldsInvalid: "Bis zu {max} Uids benutzerdefinierter Felder verwenden, z. B. plugin::ckeditor5.CKEditor oder global::mein-feld.",
-  modeForm: "Felder",
-  modeSplit: "Felder + Seite",
+  modeForm: "Nur Felder",
+  modeSplit: "Felder + Vorschau",
   modePreview: "Visueller Editor",
   previewPane: "Seitenvorschau",
   resize: "Vorschaubereich anpassen",
@@ -3111,6 +3227,9 @@ var de_default = {
   unstar: "Aus Favoriten entfernen",
   quickInsert: "{label} einf\xFCgen",
   insert: "Einf\xFCgen",
+  starterKits: "Mit einem Kit starten",
+  starterKitsHelp: "W\xE4hlen Sie eine Ausgangsstruktur. Alles wird als ungespeicherter, bearbeitbarer Entwurf eingef\xFCgt.",
+  startBlank: "Leer beginnen",
   closeDetail: "Details schlie\xDFen",
   typology: "Typologie",
   typologyAuto: "Automatisch ({name})",
@@ -3367,7 +3486,23 @@ var de_default = {
   layoutOff: "Kein Raster",
   layoutNoMobile: "Keines",
   layoutHelp: "Die Bl\xF6cke der Gruppe erscheinen im Formular als Raster, mit der Spaltenzahl dieses Blocks.",
-  layoutNoFields: "Dieser Block hat kein Feld, das eine Spaltenzahl enthalten kann."
+  layoutNoFields: "Dieser Block hat kein Feld, das eine Spaltenzahl enthalten kann.",
+  "toolbar.versions": "Versionsverlauf",
+  versionsDenied: "Bitte einen Administrator um die Blockscene-Berechtigung zum Lesen des Versionsverlaufs.",
+  versionsDisabled: "Der Verlauf ist f\xFCr diesen Inhaltstyp nicht aktiviert. Bitte einen Administrator, ihn unter Settings > Blockscene zu aktivieren (settings.history.enabled).",
+  versionsNew: "Speichere diesen Eintrag zuerst, um seinen Verlauf zu beginnen.",
+  versionsPerson: "Nach Person filtern",
+  versionsEveryone: "Alle Personen",
+  versionsCounts: "{total} Bl\xF6cke",
+  versionsCountsMissing: "Blockanzahl nicht verf\xFCgbar (\xE4lteres oder nicht aufgezeichnetes Ereignis).",
+  versionsPage: "Seite {page} von {count}",
+  versionsPrevious: "Zur\xFCck",
+  versionsNext: "Weiter",
+  versionsViewing: "Version vom {date} von {person} (schreibgesch\xFCtzt).",
+  versionsCurrent: "Zur\xFCck zum aktuellen Entwurf",
+  versionsMissing: "Einige Bl\xF6cke, Felder, Medien oder Beziehungen sind in dieser Vorschau nicht mehr verf\xFCgbar.",
+  versionsBridgeLegacy: "Diese Bridge unterst\xFCtzt keine schreibgesch\xFCtzte Navigation. Interaktion ist deaktiviert; aktualisiere die Bridge f\xFCr readOnly.",
+  historyExpired: "Snapshot nicht mehr verf\xFCgbar"
 };
 
 // admin/translations/it.json
@@ -3425,10 +3560,10 @@ var it_default = {
   rememberHelp: "Solo i pulsanti espliciti apri tutti / chiudi tutti aggiornano la memoria, per utente e browser. Aprire un singolo blocco non la cambia.",
   previewUrl: "URL di base della route di anteprima",
   previewUrlHelp: "URL completo della route di anteprima pagina del tuo frontend, ad es. https://site.test/block-preview/page. Lascia vuoto per riutilizzare l'origine dell'Anteprima nativa di Strapi (se configurata per il tipo di contenuto) con /block-preview/page. La route deve implementare il bridge (vedi README).",
-  previewUrlEmpty: "Nessun URL di anteprima impostato: gli editor hanno le modalit\xE0 Campi + pagina ed Editor visivo solo sui tipi di contenuto con l'anteprima nativa di Strapi configurata. Altrove il menu delle modalit\xE0 non compare.",
+  previewUrlEmpty: "Nessun URL di anteprima impostato: gli editor hanno le modalit\xE0 Campi + anteprima ed Editor visivo solo sui tipi di contenuto con l'anteprima nativa di Strapi configurata. Altrove il menu delle modalit\xE0 non compare.",
   previewMode: "Modalit\xE0 iniziale dell'anteprima",
-  "modes.form": "Campi",
-  "modes.split": "Campi + pagina",
+  "modes.form": "Solo campi",
+  "modes.split": "Campi + anteprima",
   "modes.preview": "Editor visivo",
   previewModeHelp: "Ogni vista di modifica si apre in questo modo, a meno che il suo tipo di contenuto ne imposti uno proprio qui sotto. Durante la modifica si pu\xF2 cambiare; la scelta non viene ricordata.",
   lazyEdit: "Fai clic per modificare",
@@ -3436,8 +3571,8 @@ var it_default = {
   lazyFields: "Campi personalizzati caricati su richiesta",
   lazyEditorsHelp: "I campi personalizzati elencati mostrano un'anteprima di sola lettura finch\xE9 non ricevono un clic o il focus, cos\xEC le pagine grandi si aprono in fretta. Separa gli uid con virgole.",
   lazyFieldsInvalid: "Usa fino a {max} uid di campi personalizzati, come plugin::ckeditor5.CKEditor o global::mio-campo.",
-  modeForm: "Campi",
-  modeSplit: "Campi + pagina",
+  modeForm: "Solo campi",
+  modeSplit: "Campi + anteprima",
   modePreview: "Editor visivo",
   previewPane: "Anteprima della pagina",
   resize: "Ridimensiona il pannello di anteprima",
@@ -3532,6 +3667,9 @@ var it_default = {
   unstar: "Rimuovi dai preferiti",
   quickInsert: "Inserisci {label}",
   insert: "Inserisci",
+  starterKits: "Inizia con un kit",
+  starterKitsHelp: "Scegli una struttura iniziale. Tutto viene inserito come bozza modificabile e non salvata.",
+  startBlank: "Inizia da zero",
   closeDetail: "Chiudi dettagli",
   typology: "Tipologia",
   typologyAuto: "Automatica ({name})",
@@ -3788,7 +3926,23 @@ var it_default = {
   layoutOff: "Nessuna griglia",
   layoutNoMobile: "Nessuno",
   layoutHelp: "I blocchi del gruppo appaiono in griglia nel modulo, con il numero di colonne di questo blocco.",
-  layoutNoFields: "Questo blocco non ha un campo che possa contenere un numero di colonne."
+  layoutNoFields: "Questo blocco non ha un campo che possa contenere un numero di colonne.",
+  "toolbar.versions": "Cronologia delle versioni",
+  versionsDenied: "Chiedi a un amministratore il permesso Leggere la cronologia delle versioni di Blockscene.",
+  versionsDisabled: "La cronologia non \xE8 attiva per questo tipo di contenuto. Chiedi a un amministratore di attivarla in Settings > Blockscene (settings.history.enabled).",
+  versionsNew: "Salva prima questo contenuto per avviare la cronologia.",
+  versionsPerson: "Filtra per persona",
+  versionsEveryone: "Tutte le persone",
+  versionsCounts: "{total} blocchi",
+  versionsCountsMissing: "Conteggio dei blocchi non disponibile (evento vecchio o non registrato).",
+  versionsPage: "Pagina {page} di {count}",
+  versionsPrevious: "Precedente",
+  versionsNext: "Successiva",
+  versionsViewing: "Versione del {date} di {person} (sola lettura).",
+  versionsCurrent: "Torna alla bozza attuale",
+  versionsMissing: "Alcuni blocchi, campi, media o relazioni non sono pi\xF9 disponibili in questa anteprima.",
+  versionsBridgeLegacy: "Questa bridge non supporta la navigazione in sola lettura. Interazione disattivata; aggiorna la bridge per supportare readOnly.",
+  historyExpired: "Snapshot non pi\xF9 disponibile"
 };
 
 // admin/translations/nl.json
@@ -3846,10 +4000,10 @@ var nl_default = {
   rememberHelp: "Alleen de expliciete knoppen alles openen / alles sluiten werken het geheugen bij, per gebruiker en browser. E\xE9n blok openen verandert niets.",
   previewUrl: "Basis-URL van de voorbeeldroute",
   previewUrlHelp: "Volledige URL van de paginavoorbeeldroute van uw frontend, bijv. https://site.test/block-preview/page. Laat leeg om de oorsprong van Strapi's native Preview (indien geconfigureerd voor het contenttype) met /block-preview/page te hergebruiken. De route moet de bridge implementeren (zie README).",
-  previewUrlEmpty: "Geen preview-URL ingesteld: redacteuren krijgen de modi Velden + pagina en Visuele editor alleen bij inhoudstypes waarvoor de native Preview van Strapi is ingesteld. Elders verschijnt het modusmenu niet.",
+  previewUrlEmpty: "Geen preview-URL ingesteld: redacteuren krijgen de modi Velden + voorbeeld en Visuele editor alleen bij inhoudstypes waarvoor de native Preview van Strapi is ingesteld. Elders verschijnt het modusmenu niet.",
   previewMode: "Beginmodus van het voorbeeld",
-  "modes.form": "Velden",
-  "modes.split": "Velden + pagina",
+  "modes.form": "Alleen velden",
+  "modes.split": "Velden + voorbeeld",
   "modes.preview": "Visuele editor",
   previewModeHelp: "Elke bewerkweergave opent in deze modus, tenzij het contenttype hieronder een eigen modus instelt. Tijdens het bewerken kan je wisselen; die keuze wordt niet onthouden.",
   lazyEdit: "Klik om te bewerken",
@@ -3857,8 +4011,8 @@ var nl_default = {
   lazyFields: "Aangepaste velden die op aanvraag laden",
   lazyEditorsHelp: "De vermelde aangepaste velden tonen een alleen-lezen voorbeeld tot ze worden aangeklikt of focus krijgen, zodat grote pagina's snel openen. Scheid uids met komma's.",
   lazyFieldsInvalid: "Gebruik maximaal {max} uids van aangepaste velden, zoals plugin::ckeditor5.CKEditor of global::mijn-veld.",
-  modeForm: "Velden",
-  modeSplit: "Velden + pagina",
+  modeForm: "Alleen velden",
+  modeSplit: "Velden + voorbeeld",
   modePreview: "Visuele editor",
   previewPane: "Paginavoorbeeld",
   resize: "Voorbeeldpaneel aanpassen",
@@ -3953,6 +4107,9 @@ var nl_default = {
   unstar: "Uit favorieten verwijderen",
   quickInsert: "{label} invoegen",
   insert: "Invoegen",
+  starterKits: "Start met een kit",
+  starterKitsHelp: "Kies een beginstructuur. Alles wordt ingevoegd als een onopgeslagen, bewerkbaar concept.",
+  startBlank: "Leeg beginnen",
   closeDetail: "Details sluiten",
   typology: "Typologie",
   typologyAuto: "Automatisch ({name})",
@@ -4209,7 +4366,23 @@ var nl_default = {
   layoutOff: "Geen raster",
   layoutNoMobile: "Geen",
   layoutHelp: "De blokken van de groep verschijnen als raster in het formulier, met het aantal kolommen van dit blok.",
-  layoutNoFields: "Dit blok heeft geen veld dat een aantal kolommen kan bevatten."
+  layoutNoFields: "Dit blok heeft geen veld dat een aantal kolommen kan bevatten.",
+  "toolbar.versions": "Versiegeschiedenis",
+  versionsDenied: "Vraag een beheerder om de Blockscene-machtiging Versiegeschiedenis lezen.",
+  versionsDisabled: "Geschiedenis is niet ingeschakeld voor dit inhoudstype. Vraag een beheerder dit in Settings > Blockscene in te schakelen (settings.history.enabled).",
+  versionsNew: "Sla dit item eerst op om de geschiedenis te starten.",
+  versionsPerson: "Filter op persoon",
+  versionsEveryone: "Iedereen",
+  versionsCounts: "{total} blokken",
+  versionsCountsMissing: "Aantal blokken niet beschikbaar (oudere of niet vastgelegde gebeurtenis).",
+  versionsPage: "Pagina {page} van {count}",
+  versionsPrevious: "Vorige",
+  versionsNext: "Volgende",
+  versionsViewing: "Versie van {date} door {person} bekijken (alleen-lezen).",
+  versionsCurrent: "Terug naar huidig concept",
+  versionsMissing: "Sommige blokken, velden, media of relaties zijn niet meer beschikbaar in dit voorbeeld.",
+  versionsBridgeLegacy: "Deze bridge ondersteunt geen alleen-lezen navigatie. Interactie is uitgeschakeld; werk de bridge bij voor readOnly.",
+  historyExpired: "Snapshot niet meer beschikbaar"
 };
 
 // admin/messages.ts
@@ -5866,6 +6039,10 @@ var Round = import_styled_components5.default.button`
   border: 1px solid ${({ theme }) => theme.colors.neutral200};
   color: ${({ theme, $on }) => $on ? theme.colors.warning500 : theme.colors.neutral600};
   background: ${({ theme }) => theme.colors.neutral0};
+  transition: transform 120ms ease-out;
+  &:active {
+    transform: scale(0.97);
+  }
   &:focus-visible {
     outline: 2px solid ${({ theme }) => theme.colors.primary600};
     outline-offset: 1px;
@@ -6559,7 +6736,7 @@ function ZoneGallery({
                 gap: 4,
                 style: { overflowY: "auto", flex: 1, minHeight: 0, padding: "4px" },
                 children: (view === "recent" ? [{ typology: "recent", entries }] : groupEntries(entries)).map(
-                  ({ typology, entries: items2 }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+                  ({ typology, entries: items2 }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 2, flex: "0 0 auto", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system2.Typography, { variant: "sigma", textColor: "neutral600", "data-testid": `block-group-${typology}`, children: `${typology === "recent" ? t.nav.recent : t.typologies[typology] || typology} (${items2.length})` }),
                     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Columns, { $columns: columns, children: items2.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                       Card,
@@ -6845,7 +7022,7 @@ var import_styled_components6 = __toESM(require("styled-components"));
 var import_design_system4 = require("@strapi/design-system");
 
 // admin/pane.mjs
-var TOOLBAR = ["modes", "history", "devices", "status", "actions"];
+var TOOLBAR = ["modes", "history", "versions", "devices", "status", "actions"];
 var RIGHT = ["status", "actions"];
 function toolbarLayout(list2) {
   const ids = Array.isArray(list2) ? list2.filter((id, i) => TOOLBAR.includes(id) && list2.indexOf(id) === i) : TOOLBAR;
@@ -7296,7 +7473,8 @@ function PagePreview({
   hiddenAttribute = null,
   form = null,
   Modal: Modal3,
-  Toggle
+  Toggle,
+  versions
 }) {
   const t = useMessages();
   const { values, zone, zoneLabel, canEdit, latest, insertRows: insertRows2 } = usePreviewZone(host);
@@ -7319,6 +7497,7 @@ function PagePreview({
   const vw = main.width;
   const [dragging, setDragging] = React8.useState(false);
   const [ready, setReady] = React8.useState(false);
+  const [readOnlyBridge, setReadOnlyBridge] = React8.useState(false);
   const [failed, setFailed] = React8.useState(false);
   const [attempt, retry] = React8.useReducer((n) => n + 1, 0);
   const [picking, setPicking] = React8.useState(null);
@@ -7363,7 +7542,11 @@ function PagePreview({
   const iframe = React8.useRef(null);
   const loaded = React8.useRef(false);
   const anchor = React8.useRef(null);
-  const channel = React8.useMemo(() => crypto.randomUUID(), []);
+  const version = versions?.view;
+  const readOnly = Boolean(version);
+  const viewRows = React8.useRef([]);
+  viewRows.current = version ? version.values?.[zone] || [] : latest.current;
+  const channel = React8.useMemo(() => crypto.randomUUID(), [host.model, host.documentId, host.locale, version?.scope, version?.event.id]);
   const { base, source } = state.preview;
   const url = base ? new URL(base) : null;
   url?.searchParams.set("channel", channel);
@@ -7382,7 +7565,8 @@ function PagePreview({
     setMode,
     onChange,
     clip,
-    clipCount
+    clipCount,
+    readOnly
   });
   live.current = {
     mode,
@@ -7392,7 +7576,8 @@ function PagePreview({
     setMode,
     onChange,
     clip,
-    clipCount
+    clipCount,
+    readOnly
   };
   const send = React8.useCallback(() => {
     iframe.current?.contentWindow?.postMessage(
@@ -7401,19 +7586,29 @@ function PagePreview({
         channel,
         type: "update-page",
         blocks: projectPage(
-          latest.current,
+          viewRows.current,
           live.current.components,
           window.location.origin,
           hiddenAttribute
-        ),
+        ).map((block) => live.current.readOnly ? { ...block, fields: [], media: {} } : block),
         groups,
         locale: t.locale,
         mode: live.current.mode,
-        clipboard: live.current.clipCount
+        clipboard: live.current.readOnly ? 0 : live.current.clipCount,
+        readOnly: live.current.readOnly
       },
       origin
     );
-  }, [channel, origin, hiddenAttribute]);
+  }, [channel, origin, hiddenAttribute, groups]);
+  React8.useEffect(() => {
+    if (readOnly) {
+      setInserting(null);
+      setBlockModal(null);
+      setPicking(null);
+      setFieldsPanel(null);
+      setHovered(null);
+    }
+  }, [readOnly]);
   const indexOf = (key) => latest.current.findIndex((row) => blockKey(row) === key);
   const path = (key, field) => `${zone}.${indexOf(key)}.${field}`;
   React8.useEffect(() => {
@@ -7570,9 +7765,11 @@ function PagePreview({
   React8.useEffect(() => {
     if (!active) return;
     setReady(false);
+    setReadOnlyBridge(false);
     setFailed(false);
     const timeout = setTimeout(() => setFailed(true), 15e3);
     const receive = (event) => {
+      if (!previewMessageAllowed(event, origin, iframe.current?.contentWindow, channel, live.current.readOnly)) return;
       const is = (type) => isPreviewMessage(
         event,
         origin,
@@ -7585,6 +7782,7 @@ function PagePreview({
         clearTimeout(timeout);
         setReady(true);
         setFailed(false);
+        setReadOnlyBridge(Array.isArray(event.data.capabilities) && event.data.capabilities.includes("readOnly"));
         send();
         return;
       }
@@ -7712,9 +7910,9 @@ function PagePreview({
     if (!ready || !active) return;
     const timer = setTimeout(send, 120);
     return () => clearTimeout(timer);
-  }, [values, host.components, ready, active, send, mode, clipCount]);
+  }, [values, version, host.components, ready, active, send, mode, clipCount]);
   React8.useEffect(() => {
-    if (!active || !ready) return;
+    if (!active || !ready || readOnly) return;
     let last = null;
     const post = (key) => {
       if (key === last) return;
@@ -7737,7 +7935,7 @@ function PagePreview({
       document.removeEventListener("pointerout", onOut);
       post(null);
     };
-  }, [active, ready, channel, origin]);
+  }, [active, ready, channel, origin, readOnly]);
   React8.useEffect(() => {
     const item = hovered && active ? findZoneList(live.current.zoneLabel)?.querySelectorAll(":scope > li")[indexOf(hovered)] : void 0;
     hoverRow.current = item || null;
@@ -7791,7 +7989,7 @@ function PagePreview({
     }
   ) });
   const layout = toolbarLayout(editor?.previewToolbar);
-  const tools = { modes: switcher, history: historyTools, devices };
+  const tools = { modes: switcher, history: !readOnly && historyTools, versions: versions?.button, devices };
   const toolbarShown = !ready || layout.before.length + layout.right.length + layout.after.length > 0;
   const onKey = (event) => {
     const map = {
@@ -7900,7 +8098,7 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
                         children: [
                           !ready && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Typography, { variant: "pi", role: "status", textColor: "neutral600", children: failed ? t.previewFailed : t.previewLoading }),
                           failed && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Button, { size: "S", variant: "secondary", onClick: retry, children: t.retry }),
-                          layout.right.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Actions2, { parts: layout.right })
+                          !readOnly && layout.right.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Actions2, { parts: layout.right })
                         ]
                       }
                     ),
@@ -7908,62 +8106,68 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { flex: 1, minHeight: 0, display: "flex", flexDirection: sidebarPosition === "bottom" ? "column-reverse" : sidebarPosition === "right" ? "row-reverse" : "row" }, children: [
-                mode === "preview" && sidebar.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: setRailEl, style: { display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_design_system4.Flex,
-                  {
-                    "data-testid": "page-preview-sidebar",
-                    "data-position": sidebarPosition,
-                    role: "toolbar",
-                    "aria-label": t.sidebarLabel,
-                    direction: sidebarPosition === "bottom" ? "row" : "column",
-                    gap: 1,
-                    padding: 1,
-                    background: "neutral100",
-                    justifyContent: sidebarPosition === "bottom" ? "center" : "flex-start",
-                    style: { [sidebarPosition === "bottom" ? "borderTop" : sidebarPosition === "right" ? "borderLeft" : "borderRight"]: `1px solid ${theme?.colors?.neutral200 || "#dcdce4"}`, overflow: "auto" },
-                    children: sidebar.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-                      RailButton,
-                      {
-                        type: "button",
-                        $active: fieldsPanel === item,
-                        "aria-pressed": fieldsPanel === item,
-                        title: item.label,
-                        "data-testid": item.custom ? `sidebar-panel-${item.id}` : `sidebar-item-${i}`,
-                        onClick: () => setFieldsPanel(fieldsPanel === item ? null : item),
-                        children: [
-                          typeof item.icon === "string" ? item.icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: item.icon }) : item.icon,
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: item.label })
-                        ]
-                      },
-                      `${item.label}-${i}`
-                    ))
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  "div",
-                  {
-                    ref: setStage,
-                    "data-testid": "page-preview-stage",
-                    "data-device": device.id,
-                    style: { position: "relative", flex: 1, overflow: "hidden", ...stageBackground(theme) },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                      Frame2,
-                      {
-                        ref: iframe,
-                        title: t.previewPane,
-                        src: url.href,
-                        sandbox: "allow-scripts allow-same-origin",
-                        referrerPolicy: "no-referrer",
-                        onLoad: () => {
-                          loaded.current = true;
+              versions?.banner,
+              readOnly && ready && !readOnlyBridge && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Box, { padding: 2, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Typography, { variant: "pi", role: "status", children: t.versionsBridgeLegacy }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { flex: 1, minHeight: 0, display: "flex" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { flex: 1, minWidth: 0, minHeight: 0, display: "flex", flexDirection: sidebarPosition === "bottom" ? "column-reverse" : sidebarPosition === "right" ? "row-reverse" : "row" }, children: [
+                  !readOnly && mode === "preview" && sidebar.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: setRailEl, style: { display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    import_design_system4.Flex,
+                    {
+                      "data-testid": "page-preview-sidebar",
+                      "data-position": sidebarPosition,
+                      role: "toolbar",
+                      "aria-label": t.sidebarLabel,
+                      direction: sidebarPosition === "bottom" ? "row" : "column",
+                      gap: 1,
+                      padding: 1,
+                      background: "neutral100",
+                      justifyContent: sidebarPosition === "bottom" ? "center" : "flex-start",
+                      style: { [sidebarPosition === "bottom" ? "borderTop" : sidebarPosition === "right" ? "borderLeft" : "borderRight"]: `1px solid ${theme?.colors?.neutral200 || "#dcdce4"}`, overflow: "auto" },
+                      children: sidebar.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                        RailButton,
+                        {
+                          type: "button",
+                          $active: fieldsPanel === item,
+                          "aria-pressed": fieldsPanel === item,
+                          title: item.label,
+                          "data-testid": item.custom ? `sidebar-panel-${item.id}` : `sidebar-item-${i}`,
+                          onClick: () => setFieldsPanel(fieldsPanel === item ? null : item),
+                          children: [
+                            typeof item.icon === "string" ? item.icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: item.icon }) : item.icon,
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: item.label })
+                          ]
                         },
-                        style: { ...frameStyle(device.width, stageSize), ...dragging ? { pointerEvents: "none" } : {} }
-                      },
-                      attempt
-                    )
-                  }
-                )
+                        `${item.label}-${i}`
+                      ))
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    "div",
+                    {
+                      ref: setStage,
+                      "data-testid": "page-preview-stage",
+                      "data-device": device.id,
+                      style: { position: "relative", flex: 1, overflow: "hidden", ...stageBackground(theme) },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                        Frame2,
+                        {
+                          ref: iframe,
+                          title: t.previewPane,
+                          src: url.href,
+                          sandbox: "allow-scripts allow-same-origin",
+                          referrerPolicy: "no-referrer",
+                          ...readOnly && !readOnlyBridge ? { inert: "", tabIndex: -1 } : {},
+                          onLoad: () => {
+                            loaded.current = true;
+                          },
+                          style: { ...frameStyle(device.width, stageSize), ...dragging || readOnly && !readOnlyBridge ? { pointerEvents: "none" } : {} }
+                        },
+                        attempt
+                      )
+                    }
+                  )
+                ] }),
+                versions?.drawer
               ] })
             ]
           }
@@ -7990,6 +8194,7 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
             if (!open) setInserting(null);
           },
           onSelect: (uid, values2) => {
+            if (live.current.readOnly) return;
             const rows = inserting.zone === zone ? latest.current : Array.isArray(host.values?.[inserting.zone]) ? host.values[inserting.zone] : [];
             const index = insertIndex(rows, inserting.after);
             setInserting(null);
@@ -8114,6 +8319,7 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
           multiple: picking.attr.multiple === true,
           onClose: () => setPicking(null),
           onSelectAssets: (assets) => {
+            if (live.current.readOnly) return;
             const index = indexOf(picking.key);
             setPicking(null);
             if (index < 0 || !assets?.length) return;
@@ -8438,6 +8644,8 @@ function History({ model, documentId, schema, components, editable, disabled, ge
   const initialValues = (0, import_admin2.useForm)("BlocksceneVersions", (state) => state.initialValues);
   const setValues = (0, import_admin2.useForm)("BlocksceneVersions", (state) => state.setValues);
   const [events, setEvents] = React10.useState(null);
+  const [pagination, setPagination] = React10.useState(null);
+  const [moreLoading, setMoreLoading] = React10.useState(false);
   const [failed, setFailed] = React10.useState(false);
   const [shown, setShown] = React10.useState(PAGE);
   const [open, setOpen] = React10.useState(null);
@@ -8445,11 +8653,19 @@ function History({ model, documentId, schema, components, editable, disabled, ge
   const [loading, setLoading] = React10.useState(false);
   const [refresh, reload] = React10.useReducer((n) => n + 1, 0);
   const allowed = Boolean(allowedActions?.canRead);
+  const scope = `${model}:${documentId}:${locale}:${allowed}`;
+  const latestScope = React10.useRef(scope);
+  latestScope.current = scope;
   React10.useEffect(() => {
     if (!allowed || !documentId) return;
     let active = true;
     setFailed(false);
-    get(`/blockscene/history/${encodeURIComponent(model)}/${encodeURIComponent(documentId)}${locale ? `?locale=${encodeURIComponent(locale)}` : ""}`).then(({ data }) => active && setEvents(Array.isArray(data?.results) ? data.results : [])).catch(() => active && setFailed(true));
+    get(`/blockscene/history/${encodeURIComponent(model)}/${encodeURIComponent(documentId)}${locale ? `?locale=${encodeURIComponent(locale)}` : ""}`).then(({ data }) => {
+      if (active) {
+        setEvents(Array.isArray(data?.results) ? data.results : []);
+        setPagination(data?.pagination);
+      }
+    }).catch(() => active && setFailed(true));
     return () => {
       active = false;
     };
@@ -8458,7 +8674,26 @@ function History({ model, documentId, schema, components, editable, disabled, ge
     setOpen(null);
     setReport(null);
     setShown(PAGE);
+    setEvents(null);
+    setPagination(null);
+    setMoreLoading(false);
   }, [model, documentId, locale]);
+  const more = async () => {
+    if (shown < (events?.length || 0)) return setShown(shown + PAGE);
+    setMoreLoading(true);
+    try {
+      const params = new URLSearchParams({ page: String((pagination?.page || 1) + 1), ...locale && { locale } });
+      const { data } = await get(`/blockscene/history/${encodeURIComponent(model)}/${encodeURIComponent(documentId)}?${params}`);
+      if (latestScope.current !== scope) return;
+      setEvents((previous) => [...previous || [], ...data?.results || []]);
+      setPagination(data?.pagination);
+      setShown(shown + PAGE);
+    } catch {
+      if (latestScope.current === scope) setFailed(true);
+    } finally {
+      if (latestScope.current === scope) setMoreLoading(false);
+    }
+  };
   if (isLoading || !allowed || !documentId) return null;
   const name = (uid) => components?.[uid]?.info?.displayName || uid;
   const when2 = (at) => {
@@ -8554,30 +8789,270 @@ function History({ model, documentId, schema, components, editable, disabled, ge
           ] }) })
         ] }, event.id);
       }),
-      events.length > shown && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system6.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system6.Button, { variant: "tertiary", size: "S", onClick: () => setShown(shown + PAGE), children: t.historyShowMore }) })
+      (events.length > shown || pagination?.page < pagination?.pageCount) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system6.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system6.Button, { variant: "tertiary", size: "S", onClick: more, loading: moreLoading, disabled: moreLoading, children: t.historyShowMore }) })
     ] })
   ] });
 }
 
-// admin/Settings.tsx
+// admin/Versions.tsx
 var React11 = __toESM(require("react"));
-var import_design_system7 = require("@strapi/design-system");
 var import_styled_components7 = __toESM(require("styled-components"));
+var import_design_system7 = require("@strapi/design-system");
+var import_admin3 = require("@strapi/strapi/admin");
 var import_jsx_runtime12 = require("react/jsx-runtime");
+var Drawer = import_styled_components7.default.aside`
+  width: min(36rem, 55%); flex: 0 0 auto; overflow: auto;
+  border-left: 1px solid ${({ theme }) => theme.colors.neutral200};
+  background: ${({ theme }) => theme.colors.neutral0};
+`;
+var Entry = import_styled_components7.default.button`
+  display: block; width: 100%; text-align: left; padding: 12px; margin: 4px 0;
+  border: 1px solid ${({ theme }) => theme.colors.neutral200}; border-radius: 4px;
+  background: ${({ theme }) => theme.colors.neutral0}; cursor: pointer;
+  &[aria-pressed="true"] { background: ${({ theme }) => theme.colors.primary100}; border-color: ${({ theme }) => theme.colors.primary600}; }
+  &:focus-visible { outline: 2px solid ${({ theme }) => theme.colors.primary600}; outline-offset: 2px; }
+  &:disabled { cursor: default; opacity: .65; }
+  overflow-wrap: anywhere;
+`;
+var PAGE_SIZE = 25;
+function useVersions(host, config2) {
+  const t = useMessages();
+  const [{ query: query2 }] = (0, import_admin3.useQueryParams)();
+  const locale = typeof query2?.plugins?.i18n?.locale === "string" ? query2.plugins.i18n.locale : host.locale || "";
+  const rbac = (0, import_admin3.useRBAC)(HISTORY_READ);
+  const allowed = !rbac.isLoading && Boolean(rbac.allowedActions?.canRead);
+  const enabled = Boolean(config2?.contentTypes?.includes(host.model));
+  const scope = `${host.model}:${host.documentId || ""}:${locale}:${allowed}:${enabled}`;
+  const currentScope = React11.useRef(scope);
+  currentScope.current = scope;
+  const requests = React11.useRef(0);
+  const [open, setOpen] = React11.useState(false);
+  const [actor, setActor] = React11.useState("");
+  const [page, setPage] = React11.useState(1);
+  const [list2, setList] = React11.useState(null);
+  const [people, setPeople] = React11.useState(null);
+  const [selection, setSelection] = React11.useState(null);
+  const [failed, setFailed] = React11.useState(false);
+  const [refresh, retry] = React11.useReducer((n) => n + 1, 0);
+  const trigger = React11.useRef(null);
+  const closeButton = React11.useRef(null);
+  const titleId = React11.useId(), drawerId = React11.useId();
+  const available = allowed && enabled && Boolean(host.documentId) && !host.creating;
+  const reason = rbac.isLoading ? t.historyLoading : !allowed ? t.versionsDenied : !enabled ? t.versionsDisabled : !host.documentId || host.creating ? t.versionsNew : "";
+  const view = selection?.scope === scope ? selection : null;
+  const close = () => {
+    setOpen(false);
+    trigger.current?.focus();
+  };
+  const back = () => {
+    requests.current++;
+    setSelection(null);
+    setFailed(false);
+    trigger.current?.focus();
+  };
+  React11.useEffect(() => {
+    requests.current++;
+    setSelection(null);
+    setList(null);
+    setPeople(null);
+    setActor("");
+    setPage(1);
+    setFailed(false);
+    return () => {
+      requests.current++;
+    };
+  }, [scope]);
+  React11.useEffect(() => {
+    if (open) closeButton.current?.focus();
+  }, [open]);
+  React11.useEffect(() => {
+    if (!open || !available) return;
+    let active = true;
+    setList(null);
+    setFailed(false);
+    const params = new URLSearchParams({ page: String(page), pageSize: String(PAGE_SIZE), ...locale && { locale }, ...actor && { actor } });
+    host.get(`/blockscene/history/${encodeURIComponent(host.model)}/${encodeURIComponent(String(host.documentId))}?${params}`).then(({ data }) => {
+      if (active && currentScope.current === scope) {
+        setList({ ...data, scope });
+        setPeople({ scope, actors: data.actors || [] });
+      }
+    }).catch(() => {
+      if (active && currentScope.current === scope) setFailed(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [scope, open, page, actor, refresh, host.get, host.history?.epoch]);
+  const select = async (event) => {
+    if (!available || !event.stored) return;
+    const request = ++requests.current;
+    setSelection({ scope, event, pending: true, values: view?.values });
+    setFailed(false);
+    try {
+      const { data } = await host.get(`/blockscene/history-events/${event.id}`);
+      if (requests.current !== request || currentScope.current !== scope) return;
+      const localized2 = host.contentType?.pluginOptions?.i18n?.localized;
+      if (!data?.snapshot || data.event?.contentType !== host.model || data.event?.relatedDocumentId !== String(host.documentId) || localized2 && (data.event?.locale || "") !== (locale || list2?.locale || "")) throw new Error("Unavailable version");
+      const loaded = loadVersion(data.snapshot, {
+        schema: host.contentType,
+        components: host.components,
+        media: data.media,
+        relations: data.relations,
+        editable: host.readable
+      });
+      for (const [name, attr] of Object.entries(host.contentType?.attributes || {}))
+        if (attr.type === "dynamiczone") loaded.values[name]?.forEach((row, i) => {
+          row.__temp_key__ = `version:${event.id}:${i}`;
+        });
+      setSelection({ scope, event, values: loaded.values, report: loaded.report, pending: false });
+    } catch {
+      if (requests.current === request && currentScope.current === scope) {
+        setFailed(true);
+        setSelection(null);
+      }
+    }
+  };
+  const when2 = (at, day = false) => new Date(at).toLocaleString(t.locale, { dateStyle: "medium", ...!day && { timeStyle: "short" } });
+  const events = list2?.scope === scope ? list2.results || [] : [];
+  let previousDay = "";
+  const drawer = open && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    Drawer,
+    {
+      id: drawerId,
+      role: "region",
+      "aria-labelledby": titleId,
+      "data-testid": "versions-drawer",
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          event.stopPropagation();
+          close();
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Box, { padding: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 2, justifyContent: "space-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { id: titleId, tag: "h2", variant: "delta", children: t.historyTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { ref: closeButton, size: "S", variant: "tertiary", "aria-label": t.close, onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "close" }) })
+        ] }),
+        reason ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { tag: "p", textColor: "neutral600", children: reason }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { paddingTop: 3, paddingBottom: 3, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.SingleSelect, { "aria-label": t.versionsPerson, value: actor, onChange: (value) => {
+            setActor(value);
+            setPage(1);
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.SingleSelectOption, { value: "", children: t.versionsEveryone }),
+            (people?.scope === scope ? people.actors : []).map((person) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.SingleSelectOption, { value: person.actor, children: person.actorName || person.actor }, person.actor))
+          ] }) }),
+          !list2 && !failed && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "status", children: t.historyLoading }),
+          list2 && !events.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { children: t.historyEmpty }),
+          events.map((event) => {
+            const day = when2(event.at, true), heading = day !== previousDay;
+            previousDay = day;
+            const blocks = event.summary?.blocks;
+            const counted = ["total", "added", "removed", "changed"].every((key) => Number.isInteger(blocks?.[key]));
+            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(React11.Fragment, { children: [
+              heading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { tag: "h3", variant: "omega", fontWeight: "bold", style: { marginTop: 12 }, children: day }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                Entry,
+                {
+                  "aria-pressed": view?.event.id === event.id,
+                  disabled: !event.stored,
+                  title: !event.stored ? t.historyExpired : void 0,
+                  "data-testid": `version-${event.id}`,
+                  onClick: () => select(event),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { tag: "span", fontWeight: "bold", children: event.actorName || event.actor }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Typography, { tag: "p", variant: "pi", children: [
+                      when2(event.at),
+                      " \xB7 ",
+                      t.historyActions[event.action] || event.action
+                    ] }),
+                    counted ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { tag: "p", variant: "pi", textColor: "neutral600", children: t.f("versionsCounts", blocks) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 2, wrap: "wrap", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Typography, { variant: "pi", textColor: "success700", children: [
+                          "+",
+                          blocks.added,
+                          " ",
+                          t.diffOps.added
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Typography, { variant: "pi", textColor: "danger700", children: [
+                          "\u2212",
+                          blocks.removed,
+                          " ",
+                          t.diffOps.removed
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Typography, { variant: "pi", textColor: "warning700", children: [
+                          "~",
+                          blocks.changed,
+                          " ",
+                          t.diffOps.changed
+                        ] })
+                      ] })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { tag: "p", variant: "pi", textColor: "neutral600", children: t.versionsCountsMissing }),
+                    !event.stored && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { tag: "p", variant: "pi", children: t.historyExpired })
+                  ]
+                }
+              )
+            ] }, event.id);
+          }),
+          list2 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 2, paddingTop: 3, justifyContent: "space-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { size: "S", variant: "tertiary", disabled: page <= 1, onClick: () => setPage(page - 1), children: t.versionsPrevious }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", children: t.f("versionsPage", { page, count: Math.max(1, list2.pagination?.pageCount || 0) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { size: "S", variant: "tertiary", disabled: page >= (list2.pagination?.pageCount || 0), onClick: () => setPage(page + 1), children: t.versionsNext })
+          ] })
+        ] }),
+        failed && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Box, { paddingTop: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", textColor: "danger600", children: t.historyFailed }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { size: "S", variant: "tertiary", onClick: retry, children: t.retry })
+        ] })
+      ] })
+    }
+  );
+  return {
+    view,
+    drawer,
+    button: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_design_system7.Button,
+      {
+        ref: trigger,
+        size: "S",
+        variant: "tertiary",
+        startIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "clock" }),
+        "data-testid": "versions-toggle",
+        "aria-expanded": open,
+        "aria-controls": open ? drawerId : void 0,
+        title: reason || t.historyTitle,
+        onClick: () => setOpen(!open),
+        children: t.historyTitle
+      }
+    ),
+    banner: view && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { padding: 3, gap: 3, wrap: "wrap", background: "primary100", "data-testid": "versions-banner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "status", children: view.pending ? t.historyLoading : t.f("versionsViewing", { date: when2(view.event.at), person: view.event.actorName || view.event.actor }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { size: "S", variant: "secondary", onClick: back, children: t.versionsCurrent }),
+      !view.pending && (view.report?.blocks || view.report?.media || view.report?.relations || view.report?.removed.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", children: t.versionsMissing })
+    ] })
+  };
+}
+
+// admin/Settings.tsx
+var React12 = __toESM(require("react"));
+var import_design_system8 = require("@strapi/design-system");
+var import_styled_components8 = __toESM(require("styled-components"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var COLOR2 = /^#[0-9A-Fa-f]{6}$/;
-var Grid2 = import_styled_components7.default.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; `;
-var Card2 = import_styled_components7.default.div`
+var Grid2 = import_styled_components8.default.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; `;
+var Card2 = import_styled_components8.default.div`
   display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 4px;
   border: 1px solid ${({ theme }) => theme.colors.neutral200}; background: ${({ theme }) => theme.colors.neutral0};
 `;
-var Bar = import_styled_components7.default.div`
+var Bar = import_styled_components8.default.div`
   position: fixed; top: 0; z-index: 4; padding: 12px 32px;
   background: ${({ theme }) => theme.colors.neutral100}; border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
   box-shadow: 0 1px 4px rgba(33, 33, 52, 0.1);
 `;
 function useMainRect2(anchor) {
-  const [rect, setRect] = React11.useState({ left: 0, width: 0 });
-  React11.useEffect(() => {
+  const [rect, setRect] = React12.useState({ left: 0, width: 0 });
+  React12.useEffect(() => {
     const read3 = () => {
       let host = document.getElementById("main-content");
       for (let el = anchor.current?.parentElement; !host && el; el = el.parentElement) if (["auto", "scroll"].includes(getComputedStyle(el).overflowY) && el.scrollHeight > el.clientHeight) host = el;
@@ -8590,15 +9065,15 @@ function useMainRect2(anchor) {
   });
   return rect;
 }
-var Swatches = import_styled_components7.default.div` display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; `;
-var Label = import_styled_components7.default.label` display: flex; flex-direction: column; gap: 4px; font-size: 12px; `;
+var Swatches = import_styled_components8.default.div` display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; `;
+var Label = import_styled_components8.default.label` display: flex; flex-direction: column; gap: 4px; font-size: 12px; `;
 function ColorField({ name, label, value, onChange, disabled }) {
   const valid = COLOR2.test(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "color", "aria-label": label, value: valid ? value : "#000000", disabled, onChange: (e) => onChange(e.target.value.toUpperCase()), style: { width: 40, height: 32, padding: 0, border: 0, background: "none" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Label, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "color", "aria-label": label, value: valid ? value : "#000000", disabled, onChange: (e) => onChange(e.target.value.toUpperCase()), style: { width: 40, height: 32, padding: 0, border: 0, background: "none" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "input",
         {
           name,
@@ -8614,14 +9089,14 @@ function ColorField({ name, label, value, onChange, disabled }) {
   ] });
 }
 function TagsField({ name, label, hint, value, onChange, disabled }) {
-  const [text, setText] = React11.useState(value.join(", "));
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Label, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { name, value: text, disabled, onChange: (e) => {
+  const [text, setText] = React12.useState(value.join(", "));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Label, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { name, value: text, disabled, onChange: (e) => {
       setText(e.target.value);
       onChange([...new Set(e.target.value.split(",").map((tag) => tag.replace(/[<>]/g, "").trim().slice(0, 24)).filter(Boolean))].slice(0, 10));
     }, style: { padding: "6px 8px", border: "1px solid #dcdce4", borderRadius: 4, fontSize: 13 } }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: hint })
   ] });
 }
 var FIELD_UID = /^(plugin|global)::[\w.-]+$/;
@@ -8629,11 +9104,11 @@ var LAZY_MAX = 20;
 var parseUids = (text) => [...new Set(text.split(/[\s,]+/).filter(Boolean))];
 var badUids = (uids = []) => uids.length > LAZY_MAX || uids.some((uid) => !FIELD_UID.test(uid));
 function UidListField({ TextField: TextField2, value, onChange, ...props }) {
-  const [text, setText] = React11.useState(value.join(", "));
-  React11.useEffect(() => {
+  const [text, setText] = React12.useState(value.join(", "));
+  React12.useEffect(() => {
     if (parseUids(text).join() !== value.join()) setText(value.join(", "));
   }, [value.join()]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TextField2, { ...props, value: text, onChange: (v) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextField2, { ...props, value: text, onChange: (v) => {
     setText(v);
     onChange(parseUids(v));
   } });
@@ -8643,31 +9118,31 @@ var SIDEBAR_MAX = 12;
 var ITEM_LABEL = /^[^<>]{1,40}$/;
 var badItem = (item) => !ITEM_LABEL.test(String(item.label || "").trim()) || !item.fields?.length;
 var SYSTEM_FIELDS2 = ["createdAt", "updatedAt", "publishedAt", "createdBy", "updatedBy", "locale", "localizations"];
-var Item = import_styled_components7.default.div`
+var Item = import_styled_components8.default.div`
   display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 4px;
   border: 1px solid ${({ theme }) => theme.colors.neutral200}; background: ${({ theme }) => theme.colors.neutral100};
 `;
-var Checks = import_styled_components7.default.fieldset`
+var Checks = import_styled_components8.default.fieldset`
   display: flex; flex-wrap: wrap; gap: 4px 16px; border: 0; padding: 0; margin: 0; font-size: 13px; color: ${({ theme }) => theme.colors.neutral800};
   legend { font-size: 12px; font-weight: 600; margin-bottom: 4px; }
   label { display: inline-flex; align-items: center; gap: 6px; }
 `;
-var TOOLBAR2 = ["modes", "history", "devices", "status", "actions"];
+var TOOLBAR2 = ["modes", "history", "versions", "devices", "status", "actions"];
 var DEVICE_NAMES = ["fit", "mobile", "tablet", "desktop"];
 var DEVICE_LABEL = /^[^<>]{1,24}$/;
 var badDevices = (list2 = []) => list2.length < 1 || list2.length > 8 || list2.some((item) => typeof item !== "string" && (!DEVICE_LABEL.test(String(item.label || "").trim()) || !(Number.isInteger(item.width) && item.width >= 240 && item.width <= 3840))) || new Set(list2.map((item) => typeof item === "string" ? item : item.width)).size !== list2.length;
-var Row = import_styled_components7.default.div` display: flex; align-items: center; gap: 8px; min-height: 36px; font-size: 13px; color: ${({ theme }) => theme.colors.neutral800}; `;
-function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: TextField2 }) {
+var Row = import_styled_components8.default.div` display: flex; align-items: center; gap: 8px; min-height: 36px; font-size: 13px; color: ${({ theme }) => theme.colors.neutral800}; `;
+function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: TextField2, versions }) {
   const move = (list2, index, by) => {
     const next = [...list2];
     [next[index], next[index + by]] = [next[index + by], next[index]];
     return next;
   };
-  const arrows = (list2, index, key) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index < 0 || index === 0, onClick: () => set2(key, move(list2, index, -1)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index < 0 || index === list2.length - 1, onClick: () => set2(key, move(list2, index, 1)) })
+  const arrows = (list2, index, key) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index < 0 || index === 0, onClick: () => set2(key, move(list2, index, -1)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index < 0 || index === list2.length - 1, onClick: () => set2(key, move(list2, index, 1)) })
   ] });
-  const check = (list2, item, key) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const check = (list2, item, key) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "input",
     {
       type: "checkbox",
@@ -8678,27 +9153,27 @@ function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: T
     }
   );
   const width = (index, patch) => set2("previewDevices", devices.map((item, i) => i === index ? { ...item, ...patch } : item));
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 3, "data-testid": `pane-editor-${id}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.paneHelp }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { children: [...toolbar, ...TOOLBAR2.filter((item) => !toolbar.includes(item))].map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Row, { "data-testid": `${id}-toolbar-${item}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 3, "data-testid": `pane-editor-${id}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.paneHelp }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { children: [...toolbar, ...TOOLBAR2.filter((item) => !toolbar.includes(item))].filter((item) => item !== "versions" || versions).map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Row, { "data-testid": `${id}-toolbar-${item}`, children: [
       arrows(toolbar, toolbar.indexOf(item), "previewToolbar"),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
         check(toolbar, item, "previewToolbar"),
         t.toolbar[item]
       ] })
     ] }, item)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "delta", tag: "h3", children: t.paneDevices }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.paneDevicesHelp }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { children: [...devices, ...DEVICE_NAMES.filter((item) => !devices.includes(item))].map((item) => {
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "delta", tag: "h3", children: t.paneDevices }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.paneDevicesHelp }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { children: [...devices, ...DEVICE_NAMES.filter((item) => !devices.includes(item))].map((item) => {
       const index = devices.indexOf(item);
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Row, { "data-testid": `${id}-device-${typeof item === "string" ? item : index}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Row, { "data-testid": `${id}-device-${typeof item === "string" ? item : index}`, children: [
         arrows(devices, index, "previewDevices"),
-        typeof item === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
+        typeof item === "string" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
           check(devices, item, "previewDevices"),
           t.device[item]
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { flex: "1 1 160px" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TextField2, { name: `${id}-device-label-${index}`, label: t.paneWidthLabel, value: item.label, disabled, onChange: (v) => width(index, { label: v }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { width: 140 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { flex: "1 1 160px" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextField2, { name: `${id}-device-label-${index}`, label: t.paneWidthLabel, value: item.label, disabled, onChange: (v) => width(index, { label: v }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { width: 140 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             TextField2,
             {
               name: `${id}-device-width-${index}`,
@@ -8708,12 +9183,12 @@ function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: T
               onChange: (v) => width(index, { width: /^\d{1,4}$/.test(v.trim()) ? Number(v.trim()) : NaN })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tool, { icon: "close", label: t.paneRemoveWidth, disabled, onClick: () => set2("previewDevices", devices.filter((_, i) => i !== index)) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tool, { icon: "close", label: t.paneRemoveWidth, disabled, onClick: () => set2("previewDevices", devices.filter((_, i) => i !== index)) })
         ] })
       ] }, typeof item === "string" ? item : `px-${index}`);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_design_system7.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_design_system8.Button,
       {
         variant: "secondary",
         size: "S",
@@ -8723,7 +9198,7 @@ function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: T
         children: t.paneAddWidth
       }
     ) }),
-    badDevices(devices) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", variant: "pi", textColor: "danger600", children: t.paneInvalid })
+    badDevices(devices) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", variant: "pi", textColor: "danger600", children: t.paneInvalid })
   ] });
 }
 var DAYS = (n) => Number.isInteger(n) && n >= 1 && n <= 3650;
@@ -8731,7 +9206,7 @@ var badRetention = (h) => !h || !DAYS(h.retentionDays) || !DAYS(h.eventDays) ||
 function HistorySettings({ types, history, set: set2, t, disabled, ToggleField: ToggleField2, TextField: TextField2 }) {
   const all = history.contentTypes === "all";
   const list2 = all ? [] : history.contentTypes;
-  const number = (key) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { minWidth: 200 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const number = (key) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { minWidth: 200 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     TextField2,
     {
       name: `history-${key}`,
@@ -8741,15 +9216,15 @@ function HistorySettings({ types, history, set: set2, t, disabled, ToggleField:
       onChange: (v) => set2(key, /^\d{1,5}$/.test(v.trim()) ? Number(v.trim()) : NaN)
     }
   ) });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "history-settings", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "beta", tag: "h2", children: t.historySettings }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.historySettingsHelp }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "history-enabled", label: t.historyEnabled, value: history.enabled, disabled, onChange: (v) => set2("enabled", v) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "history-all", label: t.historyAll, value: all, disabled: disabled || !history.enabled, onChange: (v) => set2("contentTypes", v ? "all" : types.map((type) => type.uid)) }),
-    !all && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Checks, { disabled: disabled || !history.enabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("legend", { children: t.historyTypes }),
-      types.map((type) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "history-settings", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "h2", children: t.historySettings }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.historySettingsHelp }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "history-enabled", label: t.historyEnabled, value: history.enabled, disabled, onChange: (v) => set2("enabled", v) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "history-all", label: t.historyAll, value: all, disabled: disabled || !history.enabled, onChange: (v) => set2("contentTypes", v ? "all" : types.map((type) => type.uid)) }),
+    !all && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Checks, { disabled: disabled || !history.enabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("legend", { children: t.historyTypes }),
+      types.map((type) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "input",
           {
             type: "checkbox",
@@ -8761,13 +9236,13 @@ function HistorySettings({ types, history, set: set2, t, disabled, ToggleField:
         type.displayName
       ] }, type.uid))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
       number("retentionDays"),
       number("maxSnapshots"),
       number("eventDays"),
       number("trashDays")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: badRetention(history) ? "danger600" : "neutral600", role: badRetention(history) ? "alert" : void 0, children: badRetention(history) ? t.historyInvalid : `${t.historyRetentionHelp} ${t.trashDaysHelp}` })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: badRetention(history) ? "danger600" : "neutral600", role: badRetention(history) ? "alert" : void 0, children: badRetention(history) ? t.historyInvalid : `${t.historyRetentionHelp} ${t.trashDaysHelp}` })
   ] }) });
 }
 function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: SelectField2, TextField: TextField2 }) {
@@ -8781,10 +9256,10 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
   };
   const fields = (type.attributes || []).filter((attr) => !SYSTEM_FIELDS2.includes(attr.name));
   const id = (name, index) => `sidebar-${name}-${type.uid}${index === void 0 ? "" : `-${index}`}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.sidebarHelp }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { maxWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.sidebarHelp }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { maxWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       SelectField2,
       {
         name: id("position"),
@@ -8795,21 +9270,21 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
         onChange: (v) => set2("sidebarPosition", v, "left")
       }
     ) }),
-    items2.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Item, { "data-testid": id("item", index), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { flex: "1 1 200px" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TextField2, { name: id("label", index), label: t.sidebarItemLabel, value: item.label, disabled, onChange: (v) => edit(index, { label: v }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { minWidth: 180 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    items2.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Item, { "data-testid": id("item", index), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { flex: "1 1 200px" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextField2, { name: id("label", index), label: t.sidebarItemLabel, value: item.label, disabled, onChange: (v) => edit(index, { label: v }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { minWidth: 180 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           SelectField2,
           {
             name: id("icon", index),
             label: t.sidebarIcon,
             value: item.icon || "none",
             disabled,
-            options: [{ value: "none", label: t.noIcon }, ...SIDEBAR_ICONS.map((value) => ({ value, label: t.icons[value], icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: value, size: 16 }) }))],
+            options: [{ value: "none", label: t.noIcon }, ...SIDEBAR_ICONS.map((value) => ({ value, label: t.icons[value], icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: value, size: 16 }) }))],
             onChange: (v) => edit(index, { icon: v === "none" ? void 0 : v })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           SelectField2,
           {
             name: id("open", index),
@@ -8820,16 +9295,16 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
             onChange: (v) => edit(index, { open: v })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 1, paddingBottom: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index === 0, onClick: () => move(index, -1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index === items2.length - 1, onClick: () => move(index, 1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tool, { icon: "close", label: t.sidebarRemove, disabled, onClick: () => save(items2.filter((_, i) => i !== index)) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 1, paddingBottom: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index === 0, onClick: () => move(index, -1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index === items2.length - 1, onClick: () => move(index, 1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tool, { icon: "close", label: t.sidebarRemove, disabled, onClick: () => save(items2.filter((_, i) => i !== index)) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Checks, { disabled, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("legend", { children: t.sidebarFields }),
-        fields.map((attr) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Checks, { disabled, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("legend", { children: t.sidebarFields }),
+        fields.map((attr) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "input",
             {
               type: "checkbox",
@@ -8841,11 +9316,11 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
           attr.name
         ] }, attr.name))
       ] }),
-      badItem(item) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", variant: "pi", textColor: "danger600", children: t.sidebarInvalid })
+      badItem(item) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", variant: "pi", textColor: "danger600", children: t.sidebarInvalid })
     ] }, index)),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 2, alignItems: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_design_system7.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_design_system8.Button,
         {
           variant: "secondary",
           size: "S",
@@ -8855,7 +9330,7 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
           children: t.sidebarAdd
         }
       ),
-      items2.length >= SIDEBAR_MAX && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.f("sidebarLimit", { max: SIDEBAR_MAX }) })
+      items2.length >= SIDEBAR_MAX && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.f("sidebarLimit", { max: SIDEBAR_MAX }) })
     ] })
   ] });
 }
@@ -8864,18 +9339,18 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
   const t = useMessages();
   const { get, put, del } = useClient();
   const { canRead, canUpdate, isLoading } = usePermissions2();
-  const [data, setData] = React11.useState(null);
-  const [catalog, setCatalog] = React11.useState(null);
-  const [settings, setSettings] = React11.useState(null);
-  const [media, setMedia] = React11.useState({});
-  const [sources, setSources] = React11.useState({});
-  const [dirty, setDirty] = React11.useState(false);
-  const [saving, setSaving] = React11.useState(false);
-  const [status, setStatus] = React11.useState("");
-  const [failed, setFailed] = React11.useState(false);
-  const [filter, setFilter] = React11.useState("");
-  const [picking, setPicking] = React11.useState(null);
-  React11.useEffect(() => {
+  const [data, setData] = React12.useState(null);
+  const [catalog, setCatalog] = React12.useState(null);
+  const [settings, setSettings] = React12.useState(null);
+  const [media, setMedia] = React12.useState({});
+  const [sources, setSources] = React12.useState({});
+  const [dirty, setDirty] = React12.useState(false);
+  const [saving, setSaving] = React12.useState(false);
+  const [status, setStatus] = React12.useState("");
+  const [failed, setFailed] = React12.useState(false);
+  const [filter, setFilter] = React12.useState("");
+  const [picking, setPicking] = React12.useState(null);
+  React12.useEffect(() => {
     if (!canRead || isLoading) return;
     let active = true;
     Promise.all([get("/blockscene/settings"), get("/blockscene/catalog")]).then(([s, c]) => {
@@ -8953,36 +9428,36 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
     return index === 0 && manual ? t.manual : t.automatic;
   };
   const ready = !isLoading && canRead && !failed && settings && catalog;
-  const header = React11.useRef(null);
-  const [floating, setFloating] = React11.useState(false);
+  const header = React12.useRef(null);
+  const [floating, setFloating] = React12.useState(false);
   const main = useMainRect2(header);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const el = header.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(([entry]) => setFloating(!entry.isIntersecting && entry.boundingClientRect.top < 0));
     observer.observe(el);
     return () => observer.disconnect();
   }, [ready]);
-  const controls = (suffix) => ready && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "status", "aria-live": "polite", textColor: dirty ? "warning700" : "neutral600", "data-testid": `${dirty ? "unsaved-indicator" : "save-status"}${suffix}`, children: dirty ? t.unsaved : status || t.noChanges }),
-    !suffix && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
+  const controls = (suffix) => ready && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "status", "aria-live": "polite", textColor: dirty ? "warning700" : "neutral600", "data-testid": `${dirty ? "unsaved-indicator" : "save-status"}${suffix}`, children: dirty ? t.unsaved : status || t.noChanges }),
+    !suffix && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Button, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Button, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: header, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: header, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
       controls("")
     ] }) }),
-    floating && main.width > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "beta", tag: "p", children: t.settingsTitle }),
+    floating && main.width > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "p", children: t.settingsTitle }),
       controls("-floating")
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { textColor: "neutral600", children: t.settingsIntro }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      data.disabled && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "beta", tag: "h2", children: t.palette }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { textColor: "neutral600", children: t.settingsIntro }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      data.disabled && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "h2", children: t.palette }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           ColorField,
           {
             name: `palette-${key}`,
@@ -8996,43 +9471,43 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           },
           key
         )) }),
-        badColor && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", textColor: "danger600", children: t.invalidColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", gap: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Wireframe, { template, palette: settings.palette }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
+        badColor && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", textColor: "danger600", children: t.invalidColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", gap: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Wireframe, { template, palette: settings.palette }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
         ] }, template)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Button, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
           s.palette = { ...DEFAULT_PALETTE };
           return s;
         }), children: t.resetPalette }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "beta", tag: "h2", children: t.editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "h2", children: t.editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.enabled = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showOpenAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showCloseAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.toggleHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-showRowThumbnails", label: t.showRowThumbnails, value: editor.showRowThumbnails !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.toggleHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-showRowThumbnails", label: t.showRowThumbnails, value: editor.showRowThumbnails !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showRowThumbnails = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-friendlyLabels", label: t.friendlyLabels, value: editor.friendlyLabels !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-friendlyLabels", label: t.friendlyLabels, value: editor.friendlyLabels !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.friendlyLabels = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.friendlyLabelsHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.friendlyLabelsHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           SelectField2,
           {
             name: "editor-initialState",
@@ -9046,8 +9521,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           TextField2,
           {
             name: "editor-blockPreviewUrl",
@@ -9061,8 +9536,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewUrlHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewUrlHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           TextField2,
           {
             name: "editor-previewUrl",
@@ -9076,9 +9551,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
-        !editor.previewUrl && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "warning700", "data-testid": "preview-url-empty", children: t.previewUrlEmpty }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
+        !editor.previewUrl && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "warning700", "data-testid": "preview-url-empty", children: t.previewUrlEmpty }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           SelectField2,
           {
             name: "editor-previewMode",
@@ -9092,12 +9567,13 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "delta", tag: "h3", children: t.paneTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "delta", tag: "h3", children: t.paneTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           PaneEditor,
           {
             id: "editor",
+            versions: Boolean(data.historyTypes),
             toolbar: editor.previewToolbar || TOOLBAR2,
             devices: editor.previewDevices || DEVICE_NAMES,
             t,
@@ -9109,12 +9585,12 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        lazyEditors && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-lazyEditors", label: t.lazyEditors, value: editor.lazyEditors !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        lazyEditors && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-lazyEditors", label: t.lazyEditors, value: editor.lazyEditors !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
             s.editor.lazyEditors = v;
             return s;
           }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             UidListField,
             {
               TextField: TextField2,
@@ -9129,31 +9605,31 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
               })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: badLazy ? "danger600" : "neutral600", role: badLazy ? "alert" : void 0, children: badLazy ? t.f("lazyFieldsInvalid", { max: LAZY_MAX }) : t.lazyEditorsHelp }),
-          data.blockPreviewAvailable && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-blockPreviewInForm", label: t.blockPreviewInForm, value: editor.blockPreviewInForm, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: badLazy ? "danger600" : "neutral600", role: badLazy ? "alert" : void 0, children: badLazy ? t.f("lazyFieldsInvalid", { max: LAZY_MAX }) : t.lazyEditorsHelp }),
+          data.blockPreviewAvailable && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-blockPreviewInForm", label: t.blockPreviewInForm, value: editor.blockPreviewInForm, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
               s.editor.blockPreviewInForm = v;
               return s;
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-actions-settings", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "beta", tag: "h2", children: t.rowActionsTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-confirmDelete", label: t.confirmDeleteOption, value: editor.confirmDelete !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-actions-settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "h2", children: t.rowActionsTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-confirmDelete", label: t.confirmDeleteOption, value: editor.confirmDelete !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.confirmDelete = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-duplicate", label: t.duplicateOption, value: editor.duplicate !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-duplicate", label: t.duplicateOption, value: editor.duplicate !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.duplicate = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToggleField2, { name: "editor-clipboard", label: t.clipboardOption, value: editor.clipboard !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToggleField2, { name: "editor-clipboard", label: t.clipboardOption, value: editor.clipboard !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.clipboard = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           SelectField2,
           {
             name: "editor-hiddenBlocks",
@@ -9167,9 +9643,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: data.hiddenAttribute ? t.hiddenBlocksHelp : t.hiddenAttributeOff })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: data.hiddenAttribute ? t.hiddenBlocksHelp : t.hiddenAttributeOff })
       ] }) }),
-      data.historyTypes && settings.history && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      data.historyTypes && settings.history && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         HistorySettings,
         {
           types: data.historyTypes,
@@ -9184,9 +9660,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           })
         }
       ),
-      (data.contentTypes || []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "beta", tag: "h2", children: t.contentTypes }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
+      (data.contentTypes || []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "h2", children: t.contentTypes }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
         data.contentTypes.map((type) => {
           const entry = settings.contentTypes?.[type.uid] || {};
           const set2 = (key, value, fallback) => update((s) => {
@@ -9198,9 +9674,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             else delete s.contentTypes[type.uid];
             return s;
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { minWidth: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { minWidth: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 ToggleField2,
                 {
                   name: `type-enabled-${type.uid}`,
@@ -9210,7 +9686,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (v) => set2("enabled", v, true)
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { style: { minWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { minWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 SelectField2,
                 {
                   name: `type-mode-${type.uid}`,
@@ -9222,9 +9698,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 }
               ) })
             ] }),
-            entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarEditor, { type, entry, set: set2, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 }),
-            entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarEditor, { type, entry, set: set2, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 }),
+            entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 ToggleField2,
                 {
                   name: `type-pane-${type.uid}`,
@@ -9237,10 +9713,11 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   }
                 }
               ),
-              (entry.previewToolbar || entry.previewDevices) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              (entry.previewToolbar || entry.previewDevices) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 PaneEditor,
                 {
                   id: `type-${type.uid}`,
+                  versions: Boolean(data.historyTypes),
                   toolbar: entry.previewToolbar || editor.previewToolbar || TOOLBAR2,
                   devices: entry.previewDevices || editor.previewDevices || DEVICE_NAMES,
                   t,
@@ -9252,18 +9729,18 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             ] })
           ] }, type.uid);
         }),
-        badSidebar && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
+        badSidebar && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "beta", tag: "h2", children: t.components }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Searchbar, { name: "component-filter", value: filter, placeholder: t.filter, clearLabel: t.clear, onClear: () => setFilter(""), onChange: (e) => setFilter(e.target.value), children: t.filter }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Grid2, { "data-testid": "components-grid", children: components.map((component) => {
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "h2", children: t.components }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Searchbar, { name: "component-filter", value: filter, placeholder: t.filter, clearLabel: t.clear, onClear: () => setFilter(""), onChange: (e) => setFilter(e.target.value), children: t.filter }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Grid2, { "data-testid": "components-grid", children: components.map((component) => {
           const entry = settings.components[component.uid] || {};
           const meta = { ...catalog.components?.[component.uid] || {}, ...media[component.uid] || {} };
           const candidates = candidatesFor(component.uid, meta, catalog);
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Card2, { "data-testid": `settings-${component.uid}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Card2, { "data-testid": `settings-${component.uid}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               Thumb,
               {
                 candidates,
@@ -9274,23 +9751,23 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 onResolved: (index) => setSources((current) => current[component.uid] === index ? current : { ...current, [component.uid]: index })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: [
                 component.uid,
                 " \xB7 ",
                 component.category
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Typography, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Typography, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
                 t.source,
                 ": ",
                 sourceOf(component.uid, Boolean(meta.manualImage)),
                 meta.manualName ? ` (${meta.manualName})` : ""
               ] }),
-              meta.manualMissing && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { gap: 2, wrap: "wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
-                entry.mediaId && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Button, { variant: "tertiary", size: "S", disabled: !canUpdate || saving, onClick: () => {
+              meta.manualMissing && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 2, wrap: "wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Button, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
+                entry.mediaId && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Button, { variant: "tertiary", size: "S", disabled: !canUpdate || saving, onClick: () => {
                   update((s) => {
                     delete s.components[component.uid]?.mediaId;
                     if (!Object.keys(s.components[component.uid] || {}).length) delete s.components[component.uid];
@@ -9303,7 +9780,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   });
                 }, children: t.useAutomatic })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 SelectField2,
                 {
                   name: `template-${component.uid}`,
@@ -9317,7 +9794,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 SelectField2,
                 {
                   name: `typology-${component.uid}`,
@@ -9328,7 +9805,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (v) => setComponent(component.uid, "typology", v === "auto" ? void 0 : v)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 TagsField,
                 {
                   name: `tags-${component.uid}`,
@@ -9339,12 +9816,12 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (tags) => setComponent(component.uid, "tags", tags.length ? tags : void 0)
                 }
               ),
-              meta.variants?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", "data-testid": `variants-${component.uid}`, children: [
+              meta.variants?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", "data-testid": `variants-${component.uid}`, children: [
                 t.variantsFromCode,
                 ": ",
                 meta.variants.map((item) => localized(item.label, t.locale) || item.id).join(", ")
               ] }),
-              catalog.groups?.[component.uid] && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              catalog.groups?.[component.uid] && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 LayoutFields,
                 {
                   component,
@@ -9359,7 +9836,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           ] }, component.uid);
         }) })
       ] }) }),
-      picking && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
+      picking && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
         const uid = picking;
         setPicking(null);
         if (!asset?.id) return;
@@ -9375,8 +9852,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
 function LayoutFields({ component, layout, set: set2, t, disabled, SelectField: SelectField2 }) {
   const fields = (component.layoutFields || []).map((name) => ({ value: name, label: name }));
   const change = (key, value) => set2(key === "columnsField" && value === "none" ? void 0 : Object.fromEntries(Object.entries({ ...layout, [key]: value }).filter(([, v]) => v !== "none" && v !== void 0)));
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": `layout-${component.uid}`, style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": `layout-${component.uid}`, style: { width: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       SelectField2,
       {
         name: `layout-columns-${component.uid}`,
@@ -9387,8 +9864,8 @@ function LayoutFields({ component, layout, set: set2, t, disabled, SelectField:
         onChange: (v) => change("columnsField", v)
       }
     ),
-    layout?.columnsField && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    layout?.columnsField && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         SelectField2,
         {
           name: `layout-mobile-${component.uid}`,
@@ -9399,7 +9876,7 @@ function LayoutFields({ component, layout, set: set2, t, disabled, SelectField:
           onChange: (v) => change("mobileColumnsField", v)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         SelectField2,
         {
           name: `layout-max-${component.uid}`,
@@ -9411,7 +9888,7 @@ function LayoutFields({ component, layout, set: set2, t, disabled, SelectField:
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral600", children: fields.length ? t.layoutHelp : t.layoutNoFields })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: fields.length ? t.layoutHelp : t.layoutNoFields })
   ] });
 }
 function register(app, Component2, to) {
@@ -9430,27 +9907,27 @@ function register(app, Component2, to) {
 }
 
 // admin/catalog.ts
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 
 // admin/FieldHelp.tsx
-var React12 = __toESM(require("react"));
-var import_styled_components8 = __toESM(require("styled-components"));
-var import_design_system8 = require("@strapi/design-system");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var HelpButton = import_styled_components8.default.button`
+var React13 = __toESM(require("react"));
+var import_styled_components9 = __toESM(require("styled-components"));
+var import_design_system9 = require("@strapi/design-system");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var HelpButton = import_styled_components9.default.button`
   display: inline-flex; padding: 0; border: 0; border-radius: 50%; background: none; cursor: help; color: inherit;
   &:hover, &:focus-visible { color: ${({ theme }) => theme.colors.primary600}; }
   &:focus-visible { outline: 2px solid ${({ theme }) => theme.colors.primary600}; outline-offset: 2px; }
 `;
 function FieldHelp({ text, previous, title }) {
   const m = useMessages();
-  const kept2 = React12.isValidElement(previous) && previous.props.title ? React12.cloneElement(previous, { title }) : previous;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 1, alignItems: "center", children: [
+  const kept2 = React13.isValidElement(previous) && previous.props.title ? React13.cloneElement(previous, { title }) : previous;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_design_system9.Flex, { gap: 1, alignItems: "center", children: [
     kept2,
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Tooltip, { label: text, style: { maxWidth: 320 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HelpButton, { type: "button", "aria-label": m.fieldHelp, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "info", size: 14 }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system9.Tooltip, { label: text, style: { maxWidth: 320 }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HelpButton, { type: "button", "aria-label": m.fieldHelp, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "info", size: 14 }) }) })
   ] });
 }
-var helpAction = (text, previous) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FieldHelp, { text, previous, title: React12.isValidElement(previous) && previous.props.title || { id: "blockscene.fieldHelp" } });
+var helpAction = (text, previous) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FieldHelp, { text, previous, title: React13.isValidElement(previous) && previous.props.title || { id: "blockscene.fieldHelp" } });
 
 // admin/catalog.ts
 var cached = null;
@@ -9463,8 +9940,8 @@ var load = (get) => flight || (flight = get("/blockscene/catalog").then(({ data
   flight = null;
 }));
 function useCatalog(get) {
-  const [catalog, setCatalog] = React13.useState(null);
-  React13.useEffect(() => {
+  const [catalog, setCatalog] = React14.useState(null);
+  React14.useEffect(() => {
     let active = true;
     load(get).then((data) => {
       if (active) setCatalog(data);
@@ -9500,9 +9977,9 @@ var labelsHook = (get, relabel, drop) => (args) => {
 };
 
 // admin/LazyInput.tsx
-var React14 = __toESM(require("react"));
-var import_design_system9 = require("@strapi/design-system");
-var import_styled_components9 = __toESM(require("styled-components"));
+var React15 = __toESM(require("react"));
+var import_design_system10 = require("@strapi/design-system");
+var import_styled_components10 = __toESM(require("styled-components"));
 
 // admin/sanitize.mjs
 var DROP = /* @__PURE__ */ new Set(["SCRIPT", "STYLE", "IFRAME", "FRAME", "OBJECT", "EMBED", "LINK", "META", "BASE", "FORM", "TEMPLATE", "NOSCRIPT"]);
@@ -9556,7 +10033,7 @@ function sanitizeHtml(html) {
 }
 
 // admin/LazyInput.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var config = { on: false, fields: [] };
 var listeners = /* @__PURE__ */ new Set();
 function setLazyConfig(next) {
@@ -9572,7 +10049,7 @@ var subscribe = (run) => {
 };
 var read2 = () => config;
 var lazyFor = (uid) => config.on && config.fields.includes(uid);
-var Preview = import_styled_components9.default.div`
+var Preview = import_styled_components10.default.div`
   min-height: 240px; border: 1px solid ${({ theme }) => theme.colors.neutral200}; border-radius: 4px; overflow: hidden;
   background: ${({ theme, $disabled }) => $disabled ? theme.colors.neutral150 : theme.colors.neutral0};
   color: ${({ theme }) => theme.colors.neutral800}; font-size: 1.4rem; line-height: 1.5;
@@ -9591,14 +10068,14 @@ var Preview = import_styled_components9.default.div`
 `;
 function Placeholder({ name, label, hint, error, required, labelAction, placeholder, value, disabled, onActivate }) {
   const t = useMessages();
-  const html = React14.useMemo(() => typeof value === "string" ? sanitizeHtml(value) : value == null ? "" : null, [value]);
+  const html = React15.useMemo(() => typeof value === "string" ? sanitizeHtml(value) : value == null ? "" : null, [value]);
   const activate = disabled ? void 0 : (event) => {
     event.preventDefault();
     onActivate();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system9.Field.Root, { id: name, name, error, hint, required, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_design_system9.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system9.Field.Label, { action: labelAction, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Field.Root, { id: name, name, error, hint, required, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Field.Label, { action: labelAction, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       Preview,
       {
         id: name,
@@ -9614,22 +10091,22 @@ function Placeholder({ name, label, hint, error, required, labelAction, placehol
           if (e.key === "Enter" || e.key === " ") activate?.(e);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { "data-bar": true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system9.Typography, { variant: "pi", textColor: "neutral500", children: disabled ? "" : t.lazyEdit }) }),
-          html === null ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { "data-body": true, children: JSON.stringify(value) }) : html ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { "data-body": true, dangerouslySetInnerHTML: { __html: html } }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { "data-body": true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system9.Typography, { textColor: "neutral500", children: placeholder || "" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "data-bar": true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: "neutral500", children: disabled ? "" : t.lazyEdit }) }),
+          html === null ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "data-body": true, children: JSON.stringify(value) }) : html ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "data-body": true, dangerouslySetInnerHTML: { __html: html } }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "data-body": true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { textColor: "neutral500", children: placeholder || "" }) })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system9.Field.Hint, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_design_system9.Field.Error, {})
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Field.Hint, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Field.Error, {})
   ] }) });
 }
 function lazyInput(uid, Real) {
-  const Lazy = React14.forwardRef((props, ref) => {
-    React14.useSyncExternalStore(subscribe, read2);
-    const [active, setActive] = React14.useState(() => !lazyFor(uid));
-    const box = React14.useRef(null);
-    const focus = React14.useRef(false);
-    React14.useEffect(() => {
+  const Lazy = React15.forwardRef((props, ref) => {
+    React15.useSyncExternalStore(subscribe, read2);
+    const [active, setActive] = React15.useState(() => !lazyFor(uid));
+    const box = React15.useRef(null);
+    const focus = React15.useRef(false);
+    React15.useEffect(() => {
       if (!active || !focus.current) return;
       focus.current = false;
       let frame2 = 0;
@@ -9642,7 +10119,7 @@ function lazyInput(uid, Real) {
       poll();
       return () => cancelAnimationFrame(frame2);
     }, [active]);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref: box, style: { display: "contents" }, children: active || !lazyFor(uid) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Real, { ...props, ref }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Placeholder, { ...props, onActivate: () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: box, style: { display: "contents" }, children: active || !lazyFor(uid) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Real, { ...props, ref }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Placeholder, { ...props, onActivate: () => {
       focus.current = true;
       setActive(true);
     } }) });
@@ -9662,17 +10139,17 @@ function wrapCustomFields(app) {
 }
 
 // admin/Activity.tsx
-var React15 = __toESM(require("react"));
-var import_design_system10 = require("@strapi/design-system");
-var import_admin3 = require("@strapi/strapi/admin");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var React16 = __toESM(require("react"));
+var import_design_system11 = require("@strapi/design-system");
+var import_admin4 = require("@strapi/strapi/admin");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var ACTIVITY = [{ action: "plugin::blockscene.activity.read", subject: null }];
 var TRASH = ["read", "restore", "purge"].map((name) => ({ action: `plugin::blockscene.trash.${name}`, subject: null }));
 var ACTIONS = ["create", "update", "publish", "unpublish", "discard", "delete", "restore", "purge"];
 var DAY = 24 * 60 * 60 * 1e3;
 var contentMenuLink = (Component2) => ({
   to: "plugins/blockscene",
-  icon: () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "clock", size: 20 }),
+  icon: () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "clock", size: 20 }),
   intlLabel: { id: "blockscene.contentMenu", defaultMessage: "Activity and trash" },
   permissions: [...ACTIVITY, TRASH[0]],
   // Not an `async` function: Strapi 5 warns on AsyncFunction loaders.
@@ -9691,29 +10168,29 @@ var editUrl = (type, documentId, locale) => {
   return `${base}/content-manager/${kind}/${type.uid}${kind === "single-types" ? "" : `/${encodeURIComponent(documentId)}`}${locale ? `?plugins[i18n][locale]=${encodeURIComponent(locale)}` : ""}`;
 };
 var query = (params) => new URLSearchParams(Object.entries(params).filter(([, v]) => v !== "" && v != null).map(([k, v]) => [k, String(v)])).toString();
-var Select = ({ label, value, onChange, options, name }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Box, { style: { minWidth: 180 }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Field.Root, { name, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Field.Label, { children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.SingleSelect, { value, onChange: (v) => onChange(String(v)), children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.SingleSelectOption, { value: o.value, children: o.label }, o.value)) })
+var Select = ({ label, value, onChange, options, name }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Box, { style: { minWidth: 180 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Field.Root, { name, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Field.Label, { children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.SingleSelect, { value, onChange: (v) => onChange(String(v)), children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.SingleSelectOption, { value: o.value, children: o.label }, o.value)) })
 ] }) });
-var Input = ({ label, value, onChange, name, type = "text" }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Field.Root, { name, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Field.Label, { children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.TextInput, { name, type, value, onChange: (e) => onChange(e.target.value) })
+var Input = ({ label, value, onChange, name, type = "text" }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Field.Root, { name, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Field.Label, { children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.TextInput, { name, type, value, onChange: (e) => onChange(e.target.value) })
 ] }) });
 function Pager({ t, pagination, setPage }) {
   if (!pagination?.total) return null;
   const { page, pageCount, total } = pagination;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { justifyContent: "space-between", alignItems: "center", paddingTop: 4, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: "neutral600", children: t.f("contentPage", { page, pages: Math.max(pageCount, 1), total }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { gap: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "tertiary", size: "S", disabled: page <= 1, onClick: () => setPage(page - 1), children: t.contentPrevious }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "tertiary", size: "S", disabled: page >= pageCount, onClick: () => setPage(page + 1), children: t.contentNext })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { justifyContent: "space-between", alignItems: "center", paddingTop: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", textColor: "neutral600", children: t.f("contentPage", { page, pages: Math.max(pageCount, 1), total }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { gap: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "tertiary", size: "S", disabled: page <= 1, onClick: () => setPage(page - 1), children: t.contentPrevious }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "tertiary", size: "S", disabled: page >= pageCount, onClick: () => setPage(page + 1), children: t.contentNext })
     ] })
   ] });
 }
 function useList(get, path, params, refresh = 0) {
-  const [state, setState] = React15.useState({ data: null, failed: false });
+  const [state, setState] = React16.useState({ data: null, failed: false });
   const key = `${path}?${query(params)}`;
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     let active = true;
     setState((s) => ({ data: s.data, failed: false, loading: true }));
     get(`/blockscene${key}`).then(({ data }) => active && setState({ data, failed: false })).catch(() => active && setState({ data: null, failed: true }));
@@ -9725,9 +10202,9 @@ function useList(get, path, params, refresh = 0) {
 }
 var Doc = ({ t, type, row, documentId, locale }) => {
   const title = row.title || t.contentUntitled;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-    row.exists && type ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Link, { href: editUrl(type, documentId, locale), children: title }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { fontWeight: "bold", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Typography, { variant: "pi", textColor: "neutral600", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+    row.exists && type ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Link, { href: editUrl(type, documentId, locale), children: title }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { fontWeight: "bold", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Typography, { variant: "pi", textColor: "neutral600", children: [
       type?.displayName || row.contentType,
       locale ? ` \xB7 ${locale}` : "",
       row.exists === false ? ` \xB7 ${t.contentGone}` : ""
@@ -9735,9 +10212,9 @@ var Doc = ({ t, type, row, documentId, locale }) => {
   ] });
 };
 function ActivityTab({ t, get }) {
-  const [filters, setFilters] = React15.useState({ actor: "", contentType: "", action: "", from: "", to: "", q: "" });
-  const [search, setSearch] = React15.useState("");
-  const [page, setPage] = React15.useState(1);
+  const [filters, setFilters] = React16.useState({ actor: "", contentType: "", action: "", from: "", to: "", q: "" });
+  const [search, setSearch] = React16.useState("");
+  const [page, setPage] = React16.useState(1);
   const set2 = (key, value) => {
     setFilters((f) => ({ ...f, [key]: value }));
     setPage(1);
@@ -9749,13 +10226,13 @@ function ActivityTab({ t, get }) {
   };
   const { data, failed } = useList(get, "/activity", { ...filters, from: day(filters.from, false), to: day(filters.to, true), page, pageSize: 25 });
   const types = new Map((data?.types || []).map((type) => [type.uid, type]));
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-    data && !data.enabled && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Box, { padding: 3, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: "warning700", children: t.contentOff }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { tag: "form", gap: 3, wrap: "wrap", alignItems: "flex-end", onSubmit: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    data && !data.enabled && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Box, { padding: 3, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", textColor: "warning700", children: t.contentOff }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { tag: "form", gap: 3, wrap: "wrap", alignItems: "flex-end", onSubmit: (e) => {
       e.preventDefault();
       set2("q", search.trim());
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Select,
         {
           name: "actor",
@@ -9765,7 +10242,7 @@ function ActivityTab({ t, get }) {
           options: [{ value: "", label: t.activityAnyone }, ...(data?.actors || []).map((a) => ({ value: a.actor, label: a.actorName || (a.actor === "system" ? t.historySystem : a.actor) }))]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Select,
         {
           name: "contentType",
@@ -9775,7 +10252,7 @@ function ActivityTab({ t, get }) {
           options: [{ value: "", label: t.activityAnyType }, ...(data?.types || []).map((type) => ({ value: type.uid, label: type.displayName }))]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Select,
         {
           name: "action",
@@ -9785,35 +10262,35 @@ function ActivityTab({ t, get }) {
           options: [{ value: "", label: t.activityAnyAction }, ...ACTIONS.map((a) => ({ value: a, label: t.historyActions[a] || a }))]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Input, { name: "from", type: "date", label: t.activityFrom, value: filters.from, onChange: (v) => set2("from", v) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Input, { name: "to", type: "date", label: t.activityTo, value: filters.to, onChange: (v) => set2("to", v) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Input, { name: "q", label: t.activitySearch, value: search, onChange: setSearch }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { type: "submit", variant: "secondary", children: t.activitySearchButton }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { type: "button", variant: "tertiary", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Input, { name: "from", type: "date", label: t.activityFrom, value: filters.from, onChange: (v) => set2("from", v) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Input, { name: "to", type: "date", label: t.activityTo, value: filters.to, onChange: (v) => set2("to", v) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Input, { name: "q", label: t.activitySearch, value: search, onChange: setSearch }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { type: "submit", variant: "secondary", children: t.activitySearchButton }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { type: "button", variant: "tertiary", onClick: () => {
         setSearch("");
         setFilters({ actor: "", contentType: "", action: "", from: "", to: "", q: "" });
         setPage(1);
       }, children: t.contentClear })
     ] }),
-    failed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { role: "alert", textColor: "danger600", children: t.activityFailed }) : !data ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { textColor: "neutral600", children: t.contentLoading }) : !data.results.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { textColor: "neutral600", children: t.activityEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Table, { colCount: 4, rowCount: data.results.length + 1, "data-testid": "blockscene-activity", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Tr, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: t.activityWhen }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: t.activityDocument }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: t.activityWho }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: t.activityWhat }) })
+    failed ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { role: "alert", textColor: "danger600", children: t.activityFailed }) : !data ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { textColor: "neutral600", children: t.contentLoading }) : !data.results.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { textColor: "neutral600", children: t.activityEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Table, { colCount: 4, rowCount: data.results.length + 1, "data-testid": "blockscene-activity", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Tr, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: t.activityWhen }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: t.activityDocument }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: t.activityWho }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: t.activityWhat }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Tbody, { children: data.results.map((event) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Tr, { "data-testid": `activity-${event.id}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: when(t, event.at) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Doc, { t, type: types.get(event.contentType), row: event, documentId: event.relatedDocumentId, locale: event.locale }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: event.actorName || (event.actor === "system" ? t.historySystem : event.actor) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "omega", fontWeight: "bold", children: t.historyActions[event.action] || event.action }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: event.summary?.missing ? "warning700" : "neutral700", children: ["delete", "purge"].includes(event.action) ? "" : [event.summary?.restoredFrom ? t.activityRestoredFrom : "", summaryText(t, event.summary)].filter(Boolean).join(" \xB7 ") })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Tbody, { children: data.results.map((event) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Tr, { "data-testid": `activity-${event.id}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: when(t, event.at) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Doc, { t, type: types.get(event.contentType), row: event, documentId: event.relatedDocumentId, locale: event.locale }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: event.actorName || (event.actor === "system" ? t.historySystem : event.actor) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "omega", fontWeight: "bold", children: t.historyActions[event.action] || event.action }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", textColor: event.summary?.missing ? "warning700" : "neutral700", children: ["delete", "purge"].includes(event.action) ? "" : [event.summary?.restoredFrom ? t.activityRestoredFrom : "", summaryText(t, event.summary)].filter(Boolean).join(" \xB7 ") })
           ] }) })
         ] }, event.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Pager, { t, pagination: data.pagination, setPage })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Pager, { t, pagination: data.pagination, setPage })
     ] })
   ] });
 }
@@ -9822,57 +10299,57 @@ function Report({ t, report }) {
   const line = (item) => item.code === "incoming" ? t.f("report.incoming", item) : t.f(`report.${item.code}`, { ...item, locale: locale(item.locale), locales: (item.locales || []).map(locale).join(", "), fields: (item.fields || []).join(", ") });
   const incoming = report.incoming && (report.incoming.reconnect || report.incoming.gone || report.incoming.replaced || report.incoming.published) ? [{ code: "incoming", ...report.incoming }] : [];
   const warnings = [...report.warnings || [], ...incoming];
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": "restore-report", children: [
-    report.blocking?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Box, { padding: 3, background: "danger100", hasRadius: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", fontWeight: "bold", textColor: "danger700", children: t.restoreBlocked }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { style: { margin: "4px 0 0", paddingLeft: 16 }, children: report.blocking.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: "danger700", children: line(item) }) }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": "restore-report", children: [
+    report.blocking?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Box, { padding: 3, background: "danger100", hasRadius: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", fontWeight: "bold", textColor: "danger700", children: t.restoreBlocked }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { style: { margin: "4px 0 0", paddingLeft: 16 }, children: report.blocking.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", textColor: "danger700", children: line(item) }) }, i)) })
     ] }),
-    warnings.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Box, { padding: 3, background: "warning100", hasRadius: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", fontWeight: "bold", textColor: "warning700", children: t.restoreWarnings }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { style: { margin: "4px 0 0", paddingLeft: 16 }, children: warnings.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: "warning700", children: line(item) }) }, i)) })
+    warnings.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Box, { padding: 3, background: "warning100", hasRadius: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", fontWeight: "bold", textColor: "warning700", children: t.restoreWarnings }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { style: { margin: "4px 0 0", paddingLeft: 16 }, children: warnings.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", textColor: "warning700", children: line(item) }) }, i)) })
     ] })
   ] });
 }
 function Preview2({ t, id, get, onClose }) {
-  const [row, setRow] = React15.useState(null);
-  const [failed, setFailed] = React15.useState(false);
-  React15.useEffect(() => {
+  const [row, setRow] = React16.useState(null);
+  const [failed, setFailed] = React16.useState(false);
+  React16.useEffect(() => {
     get(`/blockscene/trash/${id}`).then(({ data }) => setRow(data)).catch(() => setFailed(true));
   }, [get, id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Modal.Root, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Modal.Content, { style: { width: "min(900px, 92vw)" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Modal.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Modal.Title, { children: row?.title || t.trashPreview }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Modal.Body, { children: failed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { role: "alert", textColor: "danger600", children: t.trashFailed }) : !row ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { children: t.contentLoading }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "stretch", gap: 5, "data-testid": "trash-preview", children: [
-      row.incoming > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: "neutral600", children: t.f("trashIncoming", { count: row.incoming }) }),
-      row.entries.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Typography, { variant: "delta", tag: "h3", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Root, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Modal.Content, { style: { width: "min(900px, 92vw)" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Title, { children: row?.title || t.trashPreview }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Body, { children: failed ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { role: "alert", textColor: "danger600", children: t.trashFailed }) : !row ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { children: t.contentLoading }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "stretch", gap: 5, "data-testid": "trash-preview", children: [
+      row.incoming > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", textColor: "neutral600", children: t.f("trashIncoming", { count: row.incoming }) }),
+      row.entries.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Typography, { variant: "delta", tag: "h3", children: [
           entry.locale || t.contentNone,
           entry.status ? ` \xB7 ${entry.status === "published" ? t.trashPublished : t.trashDraft}` : ""
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", textColor: "neutral600", children: t.trashFields }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dl", { style: { display: "grid", gridTemplateColumns: "minmax(120px, max-content) 1fr", gap: "4px 16px", margin: 0 }, children: entry.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(React15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", fontWeight: "bold", children: field.name }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("dd", { style: { margin: 0, wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: field.count !== void 0 ? t.f("trashItems", { count: field.count }) : field.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", textColor: "neutral600", children: t.trashFields }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dl", { style: { display: "grid", gridTemplateColumns: "minmax(120px, max-content) 1fr", gap: "4px 16px", margin: 0 }, children: entry.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(React16.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", fontWeight: "bold", children: field.name }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { style: { margin: 0, wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: field.count !== void 0 ? t.f("trashItems", { count: field.count }) : field.value }) })
         ] }, field.name)) }),
-        entry.blocks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", textColor: "neutral600", children: t.trashBlocks }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ol", { style: { margin: 0, paddingLeft: 20 }, children: entry.blocks.map((block, j) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: block.name }) }, j)) })
+        entry.blocks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", textColor: "neutral600", children: t.trashBlocks }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ol", { style: { margin: 0, paddingLeft: 20 }, children: entry.blocks.map((block, j) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: block.name }) }, j)) })
         ] })
       ] }, i))
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Modal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Modal.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "tertiary", children: t.trashClose }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "tertiary", children: t.trashClose }) }) })
   ] }) });
 }
 function TrashTab({ t, get, post, del, can }) {
-  const { toggleNotification } = (0, import_admin3.useNotification)();
-  const [contentType, setType] = React15.useState("");
-  const [restored, setRestored] = React15.useState(false);
-  const [page, setPage] = React15.useState(1);
-  const [refresh, reload] = React15.useReducer((n) => n + 1, 0);
+  const { toggleNotification } = (0, import_admin4.useNotification)();
+  const [contentType, setType] = React16.useState("");
+  const [restored, setRestored] = React16.useState(false);
+  const [page, setPage] = React16.useState(1);
+  const [refresh, reload] = React16.useReducer((n) => n + 1, 0);
   const { data, failed } = useList(get, "/trash", { contentType, status: restored ? "restored" : "trashed", page, pageSize: 20 }, refresh);
-  const [preview, setPreview] = React15.useState(null);
-  const [restore, setRestore] = React15.useState(null);
-  const [remove, setRemove] = React15.useState(null);
-  const [busy, setBusy] = React15.useState(false);
+  const [preview, setPreview] = React16.useState(null);
+  const [restore, setRestore] = React16.useState(null);
+  const [remove, setRemove] = React16.useState(null);
+  const [busy, setBusy] = React16.useState(false);
   const types = new Map((data?.types || []).map((type) => [type.uid, type]));
   const title = (row) => row.title || t.contentUntitled;
   const check = async (row) => {
@@ -9918,9 +10395,9 @@ function TrashTab({ t, get, post, del, can }) {
     const days = Math.floor((new Date(at).getTime() - Date.now()) / DAY);
     return days < 1 ? t.trashExpiresToday : t.f("trashExpiresIn", { days });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Select,
         {
           name: "trash-type",
@@ -9933,108 +10410,163 @@ function TrashTab({ t, get, post, del, can }) {
           options: [{ value: "", label: t.activityAnyType }, ...(data?.types || []).map((type) => ({ value: type.uid, label: type.displayName }))]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { gap: 2, paddingBottom: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Switch, { "aria-label": t.trashShowRestored, checked: restored, onCheckedChange: (v) => {
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { gap: 2, paddingBottom: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Switch, { "aria-label": t.trashShowRestored, checked: restored, onCheckedChange: (v) => {
           setRestored(v);
           setPage(1);
         } }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: t.trashShowRestored })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: t.trashShowRestored })
       ] })
     ] }),
-    failed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { role: "alert", textColor: "danger600", children: t.trashFailed }) : !data ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { textColor: "neutral600", children: t.contentLoading }) : !data.results.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { textColor: "neutral600", children: t.trashEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Table, { colCount: 5, rowCount: data.results.length + 1, "data-testid": "blockscene-trash", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Tr, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: t.activityDocument }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: t.trashLocales }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: t.trashDeletedBy }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: restored ? t.trashRestoredAs : t.trashExpires }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "sigma", children: " " }) })
+    failed ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { role: "alert", textColor: "danger600", children: t.trashFailed }) : !data ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { textColor: "neutral600", children: t.contentLoading }) : !data.results.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { textColor: "neutral600", children: t.trashEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Table, { colCount: 5, rowCount: data.results.length + 1, "data-testid": "blockscene-trash", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Tr, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: t.activityDocument }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: t.trashLocales }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: t.trashDeletedBy }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: restored ? t.trashRestoredAs : t.trashExpires }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Th, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "sigma", children: " " }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Tbody, { children: data.results.map((row) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Tr, { "data-testid": `trash-${row.id}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Doc, { t, type: types.get(row.contentType), row: { ...row, exists: void 0 }, documentId: row.relatedDocumentId, locale: null }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: (row.locales || []).map((l) => l ?? t.contentNone).join(", ") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "flex-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: row.actorName || (row.actor === "system" ? t.historySystem : row.actor) }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", textColor: "neutral600", children: when(t, row.deletedAt) })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Tbody, { children: data.results.map((row) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Tr, { "data-testid": `trash-${row.id}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Doc, { t, type: types.get(row.contentType), row: { ...row, exists: void 0 }, documentId: row.relatedDocumentId, locale: null }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: (row.locales || []).map((l) => l ?? t.contentNone).join(", ") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "flex-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: row.actorName || (row.actor === "system" ? t.historySystem : row.actor) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", textColor: "neutral600", children: when(t, row.deletedAt) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Td, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: restored ? row.restoredAt ? when(t, row.restoredAt) : "" : expires(row.expiresAt) }),
-            restored && row.restoredAs && types.get(row.contentType) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Link, { href: editUrl(types.get(row.contentType), row.restoredAs, null), children: t.contentOpen }) })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Td, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: restored ? row.restoredAt ? when(t, row.restoredAt) : "" : expires(row.expiresAt) }),
+            restored && row.restoredAs && types.get(row.contentType) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Link, { href: editUrl(types.get(row.contentType), row.restoredAs, null), children: t.contentOpen }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { gap: 2, justifyContent: "flex-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "tertiary", size: "S", onClick: () => setPreview(row.id), children: t.trashPreview }),
-            !restored && can.canRestore && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "secondary", size: "S", onClick: () => check(row), "data-testid": `trash-restore-${row.id}`, children: t.trashRestore }),
-            can.canPurge && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "danger-light", size: "S", onClick: () => setRemove(row), "data-testid": `trash-delete-${row.id}`, children: t.trashDelete })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { gap: 2, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "tertiary", size: "S", onClick: () => setPreview(row.id), children: t.trashPreview }),
+            !restored && can.canRestore && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "secondary", size: "S", onClick: () => check(row), "data-testid": `trash-restore-${row.id}`, children: t.trashRestore }),
+            can.canPurge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "danger-light", size: "S", onClick: () => setRemove(row), "data-testid": `trash-delete-${row.id}`, children: t.trashDelete })
           ] }) })
         ] }, row.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Pager, { t, pagination: data.pagination, setPage })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Pager, { t, pagination: data.pagination, setPage })
     ] }),
-    preview !== null && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Preview2, { t, id: preview, get, onClose: () => setPreview(null) }),
-    restore && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Root, { open: true, onOpenChange: (open) => !open && !busy && setRestore(null), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Dialog.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Header, { children: t.f("restoreTitle", { title: title(restore.row) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Flex, { direction: "column", alignItems: "stretch", gap: 3, width: "100%", children: restore.done ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Flex, { direction: "column", alignItems: "flex-start", gap: 2, role: "status", "data-testid": "restore-done", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { textColor: "success700", children: restore.done.already ? t.restoreAlready : t.restoreDone }),
-        restore.done.documentId && types.get(restore.row.contentType) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Link, { href: editUrl(types.get(restore.row.contentType), restore.done.documentId, restore.done.locales?.[0] ?? null), children: t.restoreOpen }),
-        !restore.done.already && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Report, { t, report: { warnings: restore.done.warnings, incoming: restore.done.incoming && { ...restore.done.incoming, reconnect: restore.done.incoming.reconnected } } })
-      ] }) : !restore.report ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { children: t.restoreChecking }) : restore.failed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { role: "alert", textColor: "danger600", children: t.restoreFailed }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Typography, { variant: "pi", children: [
+    preview !== null && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Preview2, { t, id: preview, get, onClose: () => setPreview(null) }),
+    restore && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Root, { open: true, onOpenChange: (open) => !open && !busy && setRestore(null), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Dialog.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Header, { children: t.f("restoreTitle", { title: title(restore.row) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Flex, { direction: "column", alignItems: "stretch", gap: 3, width: "100%", children: restore.done ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "flex-start", gap: 2, role: "status", "data-testid": "restore-done", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { textColor: "success700", children: restore.done.already ? t.restoreAlready : t.restoreDone }),
+        restore.done.documentId && types.get(restore.row.contentType) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Link, { href: editUrl(types.get(restore.row.contentType), restore.done.documentId, restore.done.locales?.[0] ?? null), children: t.restoreOpen }),
+        !restore.done.already && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Report, { t, report: { warnings: restore.done.warnings, incoming: restore.done.incoming && { ...restore.done.incoming, reconnect: restore.done.incoming.reconnected } } })
+      ] }) : !restore.report ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { children: t.restoreChecking }) : restore.failed ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { role: "alert", textColor: "danger600", children: t.restoreFailed }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Typography, { variant: "pi", children: [
           t.restoreIntro,
           " ",
           restore.report.documentId ? t.restoreInto : t.restoreNew
         ] }),
-        restore.report.locales?.length > 0 && restore.report.locales[0] !== null && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { variant: "pi", children: t.f("restoreLocales", { locales: restore.report.locales.join(", ") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Report, { t, report: restore.report })
+        restore.report.locales?.length > 0 && restore.report.locales[0] !== null && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { variant: "pi", children: t.f("restoreLocales", { locales: restore.report.locales.join(", ") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Report, { t, report: restore.report })
       ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Dialog.Footer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "tertiary", disabled: busy, children: restore.done ? t.trashClose : t.restoreCancel }) }),
-        !restore.done && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { onClick: confirmRestore, loading: busy, disabled: busy || !restore.report || restore.failed || restore.report.blocking?.length > 0, "data-testid": "restore-confirm", children: t.restoreConfirm })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Dialog.Footer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "tertiary", disabled: busy, children: restore.done ? t.trashClose : t.restoreCancel }) }),
+        !restore.done && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { onClick: confirmRestore, loading: busy, disabled: busy || !restore.report || restore.failed || restore.report.blocking?.length > 0, "data-testid": "restore-confirm", children: t.restoreConfirm })
       ] })
     ] }) }),
-    remove && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Root, { open: true, onOpenChange: (open) => !open && !busy && setRemove(null), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Dialog.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Header, { children: t.trashDeleteTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Typography, { children: t.f("trashDeleteConfirm", { title: title(remove) }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Dialog.Footer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Dialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "tertiary", disabled: busy, children: t.restoreCancel }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Button, { variant: "danger", onClick: confirmRemove, loading: busy, disabled: busy, "data-testid": "delete-confirm", children: t.trashDelete })
+    remove && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Root, { open: true, onOpenChange: (open) => !open && !busy && setRemove(null), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Dialog.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Header, { children: t.trashDeleteTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { children: t.f("trashDeleteConfirm", { title: title(remove) }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Dialog.Footer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Dialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "tertiary", disabled: busy, children: t.restoreCancel }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Button, { variant: "danger", onClick: confirmRemove, loading: busy, disabled: busy, "data-testid": "delete-confirm", children: t.trashDelete })
       ] })
     ] }) })
   ] });
 }
 function ContentPage() {
   const t = useMessages();
-  const { get, post, del } = (0, import_admin3.useFetchClient)();
-  const activity = (0, import_admin3.useRBAC)(ACTIVITY);
-  const trash = (0, import_admin3.useRBAC)(TRASH);
-  const [tab, setTab] = React15.useState(null);
-  if (activity.isLoading || trash.isLoading) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_admin3.Page.Loading, {});
+  const { get, post, del } = (0, import_admin4.useFetchClient)();
+  const activity = (0, import_admin4.useRBAC)(ACTIVITY);
+  const trash = (0, import_admin4.useRBAC)(TRASH);
+  const [tab, setTab] = React16.useState(null);
+  if (activity.isLoading || trash.isLoading) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_admin4.Page.Loading, {});
   const canActivity = Boolean(activity.allowedActions?.canRead), canTrash = Boolean(trash.allowedActions?.canRead);
-  if (!canActivity && !canTrash) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_admin3.Page.NoPermissions, {});
+  if (!canActivity && !canTrash) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_admin4.Page.NoPermissions, {});
   const current = tab || (canActivity ? "activity" : "trash");
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_admin3.Page.Main, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_admin3.Page.Title, { children: t.contentTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_admin3.Layouts.Header, { title: t.contentTitle, subtitle: t.contentSubtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_admin3.Layouts.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Tabs.Root, { value: current, onValueChange: setTab, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Tabs.List, { "aria-label": t.contentTitle, children: [
-        canActivity && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Tabs.Trigger, { value: "activity", children: t.activityTab }),
-        canTrash && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Tabs.Trigger, { value: "trash", children: t.trashTab })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_admin4.Page.Main, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_admin4.Page.Title, { children: t.contentTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_admin4.Layouts.Header, { title: t.contentTitle, subtitle: t.contentSubtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_admin4.Layouts.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Tabs.Root, { value: current, onValueChange: setTab, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Tabs.List, { "aria-label": t.contentTitle, children: [
+        canActivity && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Tabs.Trigger, { value: "activity", children: t.activityTab }),
+        canTrash && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Tabs.Trigger, { value: "trash", children: t.trashTab })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Box, { paddingTop: 6, paddingBottom: 6, background: "neutral0", hasRadius: true, paddingLeft: 6, paddingRight: 6, marginTop: 4, children: [
-        canActivity && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Tabs.Content, { value: "activity", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ActivityTab, { t, get }) }),
-        canTrash && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.Tabs.Content, { value: "trash", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TrashTab, { t, get, post, del, can: trash.allowedActions }) })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Box, { paddingTop: 6, paddingBottom: 6, background: "neutral0", hasRadius: true, paddingLeft: 6, paddingRight: 6, marginTop: 4, children: [
+        canActivity && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Tabs.Content, { value: "activity", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ActivityTab, { t, get }) }),
+        canTrash && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Tabs.Content, { value: "trash", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TrashTab, { t, get, post, del, can: trash.allowedActions }) })
       ] })
     ] }) })
   ] });
 }
 
+// admin/StarterKits.tsx
+var React17 = __toESM(require("react"));
+var import_design_system12 = require("@strapi/design-system");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var marker = (docKey) => {
+  try {
+    const entry = window.history.state?.key ?? window.history.state?.idx ?? "route";
+    return `blockscene:starter-kit:${entry}:${docKey}`;
+  } catch {
+    return `blockscene:starter-kit:${docKey}`;
+  }
+};
+var wasHandled = (key) => {
+  try {
+    return window.sessionStorage.getItem(key) === "handled";
+  } catch {
+    return false;
+  }
+};
+var remember2 = (key) => {
+  try {
+    window.sessionStorage.setItem(key, "handled");
+  } catch {
+  }
+};
+function StarterKits({ creating, kits, zones, components, form, Modal: Modal3, docKey }) {
+  const t = useMessages();
+  const key = marker(docKey);
+  const handled = React17.useRef({ key, value: wasHandled(key) });
+  if (handled.current.key !== key) handled.current = { key, value: wasHandled(key) };
+  const usable = starterKitsForLocale(kits, form?.locale).filter((kit) => Object.keys(kit.zones || {}).every((name) => zones.some((zone) => zone.name === name)));
+  const available = creating && form && !handled.current.value && usable.length > 0 && zones.length > 0 && zones.every((zone) => form.rows(zone.name).length === 0);
+  const [open, setOpen] = React17.useState(available);
+  React17.useEffect(() => {
+    if (available) setOpen(true);
+  }, [available, key]);
+  if (!available) return null;
+  const finish = () => {
+    handled.current.value = true;
+    remember2(key);
+    setOpen(false);
+  };
+  const apply = (kit) => {
+    const rows = starterKitRows(kit, zones, components, form);
+    if (!rows) return;
+    for (const [zone, value] of Object.entries(rows)) form.setRows(zone, value);
+    finish();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Modal3, { open, onOpenChange: (next) => next ? setOpen(true) : finish(), title: t.starterKits, width: "560px", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Typography, { textColor: "neutral600", children: t.starterKitsHelp }),
+    usable.map((kit) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Button, { variant: "secondary", fullWidth: true, onClick: () => apply(kit), "data-testid": `starter-kit-${kit.id}`, children: localized(kit.label, t.locale) }, kit.id)),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Box, { paddingTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Button, { variant: "tertiary", onClick: finish, children: t.startBlank }) })
+  ] }) });
+}
+
 // admin/strapi5.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Modal2({ open, onOpenChange, trigger, title, children, width = "80vw" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Modal.Root, { open, onOpenChange, children: [
-    trigger && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Trigger, { children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Modal.Content, { style: { width, maxWidth: "92vw" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Title, { children: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Modal.Body, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Modal.Root, { open, onOpenChange, children: [
+    trigger && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Modal.Trigger, { children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Modal.Content, { style: { width, maxWidth: "92vw" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Modal.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Modal.Title, { children: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Modal.Body, { children })
     ] })
   ] });
 }
@@ -10049,10 +10581,10 @@ async function relationsOf(get, { uid, id, field }, locale) {
   return out.reverse();
 }
 function useRowForm(c, values, get) {
-  const onChange = (0, import_admin4.useForm)("Blockscene", (state) => state.onChange);
-  const errors = (0, import_admin4.useForm)("Blockscene", (state) => state.errors);
-  const { toggleNotification } = (0, import_admin4.useNotification)();
-  const latest = React16.useRef(values);
+  const onChange = (0, import_admin5.useForm)("Blockscene", (state) => state.onChange);
+  const errors = (0, import_admin5.useForm)("Blockscene", (state) => state.errors);
+  const { toggleNotification } = (0, import_admin5.useNotification)();
+  const latest = React18.useRef(values);
   latest.current = values;
   const locale = c.form?.initialValues?.locale || void 0;
   if (typeof onChange !== "function") return null;
@@ -10076,8 +10608,8 @@ function useRowForm(c, values, get) {
 function useScope() {
   const c = (0, import_strapi_admin2.unstable_useContentManagerContext)();
   const rbac = (0, import_strapi_admin2.useDocumentRBAC)("Blockscene", (state) => state);
-  const { get, put } = (0, import_admin4.useFetchClient)();
-  const formValues = (0, import_admin4.useForm)("Blockscene", (state) => state.values);
+  const { get, put } = (0, import_admin5.useFetchClient)();
+  const formValues = (0, import_admin5.useForm)("Blockscene", (state) => state.values);
   const catalog = useCatalog(get);
   const creating = !c.id && !c.form?.initialValues?.id && !c.form?.initialValues?.documentId;
   const allowed = (creating ? rbac.canCreateFields : rbac.canUpdateFields) || [];
@@ -10096,8 +10628,8 @@ function useScope() {
   const history = !creating && Boolean(c.id) && Boolean(catalog?.history?.contentTypes?.includes(c.model));
   return { c, rbac, get, put, formValues, catalog, creating, zones, typeSettings, gallery, history };
 }
-var Menu2 = ({ label, testid, items: items2 }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Box, { "data-testid": testid, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.SimpleMenu, { variant: "tertiary", size: "S", "aria-label": label, title: label, endIcon: null, label: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "more", size: 16 }), children: items2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.MenuItem, { onSelect: item.onSelect, "data-testid": item.testid, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { gap: 2, alignItems: "center", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: item.icon, size: 16 }),
+var Menu2 = ({ label, testid, items: items2 }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Box, { "data-testid": testid, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.SimpleMenu, { variant: "tertiary", size: "S", "aria-label": label, title: label, endIcon: null, label: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "more", size: 16 }), children: items2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.MenuItem, { onSelect: item.onSelect, "data-testid": item.testid, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Flex, { gap: 2, alignItems: "center", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: item.icon, size: 16 }),
   item.label
 ] }) }, item.testid)) }) });
 function Editor() {
@@ -10105,17 +10637,17 @@ function Editor() {
   const { catalog, typeSettings, gallery } = scope;
   const lazy = Boolean(catalog?.editor?.enabled && catalog.editor.lazyEditors !== false && typeSettings.enabled !== false);
   const lazyFields = (catalog?.editor?.lazyFields || []).join(",");
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (catalog) setLazyConfig({ on: lazy, fields: lazyFields ? lazyFields.split(",") : [] });
   }, [catalog, lazy, lazyFields]);
-  const kept2 = React16.useRef(false);
+  const kept2 = React18.useRef(false);
   if (!scope.c.isLoading) kept2.current = gallery;
   if (!kept2.current) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { hidden: true, "data-blockscene-editor": "", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Workspace, { scope }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { hidden: true, "data-blockscene-editor": "", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Workspace, { scope }) }) });
 }
 function Workspace({ scope }) {
   const { c, get, put, formValues, catalog, creating, zones, typeSettings } = scope;
-  const user = (0, import_admin4.useAuth)("Blockscene", (state2) => state2.user);
+  const user = (0, import_admin5.useAuth)("Blockscene", (state2) => state2.user);
   const form = useRowForm(c, formValues ?? c.form?.values, get);
   const editor = {
     ...catalog.editor,
@@ -10127,6 +10659,8 @@ function Workspace({ scope }) {
   };
   const host = usePreviewHost5();
   const state = useEditorState(editor, host);
+  const versions = useVersions(host, catalog?.history);
+  const docKey = `${c.model}:${creating ? "new" : c.id}:${c.form?.initialValues?.locale || ""}`;
   const add = (zone, uid, preset) => {
     const values = formValues ?? c.form.values;
     const close = catalog?.groups?.[uid];
@@ -10144,8 +10678,9 @@ function Workspace({ scope }) {
     if (close) c.form.addFieldRow(zone.name, { __component: close }, at + 1);
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StarterKits, { creating, kits: catalog.kits?.[c.model], zones, components: c.components, form, Modal: Modal2, docKey }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Gallery,
       {
         zones,
@@ -10158,18 +10693,19 @@ function Workspace({ scope }) {
         put,
         editor: catalog.editor,
         catalog,
-        docKey: `${c.model}:${creating ? "new" : c.id}:${c.form?.initialValues?.locale || ""}`,
+        docKey,
         contentType: c.model,
         userId: user?.id,
         form,
-        zoneTools: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ZoneBarTools, { state }),
+        zoneTools: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ZoneBarTools, { state }),
         openBlock: state.openBlock,
         openInsert: state.openInsert
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       PagePreview,
       {
+        versions,
         editor,
         state,
         host,
@@ -10184,7 +10720,7 @@ function Workspace({ scope }) {
 }
 function Panel2() {
   const { c, rbac, get, catalog, gallery, history } = useScope();
-  const canReadHistory = Boolean((0, import_admin4.useRBAC)(HISTORY_READ).allowedActions?.canRead);
+  const canReadHistory = Boolean((0, import_admin5.useRBAC)(HISTORY_READ).allowedActions?.canRead);
   const preview = usePreviewZone(usePreviewHost5());
   const groups = gallery ? catalog?.groups : null;
   const problems = groups && preview.zone ? (0, import_groups.validateGroups)(preview.rows, groups) : [];
@@ -10192,9 +10728,9 @@ function Panel2() {
   if (!versions && !problems.length) return null;
   return {
     title: "Blockscene",
-    content: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-      problems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GroupDiagnostics, { scope: preview, groups, problems }),
-      versions && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    content: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      problems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(GroupDiagnostics, { scope: preview, groups, problems }),
+      versions && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         History,
         {
           model: c.model,
@@ -10210,9 +10746,9 @@ function Panel2() {
     ] }) })
   };
 }
-var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Flex, { gap: 3, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_design_system11.Switch,
+var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Flex, { gap: 3, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_design_system13.Switch,
     {
       name,
       "aria-label": label,
@@ -10221,7 +10757,7 @@ var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ *
       onCheckedChange: onChange
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Typography, { children: label })
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Typography, { children: label })
 ] });
 var TextField = ({
   name,
@@ -10230,10 +10766,10 @@ var TextField = ({
   onChange,
   disabled,
   placeholder
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Field.Root, { name, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Field.Label, { children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_design_system11.TextInput,
+}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Field.Root, { name, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Field.Label, { children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_design_system13.TextInput,
     {
       name,
       value,
@@ -10250,30 +10786,30 @@ var SelectField = ({
   onChange,
   disabled,
   options
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Field.Root, { name, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.Field.Label, { children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_design_system11.SingleSelect,
+}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Field.Root, { name, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Field.Label, { children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_design_system13.SingleSelect,
     {
       value,
       disabled,
       startIcon: options.find((o) => o.value === value)?.icon,
       onChange: (v) => onChange(String(v)),
-      children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.SingleSelectOption, { value: o.value, startIcon: o.icon, children: o.label }, o.value))
+      children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.SingleSelectOption, { value: o.value, startIcon: o.icon, children: o.label }, o.value))
     }
   )
 ] });
 function MediaPicker({ onClose, onSelect }) {
-  const components = (0, import_admin4.useStrapiApp)(
+  const components = (0, import_admin5.useStrapiApp)(
     "Blockscene",
     (state) => state.components
   );
   const Dialog3 = components?.["media-library"];
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (!Dialog3) onClose();
   }, [Dialog3, onClose]);
   if (!Dialog3) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Dialog3,
     {
       onClose,
@@ -10284,7 +10820,7 @@ function MediaPicker({ onClose, onSelect }) {
   );
 }
 function usePermissions() {
-  const { allowedActions, isLoading } = (0, import_admin4.useRBAC)(
+  const { allowedActions, isLoading } = (0, import_admin5.useRBAC)(
     Object.values(permissions).flat()
   );
   return {
@@ -10293,10 +10829,10 @@ function usePermissions() {
     isLoading
   };
 }
-var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   Settings,
   {
-    useClient: import_admin4.useFetchClient,
+    useClient: import_admin5.useFetchClient,
     usePermissions,
     MediaPicker,
     ToggleField,
@@ -10311,13 +10847,13 @@ var strapi5_default = {
     strapiApp = app;
     register(app, SettingsPage, "blockscene");
     app.registerPlugin({ id: "blockscene", name: "Blockscene", apis: { registerPanel: (panel) => registerPanel(panel, ICON_NAMES) } });
-    app.addMenuLink(contentMenuLink(() => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ContentPage, {}) })));
+    app.addMenuLink(contentMenuLink(() => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ContentPage, {}) })));
   },
   registerTrads,
   bootstrap(app) {
     app.getPlugin("content-manager").apis.addEditViewSidePanel([Panel2]);
     app.getPlugin("content-manager").injectComponent("editView", "right-links", { name: "blockscene", Component: Editor });
-    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", labelsHook(() => (0, import_admin4.getFetchClient)().get, labelEditLayout, dropField));
+    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", labelsHook(() => (0, import_admin5.getFetchClient)().get, labelEditLayout, dropField));
     wrapCustomFields(strapiApp);
   }
 };