@aduptive/strapi-blockscene 2.0.0-alpha.12 → 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,
@@ -414,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 {
@@ -560,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") {
@@ -595,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) {
@@ -611,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) {
@@ -625,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;
 }
@@ -868,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",
@@ -884,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",
@@ -913,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",
@@ -959,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:",
@@ -993,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.",
@@ -1084,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",
@@ -1278,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",
@@ -1308,7 +1405,7 @@ var en_default = {
 // 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",
@@ -1324,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",
@@ -1353,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",
@@ -1399,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:",
@@ -1433,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.",
@@ -1524,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",
@@ -1718,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",
@@ -1748,7 +1865,7 @@ var pt_BR_default = {
 // admin/translations/pt.json
 var pt_default = {
   title: "Blockscene",
-  settings: "Galeria",
+  settings: "Geral",
   gallery: "Galeria de blocos",
   search: "Pesquisar blocos",
   clear: "Limpar pesquisa",
@@ -1764,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",
@@ -1793,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",
@@ -1839,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:",
@@ -1873,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.",
@@ -1964,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",
@@ -2158,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",
@@ -2188,7 +2325,7 @@ var pt_default = {
 // 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",
@@ -2204,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",
@@ -2233,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",
@@ -2279,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 :",
@@ -2313,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.",
@@ -2404,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",
@@ -2598,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",
@@ -2628,7 +2785,7 @@ var fr_default = {
 // 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",
@@ -2644,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",
@@ -2673,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",
@@ -2719,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:",
@@ -2753,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.",
@@ -2844,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",
@@ -3038,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",
@@ -3068,7 +3245,7 @@ var es_default = {
 // admin/translations/de.json
 var de_default = {
   title: "Blockscene",
-  settings: "Galerie",
+  settings: "Allgemein",
   gallery: "Blockgalerie",
   search: "Bl\xF6cke suchen",
   clear: "Suche l\xF6schen",
@@ -3084,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",
@@ -3113,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",
@@ -3159,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:",
@@ -3193,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.",
@@ -3284,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",
@@ -3478,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",
@@ -3508,7 +3705,7 @@ var de_default = {
 // admin/translations/it.json
 var it_default = {
   title: "Blockscene",
-  settings: "Galleria",
+  settings: "Generali",
   gallery: "Galleria dei blocchi",
   search: "Cerca blocchi",
   clear: "Cancella ricerca",
@@ -3524,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",
@@ -3553,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",
@@ -3599,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:",
@@ -3633,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.",
@@ -3724,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",
@@ -3918,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",
@@ -3948,7 +4165,7 @@ var it_default = {
 // admin/translations/nl.json
 var nl_default = {
   title: "Blockscene",
-  settings: "Galerij",
+  settings: "Algemeen",
   gallery: "Blokkengalerij",
   search: "Blokken zoeken",
   clear: "Zoekopdracht wissen",
@@ -3964,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",
@@ -3993,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",
@@ -4039,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:",
@@ -4073,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.",
@@ -4164,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",
@@ -4358,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",
@@ -4486,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");
@@ -4499,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",
@@ -4722,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;
@@ -5075,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();
@@ -5096,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)();
@@ -5191,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) {
@@ -5225,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(() => {
@@ -5251,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);
     };
   }, []);
@@ -5268,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)(
@@ -5325,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 }) {
@@ -5528,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;
@@ -5554,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;
@@ -5564,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;
       }
     };
@@ -5595,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; }
@@ -5674,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) {
@@ -7024,6 +7389,12 @@ var import_design_system4 = require("@strapi/design-system");
 // admin/pane.mjs
 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));
@@ -7158,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;
@@ -7246,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) => `
@@ -7254,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; }` : ""}`;
@@ -7494,6 +7886,7 @@ 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);
@@ -7501,6 +7894,7 @@ function PagePreview({
   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);
@@ -7546,6 +7940,8 @@ function PagePreview({
   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;
@@ -7585,6 +7981,21 @@ 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(
           viewRows.current,
           live.current.components,
@@ -7599,7 +8010,7 @@ function PagePreview({
       },
       origin
     );
-  }, [channel, origin, hiddenAttribute, groups]);
+  }, [channel, origin, hiddenAttribute, groups, host.contentType, host.model, host.readable, zone]);
   React8.useEffect(() => {
     if (readOnly) {
       setInserting(null);
@@ -7814,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) {
@@ -8003,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: [
@@ -8013,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
@@ -8174,6 +8597,15 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
         ),
         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,
         {
@@ -8366,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,
@@ -9045,6 +9481,27 @@ 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 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};
@@ -9089,13 +9546,33 @@ function ColorField({ name, label, value, onChange, disabled }) {
   ] });
 }
 function TagsField({ name, label, hint, value, onChange, disabled }) {
-  const [text, setText] = React12.useState(value.join(", "));
+  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", { 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_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 })
   ] });
 }
@@ -9256,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_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
+  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, { style: { maxWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       SelectField2,
       {
         name: id("position"),
@@ -9335,7 +9811,7 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
   ] });
 }
 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();
@@ -9353,7 +9829,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
   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);
@@ -9365,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);
@@ -9428,6 +9906,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
     return index === 0 && manual ? t.manual : t.automatic;
   };
   const ready = !isLoading && canRead && !failed && settings && catalog;
+  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);
@@ -9440,22 +9920,22 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
   }, [ready]);
   const controls = (suffix) => ready && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "status", "aria-live": "polite", textColor: dirty ? "warning700" : "neutral600", "data-testid": `${dirty ? "unsaved-indicator" : "save-status"}${suffix}`, children: dirty ? t.unsaved : status || t.noChanges }),
-    !suffix && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Button, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
+    !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_runtime13.jsx)(import_design_system8.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: header, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
+      /* @__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_runtime13.jsx)(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "p", children: t.settingsTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "p", children: sectionTitle }),
       controls("-floating")
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { textColor: "neutral600", children: t.settingsIntro }),
+    /* @__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 }) }),
-      /* @__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: [
+      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,
@@ -9471,7 +9951,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           },
           key
         )) }),
-        badColor && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { role: "alert", textColor: "danger600", children: t.invalidColor }),
+        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 }) }),
@@ -9482,7 +9962,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           return s;
         }), children: t.resetPalette }) })
       ] }) }),
-      /* @__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: [
+      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;
@@ -9522,6 +10002,30 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           }
         ),
         /* @__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,
           {
@@ -9585,37 +10089,16 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        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;
+        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_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 }),
-          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_runtime13.jsx)(import_design_system8.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_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: [
+      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;
@@ -9645,7 +10128,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
         ),
         /* @__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_runtime13.jsx)(
+      section === "history" && data.historyTypes && settings.history && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         HistorySettings,
         {
           types: data.historyTypes,
@@ -9660,10 +10143,10 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           })
         }
       ),
-      (data.contentTypes || []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "beta", tag: "h2", children: t.contentTypes }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Typography, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
-        data.contentTypes.map((type) => {
+      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] || {} };
@@ -9674,9 +10157,10 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             else delete s.contentTypes[type.uid];
             return s;
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { minWidth: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          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}`,
@@ -9686,7 +10170,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (v) => set2("enabled", v, true)
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { style: { minWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system8.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 SelectField2,
                 {
                   name: `type-mode-${type.uid}`,
@@ -9698,46 +10182,51 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 }
               ) })
             ] }),
-            entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarEditor, { type, entry, set: set2, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 }),
-            entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                ToggleField2,
-                {
-                  name: `type-pane-${type.uid}`,
-                  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_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)
-                }
-              )
+                ),
+                (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_runtime13.jsx)(import_design_system8.Typography, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
-      ] }) }),
-      /* @__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: [
+      ] }),
+      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_runtime13.jsxs)(Card2, { "data-testid": `settings-${component.uid}`, children: [
             /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -9816,6 +10305,16 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (tags) => setComponent(component.uid, "tags", tags.length ? tags : void 0)
                 }
               ),
+              /* @__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,
                 ": ",
@@ -9891,18 +10390,29 @@ function LayoutFields({ component, layout, set: set2, t, disabled, SelectField:
     /* @__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
+      };
+    })
   );
 }
 
@@ -10829,7 +11339,7 @@ function usePermissions() {
     isLoading
   };
 }
-var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var SettingsPage = ({ section }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   Settings,
   {
     useClient: import_admin5.useFetchClient,
@@ -10838,7 +11348,8 @@ var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Guard, {
     ToggleField,
     SelectField,
     TextField,
-    lazyEditors: true
+    lazyEditors: true,
+    section
   }
 ) });
 var strapiApp = null;