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

package/dist/admin.cjs

@@ -130,13 +130,22 @@ var require_groups = __commonJS({
       const [a, b] = direction === "up" ? [ranges[to], ranges[at]] : [ranges[at], ranges[to]];
       return [...rows.slice(0, a[0]), ...rows.slice(b[0], b[1] + 1), ...rows.slice(a[0], a[1] + 1), ...rows.slice(b[1] + 1)];
     }
-    function removeGroup2(rows, key, g) {
+    function removeGroup3(rows, key, g) {
       if (!g) return null;
       const start = rows.findIndex((row) => blockKey3(row) === String(key));
       if (start < 0 || !isOpener2(rows[start], g)) return null;
       const [, end] = groupRange3(rows, start, g);
+      if (end <= start || uidOf(rows[end]) !== g[uidOf(rows[start])]) return null;
       return [...rows.slice(0, start), ...rows.slice(end + 1)];
     }
+    function unwrapGroup3(rows, key, g) {
+      if (!g) return null;
+      const start = rows.findIndex((row) => blockKey3(row) === String(key));
+      if (start < 0 || !isOpener2(rows[start], g)) return null;
+      const [, end] = groupRange3(rows, start, g);
+      if (end <= start || uidOf(rows[end]) !== g[uidOf(rows[start])]) return null;
+      return [...rows.slice(0, start), ...rows.slice(start + 1, end), ...rows.slice(end + 1)];
+    }
     var MAX_COLUMNS = 12;
     var parseColumns = (value) => {
       const n = typeof value === "number" ? value : typeof value === "string" && /^\s*\d{1,3}\s*$/.test(value) ? Number(value) : NaN;
@@ -163,7 +172,8 @@ var require_groups = __commonJS({
       groupRows: groupRows2,
       topLevelRanges: topLevelRanges2,
       moveGroup: moveGroup2,
-      removeGroup: removeGroup2,
+      removeGroup: removeGroup3,
+      unwrapGroup: unwrapGroup3,
       blockKey: blockKey3,
       isOpener: isOpener2,
       isClose: isClose2,
@@ -260,8 +270,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 +287,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 +340,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(
@@ -394,6 +424,12 @@ var pickable = (zone, config2) => {
   const closers = Object.values(config2.groups || {});
   return zone.components.filter((uid) => !closers.includes(uid));
 };
+function showRowThumbnail(uid, config2 = {}) {
+  const configured = config2.components?.[uid]?.showRowThumbnail;
+  if (typeof configured === "boolean") return configured;
+  const groups = config2.groups || {};
+  return !Object.prototype.hasOwnProperty.call(groups, uid) && !Object.values(groups).includes(uid);
+}
 function entryOf(uid, schema, config2) {
   const meta = config2.components?.[uid] || {};
   return {
@@ -540,13 +576,74 @@ var TEXT_TYPES = ["string", "text"];
 var RICH_TYPES = ["richtext", "blocks", "customField"];
 var EDITABLE_TYPES = [...TEXT_TYPES, ...RICH_TYPES];
 var SCALAR = ["string", "text", "richtext", "email", "enumeration", "integer", "biginteger", "float", "decimal", "boolean", "date", "datetime", "time", "json", "blocks", "uid", "customField"];
+var ENTRY_SYSTEM = ["id", "documentId", "locale", "createdAt", "updatedAt", "publishedAt"];
+var privateAttribute = (attr) => attr?.private === true || attr?.pluginOptions?.blockscene?.private === true;
+var fieldReadable = (path, allowed, all = false) => {
+  if (all) return true;
+  const fields = Array.isArray(allowed) ? allowed : [];
+  const parts = String(path).split(".");
+  return parts.some((_, index) => fields.includes(parts.slice(0, index + 1).join("."))) || fields.some((field) => field.startsWith(`${path}.`));
+};
 var blockKey = (row) => row && row.id != null ? `${row.__component}#${row.id}` : row && row.__temp_key__ != null ? String(row.__temp_key__) : null;
+function plainValue(value, depth = 0) {
+  if (value == null || typeof value === "number" || typeof value === "boolean") return value;
+  if (typeof value === "string") return value.slice(0, 2e5);
+  if (typeof value !== "object" || depth > 8) return void 0;
+  if (Array.isArray(value)) return value.slice(0, 500).map((item) => plainValue(item, depth + 1)).filter((item) => item !== void 0);
+  const out = {};
+  for (const [name, child] of Object.entries(value).slice(0, 500)) {
+    const projected = plainValue(child, depth + 1);
+    if (projected !== void 0) out[name] = projected;
+  }
+  return out;
+}
+function projectEntryValue(value, attr, components, cmsOrigin, depth = 0, readable = () => true, path = "") {
+  if (privateAttribute(attr) || attr?.type === "password" || depth > 8) return void 0;
+  if (attr?.type === "media") {
+    const files = (attr.multiple ? Array.isArray(value) ? value : [] : value ? [value] : []).map((file) => projectMedia(file, cmsOrigin)).filter(Boolean);
+    return attr.multiple ? files : files[0] || null;
+  }
+  if (attr?.type === "component") {
+    const schema = components?.[attr.component];
+    const one = (item) => {
+      if (!item || !schema) return null;
+      const projected = projectEntryObject(item, schema, components, cmsOrigin, depth + 1, readable, path);
+      return item.id != null ? { id: item.id, ...projected } : projected;
+    };
+    return attr.repeatable ? (Array.isArray(value) ? value : []).slice(0, 500).map(one).filter(Boolean) : one(value);
+  }
+  if (attr?.type === "dynamiczone") {
+    return (Array.isArray(value) ? value : []).slice(0, 500).flatMap((item) => {
+      const uid = item?.__component;
+      const schema = components?.[uid];
+      if (!uid || !schema) return [];
+      const projected = projectEntryObject(item, schema, components, cmsOrigin, depth + 1, readable, path);
+      return [{ ...item.id != null && { id: item.id }, __component: uid, ...projected }];
+    });
+  }
+  return plainValue(value, depth);
+}
+function projectEntryObject(values, schema, components, cmsOrigin, depth = 0, readable = () => true, prefix2 = "") {
+  const out = {};
+  for (const [name, attr] of Object.entries(schema?.attributes || {})) {
+    const path = prefix2 ? `${prefix2}.${name}` : name;
+    if (!readable(path) || privateAttribute(attr) || attr.type === "password" || values?.[name] === void 0) continue;
+    const projected = projectEntryValue(values[name], attr, components, cmsOrigin, depth, readable, path);
+    if (projected !== void 0) out[name] = projected;
+  }
+  return out;
+}
+function projectEntry(values, schema, components, cmsOrigin, readable = () => true) {
+  const out = projectEntryObject(values, schema, components, cmsOrigin, 0, readable);
+  for (const name of ENTRY_SYSTEM) if (values?.[name] !== void 0) out[name] = plainValue(values[name]);
+  return out;
+}
 function projectRow(row, schema, components, cmsOrigin, depth = 0) {
   if (!row || !schema || depth > 3) return null;
   const out = {};
   for (const [name, attr] of Object.entries(schema.attributes || {})) {
     const value = row[name];
-    if (attr.type === "password" || attr.type === "relation" || attr.private) continue;
+    if (attr.type === "password" || attr.type === "relation" || privateAttribute(attr)) continue;
     if (SCALAR.includes(attr.type)) {
       if (value !== void 0) out[name] = typeof value === "string" ? value.slice(0, 2e5) : value;
     } else if (attr.type === "media") {
@@ -575,7 +672,7 @@ function resolveField(uid, field, components) {
   const parts = field.split(".");
   for (let i = 0; i < parts.length; i++) {
     const attr = schema?.attributes?.[parts[i]];
-    if (!attr || attr.private === true) return null;
+    if (!attr || privateAttribute(attr)) return null;
     if (i === parts.length - 1) return attr;
     if (attr.type !== "component") return null;
     if (attr.repeatable) {
@@ -591,7 +688,7 @@ function editableFields(uid, row, components) {
   const out = [];
   const SYSTEM = ["id", "documentId", "locale", "createdAt", "updatedAt", "publishedAt", "createdBy", "updatedBy", "localizations", "__component", "__temp_key__"];
   const push = (name, attr, label) => {
-    if (!SYSTEM.includes(name.split(".").pop()) && attr?.private !== true && EDITABLE_TYPES.includes(attr?.type)) out.push({ name, type: attr.type, label });
+    if (!SYSTEM.includes(name.split(".").pop()) && !privateAttribute(attr) && EDITABLE_TYPES.includes(attr?.type)) out.push({ name, type: attr.type, label });
   };
   for (const [name, attr] of Object.entries(schema?.attributes || {})) {
     if (attr.type === "component" && attr.repeatable) {
@@ -605,7 +702,7 @@ function editableFields(uid, row, components) {
 function mediaFields(uid, row, components) {
   const media = {};
   for (const [name, attr] of Object.entries(components?.[uid]?.attributes || {})) {
-    if (attr.type === "media" && attr.private !== true) media[name] = { required: attr.required === true, multiple: attr.multiple === true, present: attr.multiple ? Array.isArray(row?.[name]) && row[name].length > 0 : Boolean(row?.[name]) };
+    if (attr.type === "media" && !privateAttribute(attr)) media[name] = { required: attr.required === true, multiple: attr.multiple === true, present: attr.multiple ? Array.isArray(row?.[name]) && row[name].length > 0 : Boolean(row?.[name]) };
   }
   return media;
 }
@@ -645,6 +742,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));
@@ -847,7 +945,7 @@ var import_react_intl = require("react-intl");
 // admin/translations/en.json
 var en_default = {
   title: "Blockscene",
-  settings: "Gallery",
+  settings: "General",
   gallery: "Block gallery",
   search: "Search blocks",
   clear: "Clear search",
@@ -863,6 +961,17 @@ var en_default = {
   moreActions: "More actions",
   settingsTitle: "Blockscene",
   settingsIntro: "Gallery thumbnails, wireframe palette and editor preferences. Changes apply the next time the gallery opens; no rebuild is needed.",
+  settingsGeneral: "General",
+  settingsGeneralIntro: "Choose how Blockscene behaves in the editor and which row actions are available.",
+  settingsPreview: "Page preview",
+  settingsPreviewIntro: "Connect the frontend preview and configure its modes, toolbar and responsive widths.",
+  settingsContentTypes: "Content types",
+  settingsContentTypesIntro: "Choose where Blockscene is enabled and tailor the visual editor for each content type.",
+  settingsGallery: "Block gallery",
+  settingsGalleryIntro: "Configure gallery thumbnails, wireframe colors, block types and filters.",
+  settingsHistory: "History & trash",
+  settingsHistoryIntro: "Control version snapshots, activity retention and recoverable deletions.",
+  historyUnavailable: "History and trash settings require Strapi 5.",
   palette: "Wireframe palette",
   background: "Background",
   surface: "Surfaces",
@@ -892,6 +1001,7 @@ var en_default = {
   showCloseAll: 'Show "Collapse all"',
   toggleHelp: "The zone bar shows one button: with both on it expands while any block is collapsed and collapses them all otherwise; with only one on, it offers that action alone.",
   showRowThumbnails: "Show block thumbnails in the rows",
+  componentRowThumbnail: "Show thumbnail in the editor row",
   initialState: "Initial accordion state",
   "states.closed": "All closed",
   "states.open": "All open",
@@ -899,10 +1009,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 +1020,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",
@@ -938,6 +1048,7 @@ var en_default = {
   denied: "Access denied.",
   loadFailed: "Could not load settings. Reload to try again.",
   invalidColor: "Colors must use #RRGGBB.",
+  invalidUrl: "Preview URLs must be complete HTTP or HTTPS URLs.",
   previewLabel: "Palette preview",
   removeGroup: "Remove group",
   diagTitle: "Block groups need attention; publishing is refused until they are fixed:",
@@ -972,6 +1083,7 @@ var en_default = {
   contentTypes: "Content types",
   contentTypesHelp: 'The gallery, accordions and page preview work on these content types (the ones with a Dynamic Zone). Turn one off to leave its edit view native. "Opens in" is how every edit view of that type starts; editors can still switch while they edit.',
   typeMode: "Opens in",
+  typeAdvanced: "Visual editor options",
   modeDefault: "Default ({mode})",
   blockModalDone: "Done",
   crashed: "Blockscene stopped here after an error. The native editor is unaffected. If it happens again, turn Blockscene off in Settings, Blockscene.",
@@ -1006,6 +1118,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})",
@@ -1060,6 +1175,11 @@ var en_default = {
   confirmDeleteTitle: "Delete block",
   confirmDelete: "Delete block {name}?",
   confirmDeleteMarker: "This is a group marker: only the marker is removed, not the blocks inside the group, and the group stays unbalanced until it is fixed.",
+  confirmDeleteGroupTitle: "Delete group",
+  confirmDeleteGroup: "Delete group {name}?",
+  confirmDeleteGroupHint: "This group contains {count, plural, one {# block} other {# blocks}}. Choose whether to delete them or keep them on the page without the group.",
+  keepGroupBlocks: "Remove group, keep blocks",
+  deleteGroupAndBlocks: "{count, plural, =0 {Delete group} one {Delete group and # block} other {Delete group and # blocks}}",
   delete: "Delete",
   selectBlocks: "Select blocks",
   selectAll: "Select all",
@@ -1254,6 +1374,7 @@ var en_default = {
   gridCellMenu: "More actions for {label}",
   removeFromGroup: "Remove from group",
   gridAdd: "Add a block",
+  groupAdd: "Add block inside {label}",
   gridShowList: "Show group {label} as a list",
   gridShowGrid: "Show group {label} as a grid",
   layoutColumnsField: "Layout grid: columns field",
@@ -1262,13 +1383,29 @@ 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
 var pt_BR_default = {
   title: "Blockscene",
-  settings: "Galeria",
+  settings: "Geral",
   gallery: "Galeria de blocos",
   search: "Buscar blocos",
   clear: "Limpar busca",
@@ -1284,6 +1421,17 @@ var pt_BR_default = {
   moreActions: "Mais a\xE7\xF5es",
   settingsTitle: "Blockscene",
   settingsIntro: "Miniaturas da galeria, paleta dos wireframes e prefer\xEAncias do editor. As mudan\xE7as valem na pr\xF3xima abertura da galeria; n\xE3o \xE9 preciso rebuild.",
+  settingsGeneral: "Geral",
+  settingsGeneralIntro: "Defina como o Blockscene funciona no editor e quais a\xE7\xF5es ficam dispon\xEDveis nas linhas.",
+  settingsPreview: "Preview da p\xE1gina",
+  settingsPreviewIntro: "Conecte a preview do frontend e configure modos, barra de ferramentas e larguras responsivas.",
+  settingsContentTypes: "Tipos de conte\xFAdo",
+  settingsContentTypesIntro: "Escolha onde o Blockscene fica ativo e personalize o editor visual de cada tipo de conte\xFAdo.",
+  settingsGallery: "Galeria de blocos",
+  settingsGalleryIntro: "Configure miniaturas, cores dos wireframes, tipos e filtros da galeria.",
+  settingsHistory: "Hist\xF3rico e lixeira",
+  settingsHistoryIntro: "Controle vers\xF5es, reten\xE7\xE3o de atividades e exclus\xF5es recuper\xE1veis.",
+  historyUnavailable: "As configura\xE7\xF5es de hist\xF3rico e lixeira exigem o Strapi 5.",
   palette: "Paleta dos wireframes",
   background: "Fundo",
   surface: "Superf\xEDcies",
@@ -1313,6 +1461,7 @@ var pt_BR_default = {
   showCloseAll: 'Mostrar "Recolher tudo"',
   toggleHelp: "A barra da zona mostra um \xFAnico bot\xE3o: com as duas op\xE7\xF5es ligadas, ele expande enquanto houver algum bloco recolhido e, sen\xE3o, recolhe todos; com s\xF3 uma ligada, oferece apenas essa a\xE7\xE3o.",
   showRowThumbnails: "Mostrar miniaturas dos blocos nas linhas",
+  componentRowThumbnail: "Mostrar miniatura na linha do editor",
   initialState: "Estado inicial dos accordions",
   "states.closed": "Todos fechados",
   "states.open": "Todos abertos",
@@ -1320,10 +1469,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 +1480,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",
@@ -1359,6 +1508,7 @@ var pt_BR_default = {
   denied: "Acesso negado.",
   loadFailed: "N\xE3o foi poss\xEDvel carregar. Recarregue para tentar novamente.",
   invalidColor: "As cores devem usar #RRGGBB.",
+  invalidUrl: "As URLs de preview devem ser URLs HTTP ou HTTPS completas.",
   previewLabel: "Pr\xE9via da paleta",
   removeGroup: "Remover grupo",
   diagTitle: "Os grupos de blocos precisam de aten\xE7\xE3o; a publica\xE7\xE3o \xE9 recusada at\xE9 a corre\xE7\xE3o:",
@@ -1393,6 +1543,7 @@ var pt_BR_default = {
   contentTypes: "Tipos de conte\xFAdo",
   contentTypesHelp: 'A galeria, os accordions e o preview da p\xE1gina funcionam nestes tipos de conte\xFAdo (os que t\xEAm uma zona din\xE2mica). Desligue um para deixar a edi\xE7\xE3o dele nativa. "Abre em" \xE9 como toda tela de edi\xE7\xE3o desse tipo come\xE7a; quem edita ainda pode trocar durante a edi\xE7\xE3o.',
   typeMode: "Abre em",
+  typeAdvanced: "Op\xE7\xF5es do editor visual",
   modeDefault: "Padr\xE3o ({mode})",
   blockModalDone: "Concluir",
   crashed: "O Blockscene parou aqui por causa de um erro. O editor nativo n\xE3o foi afetado. Se acontecer de novo, desligue o Blockscene em Settings, Blockscene.",
@@ -1427,6 +1578,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})",
@@ -1481,6 +1635,11 @@ var pt_BR_default = {
   confirmDeleteTitle: "Excluir bloco",
   confirmDelete: "Excluir o bloco {name}?",
   confirmDeleteMarker: "Este \xE9 um marcador de grupo: s\xF3 o marcador \xE9 removido, n\xE3o os blocos dentro do grupo, e o grupo fica desbalanceado at\xE9 ser corrigido.",
+  confirmDeleteGroupTitle: "Excluir grupo",
+  confirmDeleteGroup: "Excluir o grupo {name}?",
+  confirmDeleteGroupHint: "Este grupo cont\xE9m {count, plural, one {# bloco} other {# blocos}}. Escolha entre exclu\xED-los ou mant\xEA-los na p\xE1gina sem o grupo.",
+  keepGroupBlocks: "Remover grupo e manter blocos",
+  deleteGroupAndBlocks: "{count, plural, =0 {Excluir grupo} one {Excluir grupo e # bloco} other {Excluir grupo e # blocos}}",
   delete: "Excluir",
   selectBlocks: "Selecionar blocos",
   selectAll: "Selecionar todos",
@@ -1675,6 +1834,7 @@ var pt_BR_default = {
   gridCellMenu: "Mais a\xE7\xF5es para {label}",
   removeFromGroup: "Remover do grupo",
   gridAdd: "Adicionar bloco",
+  groupAdd: "Adicionar bloco dentro de {label}",
   gridShowList: "Mostrar o grupo {label} como lista",
   gridShowGrid: "Mostrar o grupo {label} como grade",
   layoutColumnsField: "Grade do layout: campo das colunas",
@@ -1683,13 +1843,29 @@ 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
 var pt_default = {
   title: "Blockscene",
-  settings: "Galeria",
+  settings: "Geral",
   gallery: "Galeria de blocos",
   search: "Pesquisar blocos",
   clear: "Limpar pesquisa",
@@ -1705,6 +1881,17 @@ var pt_default = {
   moreActions: "Mais a\xE7\xF5es",
   settingsTitle: "Blockscene",
   settingsIntro: "Miniaturas da galeria, paleta dos wireframes e prefer\xEAncias do editor. As mudan\xE7as valem na pr\xF3xima abertura da galeria; n\xE3o \xE9 preciso rebuild.",
+  settingsGeneral: "Geral",
+  settingsGeneralIntro: "Defina como o Blockscene funciona no editor e quais a\xE7\xF5es ficam dispon\xEDveis nas linhas.",
+  settingsPreview: "Pr\xE9-visualiza\xE7\xE3o da p\xE1gina",
+  settingsPreviewIntro: "Ligue a pr\xE9-visualiza\xE7\xE3o do frontend e configure modos, barra de ferramentas e larguras responsivas.",
+  settingsContentTypes: "Tipos de conte\xFAdo",
+  settingsContentTypesIntro: "Escolha onde o Blockscene fica ativo e personalize o editor visual de cada tipo de conte\xFAdo.",
+  settingsGallery: "Galeria de blocos",
+  settingsGalleryIntro: "Configure miniaturas, cores dos wireframes, tipos e filtros da galeria.",
+  settingsHistory: "Hist\xF3rico e lixo",
+  settingsHistoryIntro: "Controle vers\xF5es, reten\xE7\xE3o de atividades e elimina\xE7\xF5es recuper\xE1veis.",
+  historyUnavailable: "As configura\xE7\xF5es de hist\xF3rico e lixo exigem o Strapi 5.",
   palette: "Paleta dos wireframes",
   background: "Fundo",
   surface: "Superf\xEDcies",
@@ -1734,6 +1921,7 @@ var pt_default = {
   showCloseAll: 'Mostrar "Recolher tudo"',
   toggleHelp: "A barra da zona mostra um \xFAnico bot\xE3o: com as duas op\xE7\xF5es ativas, expande enquanto houver algum bloco recolhido e, caso contr\xE1rio, recolhe todos; com apenas uma ativa, oferece s\xF3 essa a\xE7\xE3o.",
   showRowThumbnails: "Mostrar miniaturas dos blocos nas linhas",
+  componentRowThumbnail: "Mostrar miniatura na linha do editor",
   initialState: "Estado inicial dos accordions",
   "states.closed": "Todos fechados",
   "states.open": "Todos abertos",
@@ -1741,10 +1929,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 +1940,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",
@@ -1780,6 +1968,7 @@ var pt_default = {
   denied: "Acesso negado.",
   loadFailed: "N\xE3o foi poss\xEDvel carregar. Recarregue para tentar novamente.",
   invalidColor: "As cores devem usar #RRGGBB.",
+  invalidUrl: "Os URL de pr\xE9-visualiza\xE7\xE3o devem ser endere\xE7os HTTP ou HTTPS completos.",
   previewLabel: "Pr\xE9-visualiza\xE7\xE3o da paleta",
   removeGroup: "Remover grupo",
   diagTitle: "Os grupos de blocos precisam de aten\xE7\xE3o; a publica\xE7\xE3o \xE9 recusada at\xE9 \xE0 corre\xE7\xE3o:",
@@ -1814,6 +2003,7 @@ var pt_default = {
   contentTypes: "Tipos de conte\xFAdo",
   contentTypesHelp: 'A galeria, os acorde\xF5es e a pr\xE9-visualiza\xE7\xE3o da p\xE1gina funcionam nestes tipos de conte\xFAdo (os que t\xEAm uma zona din\xE2mica). Desligue um para manter a edi\xE7\xE3o nativa. "Abre em" \xE9 como come\xE7a cada ecr\xE3 de edi\xE7\xE3o desse tipo; quem edita pode sempre mudar durante a edi\xE7\xE3o.',
   typeMode: "Abre em",
+  typeAdvanced: "Op\xE7\xF5es do editor visual",
   modeDefault: "Predefini\xE7\xE3o ({mode})",
   blockModalDone: "Concluir",
   crashed: "O Blockscene parou aqui devido a um erro. O editor nativo n\xE3o foi afetado. Se voltar a acontecer, desligue o Blockscene em Settings, Blockscene.",
@@ -1848,6 +2038,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})",
@@ -1902,6 +2095,11 @@ var pt_default = {
   confirmDeleteTitle: "Eliminar bloco",
   confirmDelete: "Eliminar o bloco {name}?",
   confirmDeleteMarker: "Este \xE9 um marcador de grupo: s\xF3 o marcador \xE9 removido, n\xE3o os blocos dentro do grupo, e o grupo fica desequilibrado at\xE9 ser corrigido.",
+  confirmDeleteGroupTitle: "Eliminar grupo",
+  confirmDeleteGroup: "Eliminar o grupo {name}?",
+  confirmDeleteGroupHint: "Este grupo cont\xE9m {count, plural, one {# bloco} other {# blocos}}. Escolha entre elimin\xE1-los ou mant\xEA-los na p\xE1gina sem o grupo.",
+  keepGroupBlocks: "Eliminar grupo e manter blocos",
+  deleteGroupAndBlocks: "{count, plural, =0 {Eliminar grupo} one {Eliminar grupo e # bloco} other {Eliminar grupo e # blocos}}",
   delete: "Eliminar",
   selectBlocks: "Selecionar blocos",
   selectAll: "Selecionar todos",
@@ -2096,6 +2294,7 @@ var pt_default = {
   gridCellMenu: "Mais a\xE7\xF5es para {label}",
   removeFromGroup: "Remover do grupo",
   gridAdd: "Adicionar bloco",
+  groupAdd: "Adicionar bloco dentro de {label}",
   gridShowList: "Mostrar o grupo {label} como lista",
   gridShowGrid: "Mostrar o grupo {label} como grelha",
   layoutColumnsField: "Grelha do layout: campo das colunas",
@@ -2104,13 +2303,29 @@ 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
 var fr_default = {
   title: "Blockscene",
-  settings: "Galerie",
+  settings: "G\xE9n\xE9ral",
   gallery: "Galerie de blocs",
   search: "Rechercher des blocs",
   clear: "Effacer la recherche",
@@ -2126,6 +2341,17 @@ var fr_default = {
   moreActions: "Plus d'actions",
   settingsTitle: "Blockscene",
   settingsIntro: "Vignettes de la galerie, palette des wireframes et pr\xE9f\xE9rences de l'\xE9diteur. Les changements s'appliquent \xE0 la prochaine ouverture de la galerie ; aucun rebuild n'est n\xE9cessaire.",
+  settingsGeneral: "G\xE9n\xE9ral",
+  settingsGeneralIntro: "D\xE9finissez le comportement de Blockscene dans l'\xE9diteur et les actions disponibles sur les lignes.",
+  settingsPreview: "Aper\xE7u de page",
+  settingsPreviewIntro: "Connectez l'aper\xE7u du frontend et configurez ses modes, sa barre d'outils et ses largeurs responsives.",
+  settingsContentTypes: "Types de contenu",
+  settingsContentTypesIntro: "Choisissez o\xF9 Blockscene est actif et personnalisez l'\xE9diteur visuel pour chaque type de contenu.",
+  settingsGallery: "Galerie de blocs",
+  settingsGalleryIntro: "Configurez les vignettes, les couleurs des wireframes, les types et les filtres de la galerie.",
+  settingsHistory: "Historique et corbeille",
+  settingsHistoryIntro: "G\xE9rez les versions, la conservation des activit\xE9s et les suppressions r\xE9cup\xE9rables.",
+  historyUnavailable: "Les r\xE9glages d'historique et de corbeille n\xE9cessitent Strapi 5.",
   palette: "Palette des wireframes",
   background: "Fond",
   surface: "Surfaces",
@@ -2155,6 +2381,7 @@ var fr_default = {
   showCloseAll: "Afficher \xAB Tout replier \xBB",
   toggleHelp: "La barre de la zone affiche un seul bouton : avec les deux options activ\xE9es, il d\xE9plie tant qu'un bloc est repli\xE9 et sinon les replie tous ; avec une seule, il ne propose que cette action.",
   showRowThumbnails: "Afficher les miniatures des blocs dans les lignes",
+  componentRowThumbnail: "Afficher la miniature dans la ligne de l'\xE9diteur",
   initialState: "\xC9tat initial des accord\xE9ons",
   "states.closed": "Tous ferm\xE9s",
   "states.open": "Tous ouverts",
@@ -2162,10 +2389,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 +2400,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",
@@ -2201,6 +2428,7 @@ var fr_default = {
   denied: "Acc\xE8s refus\xE9.",
   loadFailed: "Impossible de charger les param\xE8tres. Rechargez pour r\xE9essayer.",
   invalidColor: "Les couleurs doivent utiliser #RRGGBB.",
+  invalidUrl: "Les URL d'aper\xE7u doivent \xEAtre des adresses HTTP ou HTTPS compl\xE8tes.",
   previewLabel: "Aper\xE7u de la palette",
   removeGroup: "Supprimer le groupe",
   diagTitle: "Les groupes de blocs demandent une correction ; la publication est refus\xE9e tant qu'ils ne sont pas corrig\xE9s :",
@@ -2235,6 +2463,7 @@ var fr_default = {
   contentTypes: "Types de contenu",
   contentTypesHelp: "La galerie, les accord\xE9ons et l'aper\xE7u de page fonctionnent sur ces types de contenu (ceux qui ont une Dynamic Zone). D\xE9sactivez-en un pour garder son \xE9dition native. \xAB S'ouvre en \xBB d\xE9finit le mode de d\xE9part de chaque vue d'\xE9dition de ce type ; l'\xE9diteur peut toujours changer pendant l'\xE9dition.",
   typeMode: "S'ouvre en",
+  typeAdvanced: "Options de l'\xE9diteur visuel",
   modeDefault: "Par d\xE9faut ({mode})",
   blockModalDone: "Termin\xE9",
   crashed: "Blockscene s'est arr\xEAt\xE9 ici \xE0 cause d'une erreur. L'\xE9diteur natif n'est pas touch\xE9. Si cela se reproduit, d\xE9sactivez Blockscene dans Settings, Blockscene.",
@@ -2269,6 +2498,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})",
@@ -2323,6 +2555,11 @@ var fr_default = {
   confirmDeleteTitle: "Supprimer le bloc",
   confirmDelete: "Supprimer le bloc {name} ?",
   confirmDeleteMarker: "C'est un marqueur de groupe : seul le marqueur est supprim\xE9, pas les blocs du groupe, et le groupe reste d\xE9s\xE9quilibr\xE9 jusqu'\xE0 sa correction.",
+  confirmDeleteGroupTitle: "Supprimer le groupe",
+  confirmDeleteGroup: "Supprimer le groupe {name} ?",
+  confirmDeleteGroupHint: "Ce groupe contient {count, plural, one {# bloc} other {# blocs}}. Choisissez de les supprimer ou de les conserver dans la page sans le groupe.",
+  keepGroupBlocks: "Supprimer le groupe, conserver les blocs",
+  deleteGroupAndBlocks: "{count, plural, =0 {Supprimer le groupe} one {Supprimer le groupe et # bloc} other {Supprimer le groupe et # blocs}}",
   delete: "Supprimer",
   selectBlocks: "S\xE9lectionner des blocs",
   selectAll: "Tout s\xE9lectionner",
@@ -2517,6 +2754,7 @@ var fr_default = {
   gridCellMenu: "Plus d'actions pour {label}",
   removeFromGroup: "Retirer du groupe",
   gridAdd: "Ajouter un bloc",
+  groupAdd: "Ajouter un bloc dans {label}",
   gridShowList: "Afficher le groupe {label} en liste",
   gridShowGrid: "Afficher le groupe {label} en grille",
   layoutColumnsField: "Grille de mise en page : champ des colonnes",
@@ -2525,13 +2763,29 @@ 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
 var es_default = {
   title: "Blockscene",
-  settings: "Galer\xEDa",
+  settings: "General",
   gallery: "Galer\xEDa de bloques",
   search: "Buscar bloques",
   clear: "Borrar b\xFAsqueda",
@@ -2547,6 +2801,17 @@ var es_default = {
   moreActions: "M\xE1s acciones",
   settingsTitle: "Blockscene",
   settingsIntro: "Miniaturas de la galer\xEDa, paleta de los wireframes y preferencias del editor. Los cambios se aplican la pr\xF3xima vez que se abra la galer\xEDa; no hace falta rebuild.",
+  settingsGeneral: "General",
+  settingsGeneralIntro: "Define c\xF3mo funciona Blockscene en el editor y qu\xE9 acciones est\xE1n disponibles en las filas.",
+  settingsPreview: "Vista previa de p\xE1gina",
+  settingsPreviewIntro: "Conecta la vista previa del frontend y configura sus modos, barra de herramientas y anchos adaptables.",
+  settingsContentTypes: "Tipos de contenido",
+  settingsContentTypesIntro: "Elige d\xF3nde se activa Blockscene y personaliza el editor visual de cada tipo de contenido.",
+  settingsGallery: "Galer\xEDa de bloques",
+  settingsGalleryIntro: "Configura miniaturas, colores de wireframes, tipos y filtros de la galer\xEDa.",
+  settingsHistory: "Historial y papelera",
+  settingsHistoryIntro: "Controla versiones, retenci\xF3n de actividad y eliminaciones recuperables.",
+  historyUnavailable: "La configuraci\xF3n de historial y papelera requiere Strapi 5.",
   palette: "Paleta de wireframes",
   background: "Fondo",
   surface: "Superficies",
@@ -2576,6 +2841,7 @@ var es_default = {
   showCloseAll: "Mostrar \xABContraer todo\xBB",
   toggleHelp: "La barra de la zona muestra un solo bot\xF3n: con ambas opciones activadas expande mientras haya alg\xFAn bloque contra\xEDdo y, si no, los contrae todos; con solo una, ofrece \xFAnicamente esa acci\xF3n.",
   showRowThumbnails: "Mostrar miniaturas de los bloques en las filas",
+  componentRowThumbnail: "Mostrar miniatura en la fila del editor",
   initialState: "Estado inicial de los acordeones",
   "states.closed": "Todos cerrados",
   "states.open": "Todos abiertos",
@@ -2583,10 +2849,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 +2860,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",
@@ -2622,6 +2888,7 @@ var es_default = {
   denied: "Acceso denegado.",
   loadFailed: "No se pudieron cargar los ajustes. Recargue para reintentar.",
   invalidColor: "Los colores deben usar #RRGGBB.",
+  invalidUrl: "Las URL de vista previa deben ser direcciones HTTP o HTTPS completas.",
   previewLabel: "Vista previa de la paleta",
   removeGroup: "Eliminar grupo",
   diagTitle: "Los grupos de bloques necesitan atenci\xF3n; la publicaci\xF3n se rechaza hasta corregirlos:",
@@ -2656,6 +2923,7 @@ var es_default = {
   contentTypes: "Tipos de contenido",
   contentTypesHelp: 'La galer\xEDa, los acordeones y la vista previa de p\xE1gina funcionan en estos tipos de contenido (los que tienen una Dynamic Zone). Desactiva uno para dejar su edici\xF3n nativa. "Se abre en" define c\xF3mo empieza cada vista de edici\xF3n de ese tipo; quien edita puede cambiarlo mientras edita.',
   typeMode: "Se abre en",
+  typeAdvanced: "Opciones del editor visual",
   modeDefault: "Predeterminado ({mode})",
   blockModalDone: "Listo",
   crashed: "Blockscene se detuvo aqu\xED por un error. El editor nativo no se ve afectado. Si vuelve a pasar, desactiva Blockscene en Settings, Blockscene.",
@@ -2690,6 +2958,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})",
@@ -2744,6 +3015,11 @@ var es_default = {
   confirmDeleteTitle: "Eliminar bloque",
   confirmDelete: "\xBFEliminar el bloque {name}?",
   confirmDeleteMarker: "Es un marcador de grupo: solo se elimina el marcador, no los bloques del grupo, y el grupo queda desequilibrado hasta corregirlo.",
+  confirmDeleteGroupTitle: "Eliminar grupo",
+  confirmDeleteGroup: "\xBFEliminar el grupo {name}?",
+  confirmDeleteGroupHint: "Este grupo contiene {count, plural, one {# bloque} other {# bloques}}. Elige si eliminarlos o conservarlos en la p\xE1gina sin el grupo.",
+  keepGroupBlocks: "Eliminar grupo y conservar bloques",
+  deleteGroupAndBlocks: "{count, plural, =0 {Eliminar grupo} one {Eliminar grupo y # bloque} other {Eliminar grupo y # bloques}}",
   delete: "Eliminar",
   selectBlocks: "Seleccionar bloques",
   selectAll: "Seleccionar todos",
@@ -2938,6 +3214,7 @@ var es_default = {
   gridCellMenu: "M\xE1s acciones para {label}",
   removeFromGroup: "Quitar del grupo",
   gridAdd: "A\xF1adir un bloque",
+  groupAdd: "A\xF1adir un bloque dentro de {label}",
   gridShowList: "Mostrar el grupo {label} como lista",
   gridShowGrid: "Mostrar el grupo {label} como cuadr\xEDcula",
   layoutColumnsField: "Cuadr\xEDcula de dise\xF1o: campo de columnas",
@@ -2946,13 +3223,29 @@ 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
 var de_default = {
   title: "Blockscene",
-  settings: "Galerie",
+  settings: "Allgemein",
   gallery: "Blockgalerie",
   search: "Bl\xF6cke suchen",
   clear: "Suche l\xF6schen",
@@ -2968,6 +3261,17 @@ var de_default = {
   moreActions: "Weitere Aktionen",
   settingsTitle: "Blockscene",
   settingsIntro: "Galerie-Vorschaubilder, Wireframe-Palette und Editor-Einstellungen. \xC4nderungen gelten beim n\xE4chsten \xD6ffnen der Galerie; kein Rebuild n\xF6tig.",
+  settingsGeneral: "Allgemein",
+  settingsGeneralIntro: "Lege fest, wie Blockscene im Editor arbeitet und welche Zeilenaktionen verf\xFCgbar sind.",
+  settingsPreview: "Seitenvorschau",
+  settingsPreviewIntro: "Verbinde die Frontend-Vorschau und konfiguriere Modi, Werkzeugleiste und responsive Breiten.",
+  settingsContentTypes: "Inhaltstypen",
+  settingsContentTypesIntro: "W\xE4hle, wo Blockscene aktiv ist, und passe den visuellen Editor je Inhaltstyp an.",
+  settingsGallery: "Blockgalerie",
+  settingsGalleryIntro: "Konfiguriere Vorschaubilder, Wireframe-Farben, Blocktypen und Filter.",
+  settingsHistory: "Verlauf und Papierkorb",
+  settingsHistoryIntro: "Steuere Versionen, Aufbewahrung von Aktivit\xE4ten und wiederherstellbare L\xF6schungen.",
+  historyUnavailable: "Verlauf und Papierkorb erfordern Strapi 5.",
   palette: "Wireframe-Palette",
   background: "Hintergrund",
   surface: "Fl\xE4chen",
@@ -2997,6 +3301,7 @@ var de_default = {
   showCloseAll: "\u201EAlle zuklappen\u201C anzeigen",
   toggleHelp: "Die Zonenleiste zeigt einen einzigen Button: Sind beide Optionen an, klappt er auf, solange ein Block zugeklappt ist, sonst klappt er alle zu; ist nur eine an, bietet er nur diese Aktion.",
   showRowThumbnails: "Blockvorschaubilder in den Zeilen anzeigen",
+  componentRowThumbnail: "Vorschaubild in der Editorzeile anzeigen",
   initialState: "Anfangszustand der Akkordeons",
   "states.closed": "Alle geschlossen",
   "states.open": "Alle ge\xF6ffnet",
@@ -3004,10 +3309,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 +3320,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",
@@ -3043,6 +3348,7 @@ var de_default = {
   denied: "Zugriff verweigert.",
   loadFailed: "Einstellungen konnten nicht geladen werden. Neu laden, um es erneut zu versuchen.",
   invalidColor: "Farben m\xFCssen #RRGGBB verwenden.",
+  invalidUrl: "Vorschau-URLs m\xFCssen vollst\xE4ndige HTTP- oder HTTPS-Adressen sein.",
   previewLabel: "Palettenvorschau",
   removeGroup: "Gruppe entfernen",
   diagTitle: "Blockgruppen m\xFCssen korrigiert werden; das Ver\xF6ffentlichen wird bis dahin abgelehnt:",
@@ -3077,6 +3383,7 @@ var de_default = {
   contentTypes: "Inhaltstypen",
   contentTypesHelp: "Galerie, Akkordeons und Seitenvorschau arbeiten auf diesen Inhaltstypen (denen mit einer Dynamic Zone). Schalte einen aus, um seine Bearbeitung nativ zu lassen. \u201E\xD6ffnet in\u201C bestimmt, wie jede Bearbeitungsansicht dieses Typs startet; beim Bearbeiten l\xE4sst sich weiter wechseln.",
   typeMode: "\xD6ffnet in",
+  typeAdvanced: "Optionen des visuellen Editors",
   modeDefault: "Standard ({mode})",
   blockModalDone: "Fertig",
   crashed: "Blockscene wurde hier wegen eines Fehlers beendet. Der native Editor ist nicht betroffen. Passiert es erneut, schalte Blockscene unter Settings, Blockscene aus.",
@@ -3111,6 +3418,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})",
@@ -3165,6 +3475,11 @@ var de_default = {
   confirmDeleteTitle: "Block l\xF6schen",
   confirmDelete: "Block {name} l\xF6schen?",
   confirmDeleteMarker: "Dies ist eine Gruppenmarkierung: Nur die Markierung wird entfernt, nicht die Bl\xF6cke der Gruppe, und die Gruppe bleibt unausgeglichen, bis sie korrigiert ist.",
+  confirmDeleteGroupTitle: "Gruppe l\xF6schen",
+  confirmDeleteGroup: "Gruppe {name} l\xF6schen?",
+  confirmDeleteGroupHint: "Diese Gruppe enth\xE4lt {count, plural, one {# Block} other {# Bl\xF6cke}}. L\xF6schen Sie sie oder behalten Sie sie ohne die Gruppe auf der Seite.",
+  keepGroupBlocks: "Gruppe entfernen, Bl\xF6cke behalten",
+  deleteGroupAndBlocks: "{count, plural, =0 {Gruppe l\xF6schen} one {Gruppe und # Block l\xF6schen} other {Gruppe und # Bl\xF6cke l\xF6schen}}",
   delete: "L\xF6schen",
   selectBlocks: "Bl\xF6cke ausw\xE4hlen",
   selectAll: "Alle ausw\xE4hlen",
@@ -3359,6 +3674,7 @@ var de_default = {
   gridCellMenu: "Weitere Aktionen f\xFCr {label}",
   removeFromGroup: "Aus der Gruppe entfernen",
   gridAdd: "Block hinzuf\xFCgen",
+  groupAdd: "Block in {label} hinzuf\xFCgen",
   gridShowList: "Gruppe {label} als Liste anzeigen",
   gridShowGrid: "Gruppe {label} als Raster anzeigen",
   layoutColumnsField: "Layout-Raster: Feld der Spalten",
@@ -3367,13 +3683,29 @@ 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
 var it_default = {
   title: "Blockscene",
-  settings: "Galleria",
+  settings: "Generali",
   gallery: "Galleria dei blocchi",
   search: "Cerca blocchi",
   clear: "Cancella ricerca",
@@ -3389,6 +3721,17 @@ var it_default = {
   moreActions: "Altre azioni",
   settingsTitle: "Blockscene",
   settingsIntro: "Miniature della galleria, palette dei wireframe e preferenze dell'editor. Le modifiche valgono alla prossima apertura della galleria; non serve alcun rebuild.",
+  settingsGeneral: "Generali",
+  settingsGeneralIntro: "Configura il comportamento di Blockscene nell'editor e le azioni disponibili sulle righe.",
+  settingsPreview: "Anteprima pagina",
+  settingsPreviewIntro: "Collega l'anteprima del frontend e configura modalit\xE0, barra degli strumenti e larghezze responsive.",
+  settingsContentTypes: "Tipi di contenuto",
+  settingsContentTypesIntro: "Scegli dove attivare Blockscene e personalizza l'editor visivo per ogni tipo di contenuto.",
+  settingsGallery: "Galleria dei blocchi",
+  settingsGalleryIntro: "Configura miniature, colori dei wireframe, tipi e filtri della galleria.",
+  settingsHistory: "Cronologia e cestino",
+  settingsHistoryIntro: "Gestisci versioni, conservazione delle attivit\xE0 ed eliminazioni recuperabili.",
+  historyUnavailable: "Le impostazioni di cronologia e cestino richiedono Strapi 5.",
   palette: "Palette dei wireframe",
   background: "Sfondo",
   surface: "Superfici",
@@ -3418,6 +3761,7 @@ var it_default = {
   showCloseAll: 'Mostra "Comprimi tutto"',
   toggleHelp: "La barra della zona mostra un solo pulsante: con entrambe le opzioni attive espande finch\xE9 c'\xE8 un blocco compresso, altrimenti li comprime tutti; con una sola, offre solo quell'azione.",
   showRowThumbnails: "Mostra le miniature dei blocchi nelle righe",
+  componentRowThumbnail: "Mostra la miniatura nella riga dell'editor",
   initialState: "Stato iniziale delle fisarmoniche",
   "states.closed": "Tutte chiuse",
   "states.open": "Tutte aperte",
@@ -3425,10 +3769,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 +3780,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",
@@ -3464,6 +3808,7 @@ var it_default = {
   denied: "Accesso negato.",
   loadFailed: "Impossibile caricare le impostazioni. Ricarica per riprovare.",
   invalidColor: "I colori devono usare #RRGGBB.",
+  invalidUrl: "Gli URL di anteprima devono essere indirizzi HTTP o HTTPS completi.",
   previewLabel: "Anteprima della palette",
   removeGroup: "Rimuovi gruppo",
   diagTitle: "I gruppi di blocchi richiedono attenzione; la pubblicazione \xE8 rifiutata finch\xE9 non vengono corretti:",
@@ -3498,6 +3843,7 @@ var it_default = {
   contentTypes: "Tipi di contenuto",
   contentTypesHelp: "La galleria, le fisarmoniche e l'anteprima di pagina funzionano su questi tipi di contenuto (quelli con una Dynamic Zone). Disattivane uno per lasciarne la modifica nativa. \xABSi apre in\xBB \xE8 il modo in cui parte ogni vista di modifica di quel tipo; durante la modifica si pu\xF2 sempre cambiare.",
   typeMode: "Si apre in",
+  typeAdvanced: "Opzioni dell'editor visivo",
   modeDefault: "Predefinito ({mode})",
   blockModalDone: "Fatto",
   crashed: "Blockscene si \xE8 fermato qui a causa di un errore. L'editor nativo non \xE8 toccato. Se succede di nuovo, disattiva Blockscene in Settings, Blockscene.",
@@ -3532,6 +3878,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})",
@@ -3586,6 +3935,11 @@ var it_default = {
   confirmDeleteTitle: "Elimina blocco",
   confirmDelete: "Eliminare il blocco {name}?",
   confirmDeleteMarker: "\xC8 un marcatore di gruppo: viene rimosso solo il marcatore, non i blocchi del gruppo, e il gruppo resta sbilanciato finch\xE9 non viene corretto.",
+  confirmDeleteGroupTitle: "Elimina gruppo",
+  confirmDeleteGroup: "Eliminare il gruppo {name}?",
+  confirmDeleteGroupHint: "Questo gruppo contiene {count, plural, one {# blocco} other {# blocchi}}. Scegli se eliminarli o mantenerli nella pagina senza il gruppo.",
+  keepGroupBlocks: "Rimuovi il gruppo, mantieni i blocchi",
+  deleteGroupAndBlocks: "{count, plural, =0 {Elimina gruppo} one {Elimina gruppo e # blocco} other {Elimina gruppo e # blocchi}}",
   delete: "Elimina",
   selectBlocks: "Seleziona blocchi",
   selectAll: "Seleziona tutti",
@@ -3780,6 +4134,7 @@ var it_default = {
   gridCellMenu: "Altre azioni per {label}",
   removeFromGroup: "Rimuovi dal gruppo",
   gridAdd: "Aggiungi un blocco",
+  groupAdd: "Aggiungi un blocco dentro {label}",
   gridShowList: "Mostra il gruppo {label} come elenco",
   gridShowGrid: "Mostra il gruppo {label} come griglia",
   layoutColumnsField: "Griglia di layout: campo delle colonne",
@@ -3788,13 +4143,29 @@ 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
 var nl_default = {
   title: "Blockscene",
-  settings: "Galerij",
+  settings: "Algemeen",
   gallery: "Blokkengalerij",
   search: "Blokken zoeken",
   clear: "Zoekopdracht wissen",
@@ -3810,6 +4181,17 @@ var nl_default = {
   moreActions: "Meer acties",
   settingsTitle: "Blockscene",
   settingsIntro: "Galerijminiaturen, wireframe-palet en editorvoorkeuren. Wijzigingen gelden bij de volgende opening van de galerij; geen rebuild nodig.",
+  settingsGeneral: "Algemeen",
+  settingsGeneralIntro: "Bepaal hoe Blockscene in de editor werkt en welke rijacties beschikbaar zijn.",
+  settingsPreview: "Paginavoorbeeld",
+  settingsPreviewIntro: "Koppel het frontendvoorbeeld en configureer modi, werkbalk en responsieve breedtes.",
+  settingsContentTypes: "Contenttypes",
+  settingsContentTypesIntro: "Kies waar Blockscene actief is en pas de visuele editor per contenttype aan.",
+  settingsGallery: "Blokkengalerij",
+  settingsGalleryIntro: "Configureer miniaturen, wireframekleuren, bloktypen en filters.",
+  settingsHistory: "Geschiedenis en prullenbak",
+  settingsHistoryIntro: "Beheer versies, activiteitsbewaring en herstelbare verwijderingen.",
+  historyUnavailable: "Instellingen voor geschiedenis en prullenbak vereisen Strapi 5.",
   palette: "Wireframe-palet",
   background: "Achtergrond",
   surface: "Vlakken",
@@ -3839,6 +4221,7 @@ var nl_default = {
   showCloseAll: '"Alles inklappen" tonen',
   toggleHelp: "De zonebalk toont \xE9\xE9n knop: staan beide opties aan, dan klapt hij uit zolang er een blok ingeklapt is en klapt hij anders alles in; staat er maar \xE9\xE9n aan, dan biedt hij alleen die actie.",
   showRowThumbnails: "Blokminiaturen in de rijen tonen",
+  componentRowThumbnail: "Miniatuur in de editorrij tonen",
   initialState: "Beginstand van de accordeons",
   "states.closed": "Alle gesloten",
   "states.open": "Alle open",
@@ -3846,10 +4229,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 +4240,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",
@@ -3885,6 +4268,7 @@ var nl_default = {
   denied: "Toegang geweigerd.",
   loadFailed: "Instellingen konden niet worden geladen. Herlaad om opnieuw te proberen.",
   invalidColor: "Kleuren moeten #RRGGBB gebruiken.",
+  invalidUrl: "Voorbeeld-URL's moeten volledige HTTP- of HTTPS-adressen zijn.",
   previewLabel: "Paletvoorbeeld",
   removeGroup: "Groep verwijderen",
   diagTitle: "Blokgroepen vragen aandacht; publiceren wordt geweigerd tot ze hersteld zijn:",
@@ -3919,6 +4303,7 @@ var nl_default = {
   contentTypes: "Contenttypes",
   contentTypesHelp: 'De galerij, accordeons en paginavoorbeeld werken op deze contenttypes (die met een Dynamic Zone). Zet er een uit om de bewerking native te laten. "Opent in" bepaalt hoe elke bewerkweergave van dat type start; tijdens het bewerken kan je nog wisselen.',
   typeMode: "Opent in",
+  typeAdvanced: "Opties voor de visuele editor",
   modeDefault: "Standaard ({mode})",
   blockModalDone: "Klaar",
   crashed: "Blockscene is hier gestopt door een fout. De native editor blijft werken. Gebeurt het opnieuw, zet Blockscene uit in Settings, Blockscene.",
@@ -3953,6 +4338,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})",
@@ -4007,6 +4395,11 @@ var nl_default = {
   confirmDeleteTitle: "Blok verwijderen",
   confirmDelete: "Blok {name} verwijderen?",
   confirmDeleteMarker: "Dit is een groepsmarkering: alleen de markering wordt verwijderd, niet de blokken in de groep, en de groep blijft onevenwichtig tot hij hersteld is.",
+  confirmDeleteGroupTitle: "Groep verwijderen",
+  confirmDeleteGroup: "Groep {name} verwijderen?",
+  confirmDeleteGroupHint: "Deze groep bevat {count, plural, one {# blok} other {# blokken}}. Verwijder ze of behoud ze op de pagina zonder de groep.",
+  keepGroupBlocks: "Groep verwijderen, blokken behouden",
+  deleteGroupAndBlocks: "{count, plural, =0 {Groep verwijderen} one {Groep en # blok verwijderen} other {Groep en # blokken verwijderen}}",
   delete: "Verwijderen",
   selectBlocks: "Blokken selecteren",
   selectAll: "Alles selecteren",
@@ -4201,6 +4594,7 @@ var nl_default = {
   gridCellMenu: "Meer acties voor {label}",
   removeFromGroup: "Uit de groep halen",
   gridAdd: "Blok toevoegen",
+  groupAdd: "Blok toevoegen binnen {label}",
   gridShowList: "Groep {label} als lijst tonen",
   gridShowGrid: "Groep {label} als raster tonen",
   layoutColumnsField: "Layoutraster: veld met kolommen",
@@ -4209,7 +4603,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
@@ -4313,8 +4723,15 @@ function RowPreviews({ zones, components, catalog, Modal: Modal3 }) {
   const candidates = (uid) => candidatesFor(uid, catalog?.components?.[uid] || {}, catalog || {});
   const label = (uid) => catalog?.components?.[uid]?.label || components?.[uid]?.info?.displayName || uid;
   const srcOf = (uid) => candidates(uid)[resolved[uid] ?? -1] || "";
+  const visible = anchors.filter(({ uid }) => showRowThumbnail(uid, catalog));
   React2.useEffect(() => {
     for (const { el, uid } of anchors) {
+      if (!showRowThumbnail(uid, catalog)) {
+        el.style.removeProperty("cursor");
+        for (const name of ["role", "tabindex", "aria-label"])
+          el.removeAttribute(name);
+        continue;
+      }
       if (srcOf(uid)) {
         el.setAttribute("role", "button");
         el.setAttribute("tabindex", "0");
@@ -4326,7 +4743,7 @@ function RowPreviews({ zones, components, catalog, Modal: Modal3 }) {
     }
   });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    anchors.map(
+    visible.map(
       (a) => (0, import_react_dom.createPortal)(
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "span",
@@ -4549,7 +4966,15 @@ function movedRow(prev, next, actor) {
 }
 function keepGroupsTogether(prev, next, groups, actor) {
   if (!groups) return null;
-  const move = movedRow(prev, next, actor);
+  let move = movedRow(prev, next, actor);
+  if (!move && actor == null) {
+    const candidates = prev.flatMap((row) => {
+      if (!(0, import_groups2.isOpener)(row, groups)) return [];
+      const candidate = movedRow(prev, next, (0, import_groups2.blockKey)(row));
+      return candidate && (0, import_groups2.isOpener)(prev[candidate.from], groups) ? [candidate] : [];
+    });
+    if (candidates.length === 1) move = candidates[0];
+  }
   if (!move || !(0, import_groups2.isOpener)(prev[move.from], groups)) return null;
   const start = move.from, end = groupOutline(prev, groups)[start].end;
   if (end == null) return null;
@@ -4902,6 +5327,7 @@ var DEPTH = "data-blockscene-depth";
 var KIND = "data-blockscene-group";
 var FOLD = "data-blockscene-fold";
 var COUNT = "data-blockscene-fold-count";
+var INSERT = "data-blockscene-group-insert";
 var GRID_BOX = "data-blockscene-grid";
 var STEP = "2.4rem";
 var folded = /* @__PURE__ */ new Set();
@@ -4923,6 +5349,14 @@ var Count = import_styled_components3.default.span`
   margin-right: 4px; padding: 1px 6px; border-radius: 3px; font-size: 11px; font-weight: 600; line-height: 16px; white-space: nowrap;
   color: ${({ theme }) => theme.colors.primary700}; background: ${({ theme }) => theme.colors.primary100};
 `;
+var GroupInsert = import_styled_components3.default.button`
+  display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 42px; padding: 8px 12px;
+  border: 1px dashed ${({ theme }) => theme.colors.primary600}; border-radius: 4px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 600;
+  color: ${({ theme }) => theme.colors.primary600}; background: ${({ theme }) => theme.colors.neutral0};
+  &:hover:not(:disabled) { background: ${({ theme }) => theme.colors.primary100}; }
+  &:disabled { opacity: 0.5; cursor: default; }
+  &:focus-visible { outline: 2px solid ${({ theme }) => theme.colors.primary600}; outline-offset: 1px; }
+`;
 function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, components, catalog, openBlock, openInsert }) {
   const t = useMessages();
   const theme = (0, import_styled_components3.useTheme)();
@@ -5018,18 +5452,34 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
         for (const index of unfold) for (const p of outline[index]?.parents || []) folded.delete(idOf(p));
         const isFolded = (i) => outline[i].end != null && folded.has(idOf(i));
         const grid = [];
+        const anchorByOpen = /* @__PURE__ */ new Map();
         lis.forEach((li, i) => {
           const o = outline[i];
           seen.add(li);
           set(li, DEPTH, o.depth ? String(o.depth) : null);
           if (o.depth) li.style.setProperty("--bs-depth", String(o.depth));
           set(li, KIND, o.kind === "block" ? null : o.kind);
-          const inGrid = (o.kind === "close" ? o.parents.slice(0, -1) : o.parents).some((p) => grid[p]);
+          const inGrid = o.parents.some((p) => grid[p]);
           const hidden = o.parents.some(isFolded) || inGrid;
           set(li, FOLDED, hidden ? "" : null);
           const layout = o.kind === "open" && o.end != null ? layouts2?.[rows[i].__component] || null : null;
           const toggle = li.querySelector("button[aria-expanded]");
           grid[i] = Boolean(layout && toggle?.parentElement) && !hidden && !isFolded(i) && !listed.has(idOf(i));
+          if (o.kind === "close") {
+            const open = o.parents[o.parents.length - 1];
+            const anchor2 = anchorByOpen.get(open);
+            if (anchor2 && !grid[open] && !hidden) {
+              let insertEl = li.querySelector(`:scope > [${INSERT}]`);
+              if (!insertEl) {
+                insertEl = document.createElement("div");
+                insertEl.setAttribute(INSERT, "");
+                li.appendChild(insertEl);
+              }
+              anchor2.insertEl = insertEl;
+              anchor2.after = blockKey(rows[Math.max(open, i - 1)]);
+            }
+            return;
+          }
           if (o.kind !== "open" || o.end == null || !toggle?.parentElement) return;
           let gridEl = li.querySelector(`:scope > [${GRID_BOX}]`);
           if (grid[i] && !gridEl) {
@@ -5052,15 +5502,32 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
             countEl.style.cssText = "display:inline-flex;align-items:center";
             actions.insertBefore(countEl, actions.firstChild);
           }
-          next.push({ el, countEl, zone: zone.name, index: i, id: idOf(i), count: o.count || 0, open: !isFolded(i), label: labelOf2(rows[i]), layout, gridEl });
+          const anchor = {
+            el,
+            countEl,
+            insertEl: null,
+            after: null,
+            full: Boolean(zone.full),
+            zone: zone.name,
+            index: i,
+            id: idOf(i),
+            count: o.count || 0,
+            open: !isFolded(i),
+            label: labelOf2(rows[i]),
+            layout,
+            gridEl
+          };
+          next.push(anchor);
+          anchorByOpen.set(i, anchor);
         });
       }
     landed.current = null;
     for (const li of document.querySelectorAll(`li[${DEPTH}], li[${KIND}], li[${FOLDED}]`))
       if (!seen.has(li)) for (const name of [DEPTH, KIND, FOLDED]) li.removeAttribute(name);
-    for (const el of document.querySelectorAll(`[${FOLD}], [${COUNT}], [${GRID_BOX}]`)) if (!next.some((a) => a.el === el || a.countEl === el || a.gridEl === el)) el.remove();
+    for (const el of document.querySelectorAll(`[${FOLD}], [${COUNT}], [${GRID_BOX}], [${INSERT}]`))
+      if (!next.some((a) => a.el === el || a.countEl === el || a.gridEl === el || a.insertEl === el)) el.remove();
     setAnchors(
-      (prev) => prev.length === next.length && prev.every((a, i) => ["el", "countEl", "id", "index", "count", "open", "label", "layout", "gridEl"].every((k) => a[k] === next[i][k])) ? prev : next
+      (prev) => prev.length === next.length && prev.every((a, i) => ["el", "countEl", "insertEl", "after", "full", "id", "index", "count", "open", "label", "layout", "gridEl"].every((k) => a[k] === next[i][k])) ? prev : next
     );
   };
   React4.useEffect(() => {
@@ -5078,7 +5545,7 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
     return () => {
       observer.disconnect();
       cancelAnimationFrame(frame2);
-      for (const el of document.querySelectorAll(`[${FOLD}], [${COUNT}], [${GRID_BOX}]`)) el.remove();
+      for (const el of document.querySelectorAll(`[${FOLD}], [${COUNT}], [${GRID_BOX}], [${INSERT}]`)) el.remove();
       for (const li of document.querySelectorAll(`li[${DEPTH}], li[${KIND}], li[${FOLDED}]`)) for (const name of [DEPTH, KIND, FOLDED]) li.removeAttribute(name);
     };
   }, []);
@@ -5095,10 +5562,8 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
 ${list2}[${DEPTH}] { padding-left: calc(var(--bs-depth) * ${STEP}); background: repeating-linear-gradient(to right, ${line} 0 2px, transparent 2px ${STEP}) 1.1rem 0 / calc(var(--bs-depth) * ${STEP}) 100% no-repeat; }
 ${list2}[${FOLDED}]:not([data-bp-block-modal]) { display: none !important; }
 ${list2}[data-bp-block-modal] { padding-left: 0 !important; background-image: none !important; }
-${list2}[${KIND}="close"] [data-handler-id] { display: none !important; }
-${list2}[${KIND}="close"] button[aria-expanded]:first-of-type { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0.7; }
-${list2}[${KIND}="close"] button[aria-expanded]:first-of-type + * { padding-top: 0 !important; padding-bottom: 0 !important; }
-${list2}[${KIND}="close"] button[aria-expanded] [data-blockscene-row-thumb] { display: none; }` }),
+${list2}[${KIND}="close"] > *:not([${INSERT}]) { display: none !important; }
+${list2}[${KIND}="close"] [${INSERT}] { display: block; padding: 8px 12px; }` }),
     anchors.map(
       (a) => (0, import_react_dom2.createPortal)(
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -5152,7 +5617,27 @@ ${list2}[${KIND}="close"] button[aria-expanded] [data-blockscene-row-thumb] { di
         a.gridEl,
         `grid:${a.zone}:${a.index}`
       ) : null;
-    })
+    }),
+    anchors.map(
+      (a) => a.insertEl ? (0, import_react_dom2.createPortal)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          GroupInsert,
+          {
+            type: "button",
+            disabled: a.full,
+            title: a.full ? t.zoneFull : void 0,
+            "data-testid": `group-add-${a.zone}-${a.index}`,
+            onClick: () => openInsert?.(a.zone, a.after),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "plus", size: 14 }),
+              t.f("groupAdd", { label: a.label })
+            ]
+          }
+        ),
+        a.insertEl,
+        `insert:${a.zone}:${a.index}`
+      ) : null
+    )
   ] });
 }
 function ViewToggle({ grid, testid, label, onFlip }) {
@@ -5355,9 +5840,33 @@ function useRowActions({ zones, components, catalog, form }) {
     if (hiddenName) form.setRows(zoneName, setHidden(rows, index, groups, hiddenName, rows[index]?.[hiddenName] !== true));
   };
   const paste = (zoneName, at) => pasteInto(form, zoneOf(zoneName), clip, components, groups, t, at);
+  const changeGroup = (zoneName, key, keepBlocks) => {
+    const rows = form.rows(zoneName);
+    const next = keepBlocks ? (0, import_groups2.unwrapGroup)(rows, key, groups) : (0, import_groups2.removeGroup)(rows, key, groups);
+    if (next) form.setRows(zoneName, next);
+  };
   const pastable = (zoneName) => !["empty", "notAllowed"].includes(pasteProblem(clip, zoneOf(zoneName), form.rows(zoneName), components, groups)?.code);
   const selectable = (zoneName) => form.rows(zoneName).filter((row) => canAct(row, groups)).map((row) => blockKey(row)).filter(Boolean);
-  return { t, editor, groups, hiddenName, clip, selection, setSelection, busy, form, labelOf, duplicate, copy: copy2, toggleHidden, paste, pastable, selectable, isMarker: (row) => isGroupMarker(row, groups) };
+  return {
+    t,
+    editor,
+    groups,
+    hiddenName,
+    clip,
+    selection,
+    setSelection,
+    busy,
+    form,
+    labelOf,
+    duplicate,
+    copy: copy2,
+    toggleHidden,
+    paste,
+    pastable,
+    selectable,
+    changeGroup,
+    isMarker: (row) => isGroupMarker(row, groups)
+  };
 }
 var RowButton = import_styled_components4.default.button`
   display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0;
@@ -5381,7 +5890,7 @@ function RowActions({ zones, actions, Modal: Modal3 }) {
   const latest = React5.useRef({ zones, a });
   latest.current = { zones, a };
   React5.useEffect(() => {
-    if (!a || e.confirmDelete === false) return;
+    if (!a) return;
     const onClick = (event) => {
       const button = event.target?.closest?.("button");
       if (!button || bypass.current) return;
@@ -5391,10 +5900,23 @@ function RowActions({ zones, actions, Modal: Modal3 }) {
         const headers = toggles(list2);
         const index = headers.findIndex((toggle) => trashOf(toggle) === button);
         if (index < 0) return;
+        const row = latest.current.a?.form.rows(zone.name)[index];
+        const marker2 = Boolean(latest.current.a?.isMarker(row));
+        if (!marker2 && e.confirmDelete === false) return;
         event.preventDefault();
         event.stopPropagation();
-        const row = latest.current.a?.form.rows(zone.name)[index];
-        setConfirm({ button, label: headers[index].textContent?.trim() || latest.current.a?.labelOf(row), marker: Boolean(latest.current.a?.isMarker(row)) });
+        if (marker2 && !canAct(row, latest.current.a?.groups)) return;
+        const key = blockKey(row) || "";
+        const rows = latest.current.a.form.rows(zone.name);
+        const range = marker2 ? actionRange(rows, index, latest.current.a.groups) : [index, index];
+        setConfirm({
+          button,
+          label: latest.current.a?.labelOf(row) || headers[index].textContent?.trim(),
+          kind: marker2 ? "group" : "block",
+          zone: zone.name,
+          key,
+          count: marker2 ? rows.slice(range[0] + 1, range[1]).filter((item) => canAct(item, latest.current.a.groups)).length : 0
+        });
         return;
       }
     };
@@ -5422,6 +5944,11 @@ function RowActions({ zones, actions, Modal: Modal3 }) {
       bypass.current = false;
     }
   };
+  const confirmGroup = (keepBlocks) => {
+    const target = confirm;
+    setConfirm(null);
+    if (target?.kind === "group") a.changeGroup(target.zone, target.key, keepBlocks);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: `li[${HIDDEN_ATTR}] button[aria-expanded] { opacity: 0.5; }
 ol[aria-describedby] > li button[data-strapi-accordion-toggle] { overflow: hidden; }
@@ -5501,14 +6028,25 @@ ol[aria-describedby] > li button[data-strapi-accordion-toggle] > span:last-child
         `${zone}:${index}`
       );
     }),
-    confirm && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Modal3, { open: true, width: "48rem", onOpenChange: (open) => !open && setConfirm(null), trigger: null, title: t.confirmDeleteTitle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-confirm-delete", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Typography, { children: t.f("confirmDelete", { name: confirm.label }) }),
-      confirm.marker && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Typography, { variant: "pi", textColor: "neutral600", children: t.confirmDeleteMarker }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system.Flex, { gap: 2, justifyContent: "flex-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Button, { variant: "tertiary", onClick: () => setConfirm(null), "data-testid": "row-confirm-cancel", children: t.cancel }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Button, { variant: "danger", onClick: confirmDelete, "data-testid": "row-confirm-ok", children: t.delete })
-      ] })
-    ] }) })
+    confirm && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Modal3,
+      {
+        open: true,
+        width: "48rem",
+        onOpenChange: (open) => !open && setConfirm(null),
+        trigger: null,
+        title: confirm.kind === "group" ? t.confirmDeleteGroupTitle : t.confirmDeleteTitle,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-confirm-delete", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Typography, { children: t.f(confirm.kind === "group" ? "confirmDeleteGroup" : "confirmDelete", { name: confirm.label, count: confirm.count }) }),
+          confirm.kind === "group" && confirm.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Typography, { variant: "pi", textColor: "neutral600", children: t.f("confirmDeleteGroupHint", { count: confirm.count }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system.Flex, { gap: 2, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Button, { variant: "tertiary", onClick: () => setConfirm(null), "data-testid": "row-confirm-cancel", children: t.cancel }),
+            confirm.kind === "group" && confirm.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Button, { variant: "secondary", onClick: () => confirmGroup(true), "data-testid": "row-confirm-unwrap", children: t.keepGroupBlocks }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system.Button, { variant: "danger", onClick: confirm.kind === "group" ? () => confirmGroup(false) : confirmDelete, "data-testid": "row-confirm-ok", children: confirm.kind === "group" ? t.f("deleteGroupAndBlocks", { count: confirm.count }) : t.delete })
+          ] })
+        ] })
+      }
+    )
   ] });
 }
 function zoneMenuItems(zone, a) {
@@ -5866,6 +6404,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 +7101,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,8 +7387,14 @@ 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 topNavigationInset(navs, viewportWidth) {
+  return Math.round(Math.max(0, ...(Array.isArray(navs) ? navs : []).flatMap((nav) => {
+    const rect = nav?.rect || {};
+    return ["fixed", "sticky"].includes(nav?.position) && Math.abs(Number(rect.top) || 0) <= 1 && (Number(rect.left) || 0) <= 1 && Number(rect.right) >= viewportWidth - 1 && Number(rect.height) > 0 && Number(rect.height) <= 128 ? [Number(rect.bottom) || Number(rect.height)] : [];
+  })));
+}
 function toolbarLayout(list2) {
   const ids = Array.isArray(list2) ? list2.filter((id, i) => TOOLBAR.includes(id) && list2.indexOf(id) === i) : TOOLBAR;
   const at = ids.findIndex((id) => RIGHT.includes(id));
@@ -6981,6 +7529,25 @@ function useMainRect() {
   }, []);
   return rect;
 }
+function useAdminTopInset() {
+  const [inset, setInset] = React8.useState(0);
+  React8.useLayoutEffect(() => {
+    const navs = () => [...document.querySelectorAll("nav")];
+    const measure = () => setInset(topNavigationInset(navs().map((nav) => ({
+      position: getComputedStyle(nav).position,
+      rect: nav.getBoundingClientRect()
+    })), window.innerWidth));
+    measure();
+    const observer = "ResizeObserver" in window ? new ResizeObserver(measure) : null;
+    navs().forEach((nav) => observer?.observe(nav));
+    window.addEventListener("resize", measure);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("resize", measure);
+    };
+  }, []);
+  return inset;
+}
 var Handle = import_styled_components6.default.div`
   position: absolute;
   top: 0;
@@ -7069,6 +7636,7 @@ body.bp-block-modal [data-bp-block-modal] { position: fixed !important; top: ${B
   background: ${background}; border-radius: 0 0 8px 8px; box-shadow: 0 8px 32px rgba(33, 33, 52, 0.3); }
 body.bp-block-modal [data-bp-block-modal]::before, body.bp-block-modal [data-bp-block-modal]::after { display: none !important; }
 body.bp-block-modal [data-bp-block-modal] > div { margin: 0 !important; padding-top: 0 !important; }
+body.bp-block-modal > div:has(> [role="listbox"]) { z-index: 1002 !important; }
 body.bp-block-modal [data-bp-modal-hide] { display: none !important; }`;
 var DRAWER_WIDTH = 640;
 var fieldsStyle = (background, drawer) => `
@@ -7077,6 +7645,7 @@ body.bp-fields [data-bp-show] { grid-column: 1 / -1 !important; }
 body.bp-fields [data-bp-flat] { border: 0 !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; }
 body.bp-fields [data-bp-fields] { position: fixed !important; z-index: 1001; overflow: auto; margin: 0 !important;
   padding: 1.6rem 2.4rem; background: ${background}; box-shadow: 0 8px 32px rgba(33, 33, 52, 0.3); }
+body.bp-fields > div:has(> [role="listbox"]) { z-index: 1002 !important; }
 body.bp-fields [data-bp-fields="modal"] { top: ${BLOCK_TOP}; left: 50%; transform: translateX(-50%); width: min(96rem, 92vw);
   max-height: calc(88vh - 5.6rem); border-radius: 0 0 8px 8px; }
 ${drawer ? `body.bp-fields [data-bp-fields="drawer"] { top: ${drawer.top + 56}px; left: ${drawer.left}px; width: ${drawer.width}px; height: ${drawer.height - 56}px; }` : ""}`;
@@ -7296,7 +7865,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);
@@ -7316,12 +7886,15 @@ function PagePreview({
     return v > 0 && v < 1 ? v : 0.5;
   });
   const main = useMainRect();
+  const topInset = useAdminTopInset();
   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);
+  const [deletingGroup, setDeletingGroup] = React8.useState(null);
   const [hovered, setHovered] = React8.useState(null);
   const [edge, setEdge] = React8.useState(null);
   const hoverRow = React8.useRef(null);
@@ -7363,7 +7936,13 @@ 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 viewValues = React8.useRef({});
+  viewValues.current = version ? version.values : values;
+  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 +7961,8 @@ function PagePreview({
     setMode,
     onChange,
     clip,
-    clipCount
+    clipCount,
+    readOnly
   });
   live.current = {
     mode,
@@ -7392,7 +7972,8 @@ function PagePreview({
     setMode,
     onChange,
     clip,
-    clipCount
+    clipCount,
+    readOnly
   };
   const send = React8.useCallback(() => {
     iframe.current?.contentWindow?.postMessage(
@@ -7400,20 +7981,45 @@ function PagePreview({
         protocol: PROTOCOL,
         channel,
         type: "update-page",
+        entry: projectEntry(
+          viewValues.current,
+          host.contentType,
+          live.current.components,
+          window.location.origin,
+          host.readable
+        ),
+        contentType: {
+          uid: host.model,
+          kind: host.contentType?.kind,
+          singularName: host.contentType?.info?.singularName,
+          pluralName: host.contentType?.info?.pluralName,
+          displayName: host.contentType?.info?.displayName
+        },
+        zone,
         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, host.contentType, host.model, host.readable, zone]);
+  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 +8176,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 +8193,7 @@ function PagePreview({
         clearTimeout(timeout);
         setReady(true);
         setFailed(false);
+        setReadOnlyBridge(Array.isArray(event.data.capabilities) && event.data.capabilities.includes("readOnly"));
         send();
         return;
       }
@@ -7616,12 +8225,17 @@ function PagePreview({
         return;
       }
       if (is("delete-group") && canEdit2 && groups) {
-        const next = (0, import_groups.removeGroup)(
-          latest.current,
-          String(event.data.key),
-          groups
-        );
-        if (next) onChange2(zone, next);
+        const key2 = String(event.data.key);
+        const start = latest.current.findIndex((row) => blockKey(row) === key2);
+        if (start < 0) return;
+        const [, end] = (0, import_groups.groupRange)(latest.current, start, groups);
+        if (end <= start || latest.current[end]?.__component !== groups[latest.current[start]?.__component]) return;
+        const closes = new Set(Object.values(groups));
+        setDeletingGroup({
+          key: key2,
+          label: components?.[latest.current[start]?.__component]?.info?.displayName || latest.current[start]?.__component || "",
+          count: latest.current.slice(start + 1, end).filter((row) => !closes.has(row?.__component)).length
+        });
         return;
       }
       if (is("insert-group") && canEdit2 && groups) {
@@ -7712,9 +8326,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 +8351,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 +8405,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 = {
@@ -7805,6 +8419,12 @@ function PagePreview({
       applyWidth(map[event.key], true);
     }
   };
+  const confirmGroupDelete = (keepBlocks) => {
+    if (!deletingGroup || !zone) return;
+    const next = keepBlocks ? (0, import_groups.unwrapGroup)(latest.current, deletingGroup.key, groups) : (0, import_groups.removeGroup)(latest.current, deletingGroup.key, groups);
+    setDeletingGroup(null);
+    if (next) onChange(zone, next);
+  };
   return (
     // Hidden anchor in the side panels column: split mode and the sidebar items find the edit view's grid from here.
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: anchor, children: [
@@ -7815,6 +8435,7 @@ function PagePreview({
             "data-testid": "page-preview-pane",
             "aria-label": t.previewPane,
             style: {
+              top: topInset,
               left: mode === "preview" || narrow ? main.left : main.left + main.width - paneWidth,
               width: mode === "preview" || narrow ? main.width : paneWidth,
               userSelect: dragging ? "none" : void 0
@@ -7900,7 +8521,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,68 +8529,83 @@ ${/* 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
               ] })
             ]
           }
         ),
         document.body
       ),
+      deletingGroup && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Modal3, { open: true, width: "48rem", onOpenChange: (open) => !open && setDeletingGroup(null), trigger: null, title: t.confirmDeleteGroupTitle, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "preview-confirm-delete-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Typography, { children: t.f("confirmDeleteGroup", { name: deletingGroup.label, count: deletingGroup.count }) }),
+        deletingGroup.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.f("confirmDeleteGroupHint", { count: deletingGroup.count }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system4.Flex, { gap: 2, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Button, { variant: "tertiary", onClick: () => setDeletingGroup(null), children: t.cancel }),
+          deletingGroup.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Button, { variant: "secondary", onClick: () => confirmGroupDelete(true), children: t.keepGroupBlocks }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Button, { variant: "danger", onClick: () => confirmGroupDelete(false), children: t.f("deleteGroupAndBlocks", { count: deletingGroup.count }) })
+        ] })
+      ] }) }),
       inserting && insertAttr && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         PickerModal,
         {
@@ -7990,6 +8626,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 +8751,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;
@@ -8160,11 +8798,15 @@ function usePreviewHost5() {
   const { toggleNotification } = (0, import_admin.useNotification)();
   const components = (0, import_admin.useStrapiApp)("BlockscenePagePreview", (state) => state.components);
   const fields = c.layout?.edit?.layout?.flat(3) || [];
+  const layoutFields = React9.useMemo(
+    () => new Set(fields.map((field) => field?.name).filter(Boolean)),
+    [c.layout?.edit?.layout]
+  );
   const latest = React9.useRef(values);
   latest.current = values;
   const readable = React9.useCallback(
-    (name) => c.isCreatingEntry || (rbac.canReadFields || []).includes(name),
-    [c.isCreatingEntry, rbac.canReadFields]
+    (name) => fieldReadable(name, rbac.canReadFields, c.isCreatingEntry) || layoutFields.has(name.split(".")[0]),
+    [c.isCreatingEntry, layoutFields, rbac.canReadFields]
   );
   return {
     ds: 2,
@@ -8438,6 +9080,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 +9089,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 +9110,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 +9225,291 @@ 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 ContentTypeGrid = import_styled_components8.default.div`
+  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 16px; align-items: start;
+`;
+var ContentTypeCard = import_styled_components8.default.div`
+  display: flex; flex-direction: column; gap: 16px; padding: 20px; border-radius: 4px;
+  border: 1px solid ${({ theme }) => theme.colors.neutral200}; background: ${({ theme }) => theme.colors.neutral0};
+`;
+var ContentTypeTop = import_styled_components8.default.div`
+  display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 240px); gap: 16px; align-items: end;
+  @media (max-width: 520px) { grid-template-columns: 1fr; }
+`;
+var Advanced = import_styled_components8.default.details`
+  border-top: 1px solid ${({ theme }) => theme.colors.neutral200}; padding-top: 12px;
+  summary { cursor: pointer; color: ${({ theme }) => theme.colors.neutral800}; font-size: 13px; font-weight: 600; }
+  summary::marker { color: ${({ theme }) => theme.colors.neutral500}; }
+  &[open] summary { margin-bottom: 16px; }
+`;
+var ToolbarSection = import_styled_components8.default.div`
+  display: flex; flex-direction: column; gap: 12px; margin-top: 16px; padding-top: 16px;
+  border-top: 1px solid ${({ theme }) => theme.colors.neutral200};
+`;
+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 +9522,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 +9546,34 @@ 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) => {
-      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 })
+  const external = value.join(", ");
+  const input = React12.useRef(null);
+  const focused = React12.useRef(false);
+  const parse = (next) => [...new Set(next.split(",").map((tag) => tag.replace(/[<>]/g, "").trim().slice(0, 24)).filter(Boolean))].slice(0, 10);
+  React12.useEffect(() => {
+    if (!focused.current && input.current && input.current.value !== external) input.current.value = external;
+  }, [external]);
+  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",
+      {
+        ref: input,
+        name,
+        defaultValue: external,
+        disabled,
+        spellCheck: false,
+        onFocus: () => {
+          focused.current = true;
+        },
+        onBlur: (e) => {
+          focused.current = false;
+          onChange(parse(e.currentTarget.value));
+        },
+        style: { padding: "6px 8px", border: "1px solid #dcdce4", borderRadius: 4, fontSize: 13 }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: hint })
   ] });
 }
 var FIELD_UID = /^(plugin|global)::[\w.-]+$/;
@@ -8629,11 +9581,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 +9595,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 +9630,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 +9660,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 +9675,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 +9683,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 +9693,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 +9713,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 +9733,9 @@ 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, "data-testid": `sidebar-editor-${type.uid}`, children: [
+    /* @__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, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       SelectField2,
       {
         name: id("position"),
@@ -8795,21 +9746,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 +9771,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 +9792,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,30 +9806,30 @@ 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 }) })
     ] })
   ] });
 }
 var permissions = { read: [{ action: "plugin::blockscene.settings.read", subject: null }], update: [{ action: "plugin::blockscene.settings.update", subject: null }] };
-function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: MediaPicker2, ToggleField: ToggleField2, SelectField: SelectField2, TextField: TextField2, lazyEditors = false }) {
+function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: MediaPicker2, ToggleField: ToggleField2, SelectField: SelectField2, TextField: TextField2, lazyEditors = false, section = "general" }) {
   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]) => {
+    Promise.all([get("/blockscene/settings"), section === "gallery" ? get("/blockscene/catalog") : Promise.resolve({ data: {} })]).then(([s, c]) => {
       if (!active) return;
       setData(s.data);
       setSettings(s.data.settings);
@@ -8890,18 +9841,20 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
     return () => {
       active = false;
     };
-  }, [get, canRead, isLoading]);
+  }, [get, canRead, isLoading, section]);
   const update = (patch) => {
     setSettings((current) => patch(structuredClone(current)));
     setDirty(true);
     setStatus("");
   };
-  const badColor = settings && (Object.values(settings.palette).some((value) => !COLOR2.test(value)) || [settings.editor.previewUrl, settings.editor.blockPreviewUrl].some((url) => url && !/^https?:\/\/\S+$/.test(url)));
+  const badPalette = settings && Object.values(settings.palette).some((value) => !COLOR2.test(value));
+  const badPreviewUrl = settings && [settings.editor.previewUrl, settings.editor.blockPreviewUrl].some((url) => url && !/^https?:\/\/\S+$/.test(url));
   const badSidebar = settings && Object.values(settings.contentTypes || {}).some((entry) => (entry.sidebar || []).some(badItem));
   const badLazy = settings && badUids(settings.editor.lazyFields);
   const badHistory = settings && data?.historyTypes && badRetention(settings.history);
-  const badPane = settings && [settings.editor, ...Object.values(settings.contentTypes || {})].some((entry) => entry.previewDevices && badDevices(entry.previewDevices));
-  const invalid = badColor || badSidebar || badLazy || badHistory || badPane;
+  const badEditorPane = settings && settings.editor.previewDevices && badDevices(settings.editor.previewDevices);
+  const badTypePane = settings && Object.values(settings.contentTypes || {}).some((entry) => entry.previewDevices && badDevices(entry.previewDevices));
+  const invalid = section === "general" ? badLazy : section === "preview" ? badPreviewUrl || badEditorPane : section === "content-types" ? badSidebar || badTypePane : section === "gallery" ? badPalette : badHistory;
   const save = async () => {
     if (!settings || invalid || !canUpdate) return;
     setSaving(true);
@@ -8953,36 +9906,38 @@ 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 sectionTitle = t[`settings${section === "content-types" ? "ContentTypes" : section[0].toUpperCase() + section.slice(1)}`];
+  const sectionIntro = t[`settings${section === "content-types" ? "ContentTypes" : section[0].toUpperCase() + section.slice(1)}Intro`];
+  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 && section === "general" && /* @__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: sectionTitle }),
       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: sectionTitle }),
       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: sectionIntro }),
+    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 }) }),
+      section === "gallery" && /* @__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 +9951,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] })
+        badPalette && /* @__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) => {
+      section === "general" && /* @__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 +10001,32 @@ 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 }),
+        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_runtime13.jsx)(
+            UidListField,
+            {
+              TextField: TextField2,
+              name: "editor-lazyFields",
+              label: t.lazyFields,
+              value: editor.lazyFields || [],
+              disabled: !canUpdate || saving || editor.lazyEditors === false,
+              placeholder: "plugin::ckeditor5.CKEditor",
+              onChange: (uids) => update((s) => {
+                s.editor.lazyFields = uids;
+                return 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 })
+        ] })
+      ] }) }),
+      section === "preview" && /* @__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)(
           TextField2,
           {
             name: "editor-blockPreviewUrl",
@@ -9061,8 +10040,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 +10055,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 +10071,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,51 +10089,30 @@ 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) => {
-            s.editor.lazyEditors = v;
+        badPreviewUrl && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", textColor: "danger600", children: t.invalidUrl }),
+        lazyEditors && 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)(
-            UidListField,
-            {
-              TextField: TextField2,
-              name: "editor-lazyFields",
-              label: t.lazyFields,
-              value: editor.lazyFields || [],
-              disabled: !canUpdate || saving || editor.lazyEditors === false,
-              placeholder: "plugin::ckeditor5.CKEditor",
-              onChange: (uids) => update((s) => {
-                s.editor.lazyFields = uids;
-                return s;
-              })
-            }
-          ),
-          /* @__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) => {
-              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) => {
+      section === "general" && /* @__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 +10126,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)(
+      section === "history" && data.historyTypes && settings.history && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         HistorySettings,
         {
           types: data.historyTypes,
@@ -9184,10 +10143,10 @@ 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.map((type) => {
+      section === "history" && !data.historyTypes && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { textColor: "neutral600", children: t.historyUnavailable }) }),
+      section === "content-types" && (data.contentTypes || []).length > 0 && /* @__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.Box, { padding: 4, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContentTypeGrid, { children: data.contentTypes.map((type) => {
           const entry = settings.contentTypes?.[type.uid] || {};
           const set2 = (key, value, fallback) => update((s) => {
             const next = { ...s.contentTypes?.[type.uid] || {} };
@@ -9198,9 +10157,10 @@ 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)(
+          const customized = Boolean(entry.sidebar?.length || entry.sidebarPosition || entry.previewToolbar || entry.previewDevices);
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ContentTypeCard, { "data-testid": `content-type-${type.uid}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ContentTypeTop, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 ToggleField2,
                 {
                   name: `type-enabled-${type.uid}`,
@@ -9210,7 +10170,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, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 SelectField2,
                 {
                   name: `type-mode-${type.uid}`,
@@ -9222,48 +10182,54 @@ 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)(
-                ToggleField2,
-                {
-                  name: `type-pane-${type.uid}`,
-                  label: t.f("paneTypeOverride", { name: type.displayName }),
-                  value: Boolean(entry.previewToolbar || entry.previewDevices),
-                  disabled: !canUpdate || saving,
-                  onChange: (v) => {
-                    set2("previewToolbar", v ? [...editor.previewToolbar || TOOLBAR2] : void 0, void 0);
-                    set2("previewDevices", v ? structuredClone(editor.previewDevices || DEVICE_NAMES) : void 0, void 0);
+            entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Advanced, { defaultOpen: customized, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("summary", { children: t.typeAdvanced }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarEditor, { type, entry, set: set2, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ToolbarSection, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  ToggleField2,
+                  {
+                    name: `type-pane-${type.uid}`,
+                    label: t.f("paneTypeOverride", { name: type.displayName }),
+                    value: Boolean(entry.previewToolbar || entry.previewDevices),
+                    disabled: !canUpdate || saving,
+                    onChange: (v) => {
+                      set2("previewToolbar", v ? [...editor.previewToolbar || TOOLBAR2] : void 0, void 0);
+                      set2("previewDevices", v ? structuredClone(editor.previewDevices || DEVICE_NAMES) : void 0, void 0);
+                    }
                   }
-                }
-              ),
-              (entry.previewToolbar || entry.previewDevices) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                PaneEditor,
-                {
-                  id: `type-${type.uid}`,
-                  toolbar: entry.previewToolbar || editor.previewToolbar || TOOLBAR2,
-                  devices: entry.previewDevices || editor.previewDevices || DEVICE_NAMES,
-                  t,
-                  disabled: !canUpdate || saving,
-                  TextField: TextField2,
-                  set: (key, value) => set2(key, value, void 0)
-                }
-              )
+                ),
+                (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,
+                    disabled: !canUpdate || saving,
+                    TextField: TextField2,
+                    set: (key, value) => set2(key, value, void 0)
+                  }
+                )
+              ] })
             ] })
           ] }, type.uid);
-        }),
-        badSidebar && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system7.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) => {
+        }) }),
+        badSidebar && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
+      ] }),
+      section === "gallery" && /* @__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 groupMarker = Boolean(catalog.groups?.[component.uid] || Object.values(catalog.groups || {}).includes(component.uid));
+          const rowThumbnail = entry.showRowThumbnail ?? !groupMarker;
           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 +10240,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 +10269,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 +10283,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 +10294,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 +10305,22 @@ 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: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                ToggleField2,
+                {
+                  name: `row-thumbnail-${component.uid}`,
+                  label: t.componentRowThumbnail,
+                  value: rowThumbnail,
+                  disabled: !canUpdate || saving,
+                  onChange: (v) => setComponent(component.uid, "showRowThumbnail", v)
+                }
+              ),
+              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 +10335,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 +10351,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 +10363,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 +10375,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,46 +10387,57 @@ 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 })
   ] });
 }
+var SETTINGS_SECTIONS = [
+  { id: "general", label: "General" },
+  { id: "preview", label: "Page preview" },
+  { id: "content-types", label: "Content types" },
+  { id: "gallery", label: "Block gallery" },
+  { id: "history", label: "History & trash" }
+];
 function register(app, Component2, to) {
   app.createSettingSection(
     { id: "blockscene", intlLabel: { id: "blockscene.title", defaultMessage: "Blockscene" } },
-    [{
-      id: "blockscene-settings",
-      to,
-      intlLabel: { id: "blockscene.settings", defaultMessage: "Gallery" },
-      // Module shape: older Strapi 4 (e.g. 4.11) only reads `.default` from the loader result.
-      // Not an `async` function: Strapi 5 warns on AsyncFunction loaders.
-      Component: () => Promise.resolve({ default: Component2 }),
-      permissions: permissions.read
-    }]
+    SETTINGS_SECTIONS.map(({ id, label }) => {
+      const Page2 = () => React12.createElement(Component2, { section: id });
+      const sectionPath = id === "general" ? to : to.startsWith("/") ? `${to}-${id}` : `${to}/${id}`;
+      return {
+        id: `blockscene-${id}`,
+        to: sectionPath,
+        intlLabel: { id: `blockscene.settings${id === "content-types" ? "ContentTypes" : id[0].toUpperCase() + id.slice(1)}`, defaultMessage: label },
+        // Module shape: older Strapi 4 (e.g. 4.11) only reads `.default` from the loader result.
+        // Not an `async` function: Strapi 5 warns on AsyncFunction loaders.
+        Component: () => Promise.resolve({ default: Page2 }),
+        permissions: permissions.read
+      };
+    })
   );
 }
 
 // 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 +10450,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 +10487,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 +10543,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 +10559,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 +10578,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 +10601,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 +10629,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 +10649,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 +10678,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 +10712,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 +10722,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 +10736,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 +10752,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 +10762,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 +10772,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 +10809,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 +10905,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 +10920,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 +11091,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 +11118,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 +11138,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 +11147,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 +11169,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 +11188,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 +11203,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 +11230,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 +11238,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 +11256,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 +11267,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 +11276,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 +11296,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 +11330,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,16 +11339,17 @@ function usePermissions() {
     isLoading
   };
 }
-var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var SettingsPage = ({ section }) => /* @__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,
     SelectField,
     TextField,
-    lazyEditors: true
+    lazyEditors: true,
+    section
   }
 ) });
 var strapiApp = null;
@@ -10311,13 +11358,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);
   }
 };