@aduptive/strapi-blockscene 2.0.0-alpha.5 → 2.0.0-alpha.6

package/dist/admin.cjs

@@ -137,15 +137,110 @@ var require_groups = __commonJS({
   }
 });
 
+// server/diff.js
+var require_diff = __commonJS({
+  "server/diff.js"(exports, module2) {
+    "use strict";
+    var IGNORED = ["id", "documentId", "locale", "localizations", "createdAt", "updatedAt", "publishedAt", "firstPublishedAt", "createdBy", "updatedBy", "strapi_stage", "strapi_assignee", "__temp_key__", "__pivot"];
+    var morph = (attr) => String(attr?.relation || "").toLowerCase().includes("morph");
+    var kept2 = (name, attr) => attr && !IGNORED.includes(name) && attr.type !== "password" && !(attr.type === "relation" && (morph(attr) || attr.visible === false));
+    var empty = (value) => value === null || value === void 0 || value === "";
+    function snapshotPopulate(uid, schemaOf, stack = []) {
+      const schema = schemaOf(uid);
+      if (!schema || stack.includes(uid)) return {};
+      const scalars = (component) => Object.entries(schemaOf(component)?.attributes || {}).filter(([name, attr]) => kept2(name, attr) && !["relation", "media", "component", "dynamiczone"].includes(attr.type)).map(([name]) => name);
+      const nested = (component) => ({ select: scalars(component).length ? scalars(component) : ["id"], populate: snapshotPopulate(component, schemaOf, [...stack, uid]) });
+      const out = {};
+      for (const [name, attr] of Object.entries(schema.attributes || {})) {
+        if (!kept2(name, attr)) continue;
+        if (attr.type === "relation") out[name] = { select: ["documentId", "locale"] };
+        else if (attr.type === "media") out[name] = { select: ["id"] };
+        else if (attr.type === "component") out[name] = nested(attr.component);
+        else if (attr.type === "dynamiczone") out[name] = { on: Object.fromEntries((attr.components || []).map((component) => [component, nested(component)])) };
+      }
+      return out;
+    }
+    function canonical2(data, schema, schemaOf, { relations = true } = {}, depth = 0) {
+      const out = {};
+      if (!data || typeof data !== "object" || depth > 20) return out;
+      const idOf = (file) => file && typeof file === "object" ? file.id : file;
+      const ref = (item) => item && typeof item === "object" && item.documentId ? { documentId: item.documentId, ...item.locale && { locale: item.locale } } : null;
+      for (const [name, attr] of Object.entries(schema?.attributes || {})) {
+        const value = data[name];
+        if (!kept2(name, attr) || empty(value)) continue;
+        if (attr.type === "relation") {
+          if (!relations) continue;
+          const refs = (Array.isArray(value) ? value : [value]).map(ref).filter(Boolean);
+          if (refs.length) out[name] = Array.isArray(value) ? refs : refs[0];
+        } else if (attr.type === "media") {
+          const ids = (Array.isArray(value) ? value : [value]).map(idOf).filter((id) => !empty(id));
+          if (ids.length) out[name] = attr.multiple ? ids : ids[0];
+        } else if (attr.type === "component") {
+          const child = schemaOf(attr.component);
+          if (attr.repeatable) {
+            if (Array.isArray(value) && value.length) out[name] = value.map((item) => canonical2(item, child, schemaOf, { relations }, depth + 1));
+          } else out[name] = canonical2(value, child, schemaOf, { relations }, depth + 1);
+        } else if (attr.type === "dynamiczone") {
+          if (Array.isArray(value) && value.length) out[name] = value.filter((row) => row && typeof row.__component === "string").map((row) => ({ __component: row.__component, ...canonical2(row, schemaOf(row.__component), schemaOf, { relations }, depth + 1) }));
+        } else out[name] = value;
+      }
+      return out;
+    }
+    var stable = (value) => JSON.stringify(value, (_, v) => v && typeof v === "object" && !Array.isArray(v) ? Object.fromEntries(Object.keys(v).sort().map((k) => [k, v[k]])) : v);
+    var same2 = (a, b) => stable(a ?? null) === stable(b ?? null);
+    function diffRows2(before = [], after = []) {
+      const a = before.map(stable), b = after.map(stable);
+      const n = a.length, m = b.length;
+      if (n * m > 25e4) return after.map((row, to) => ({ op: a[to] === b[to] ? "same" : "changed", from: to < n ? to : void 0, to, uid: row.__component }));
+      const lcs = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
+      for (let i2 = n - 1; i2 >= 0; i2--) for (let j2 = m - 1; j2 >= 0; j2--) lcs[i2][j2] = a[i2] === b[j2] ? lcs[i2 + 1][j2 + 1] + 1 : Math.max(lcs[i2 + 1][j2], lcs[i2][j2 + 1]);
+      const out = [];
+      const gap = (fromRows2, toRows2) => {
+        const removed = [...fromRows2];
+        for (const to of toRows2) {
+          const k = removed.findIndex((from) => before[from].__component === after[to].__component);
+          if (k === -1) out.push({ op: "added", to, uid: after[to].__component });
+          else out.push({ op: "changed", from: removed.splice(k, 1)[0], to, uid: after[to].__component });
+        }
+        for (const from of removed) out.push({ op: "removed", from, uid: before[from].__component });
+      };
+      let i = 0, j = 0, fromRows = [], toRows = [];
+      while (i < n || j < m) {
+        if (i < n && j < m && a[i] === b[j]) {
+          gap(fromRows, toRows);
+          fromRows = [];
+          toRows = [];
+          out.push({ op: "same", from: i, to: j, uid: after[j].__component });
+          i++;
+          j++;
+        } else if (j < m && (i >= n || lcs[i][j + 1] >= lcs[i + 1][j])) toRows.push(j++);
+        else fromRows.push(i++);
+      }
+      gap(fromRows, toRows);
+      return out;
+    }
+    function summarize(before, after, schema) {
+      const zones = Object.entries(schema?.attributes || {}).filter(([, attr]) => attr?.type === "dynamiczone").map(([name]) => name);
+      const blocks = { added: 0, removed: 0, changed: 0 };
+      if (!before) return { initial: true, fields: [], blocks };
+      const names = [.../* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after || {})])];
+      const fields = names.filter((name) => !zones.includes(name) && !same2(before[name], after?.[name])).sort();
+      for (const name of zones) for (const { op } of diffRows2(before[name], after?.[name])) if (op !== "same") blocks[op]++;
+      return { fields, blocks };
+    }
+    module2.exports = { IGNORED, kept: kept2, snapshotPopulate, canonical: canonical2, stable, same: same2, diffRows: diffRows2, summarize };
+  }
+});
+
 // admin/strapi5.tsx
 var strapi5_exports = {};
 __export(strapi5_exports, {
   default: () => strapi5_default
 });
 module.exports = __toCommonJS(strapi5_exports);
-var React10 = __toESM(require("react"));
-var import_design_system7 = require("@strapi/design-system");
-var import_admin2 = require("@strapi/strapi/admin");
+var React11 = __toESM(require("react"));
+var import_design_system8 = require("@strapi/design-system");
+var import_admin3 = require("@strapi/strapi/admin");
 var import_strapi_admin2 = require("@strapi/content-manager/strapi-admin");
 
 // admin/Gallery.tsx
@@ -317,6 +412,57 @@ function initialState(editor, remembered) {
   if (editor?.initialState === "remember") return remembered || "closed";
   return "closed";
 }
+var withoutField = (rows, name) => rows.map((row) => row.filter((field) => field?.name !== name)).filter((row) => row.length);
+function dropField(layout, name) {
+  if (!name || !layout?.components) return layout;
+  return { ...layout, components: Object.fromEntries(Object.entries(layout.components).map(([uid, component]) => [uid, Array.isArray(component?.layout) ? { ...component, layout: withoutField(component.layout, name) } : component])) };
+}
+function humanize(name) {
+  const text = String(name || "").replace(/[_\-\s]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").trim().split(" ").filter(Boolean).map((word) => /^[A-Z0-9]{2,}$/.test(word) && /[A-Z]/.test(word) ? word : word.toLowerCase()).join(" ");
+  return text.charAt(0).toUpperCase() + text.slice(1);
+}
+function localized(value, locale = "en") {
+  if (typeof value === "string") return value;
+  if (!value || typeof value !== "object") return void 0;
+  const keys = Object.keys(value);
+  const lang = (key2) => key2.toLowerCase().split("-")[0];
+  const lower = String(locale || "en").toLowerCase();
+  const key = keys.find((k) => k.toLowerCase() === lower) ?? keys.find((k) => k.toLowerCase() === lang(lower)) ?? keys.find((k) => lang(k) === lang(lower)) ?? keys.find((k) => lang(k) === "en") ?? keys[0];
+  return key === void 0 ? void 0 : value[key];
+}
+function fieldText(fields, owner, name, label, locale, on) {
+  const entry = owner && fields?.[owner]?.[name] || {};
+  const out = {};
+  const text = localized(entry.label, locale) ?? (on && label === name ? humanize(name) : void 0);
+  if (text !== void 0) out.label = text;
+  for (const key of ["description", "placeholder"]) {
+    const value = localized(entry[key], locale);
+    if (value !== void 0) out[key] = value;
+  }
+  return Object.keys(out).length ? out : null;
+}
+function layoutType(layout, types = {}) {
+  const names = (layout?.layout || []).flat(2).map((field) => field?.name);
+  const found = Object.entries(types || {}).filter(([, [displayName, ...attributes]]) => displayName === layout?.settings?.displayName && names.every((name) => attributes.includes(name)));
+  return found.length === 1 ? found[0][0] : found.length ? false : null;
+}
+var labelsOff = (catalog) => !catalog?.editor?.enabled || !catalog.editor.friendlyLabels && !Object.keys(catalog.fields || {}).length;
+function labelEditLayout(layout, catalog, locale) {
+  if (labelsOff(catalog) || !Array.isArray(layout?.layout) || !layout.layout.length) return layout;
+  const uid = layoutType(layout, catalog.types);
+  if (uid === false || uid && catalog.contentTypes?.[uid]?.enabled === false) return layout;
+  const fix = (owner) => (field) => {
+    const text = field && fieldText(catalog.fields, owner, field.name, field.label, locale, catalog.editor.friendlyLabels);
+    if (!text) return field;
+    const { description, ...rest } = text;
+    return { ...field, ...rest, ...description !== void 0 && { hint: description } };
+  };
+  return {
+    ...layout,
+    layout: layout.layout.map((panel) => panel.map((row) => row.map(fix(uid)))),
+    components: Object.fromEntries(Object.entries(layout.components || {}).map(([cuid, component]) => [cuid, Array.isArray(component?.layout) ? { ...component, layout: component.layout.map((row) => row.map(fix(cuid))) } : component]))
+  };
+}
 
 // admin/preview.mjs
 var import_groups = __toESM(require_groups(), 1);
@@ -468,15 +614,15 @@ var stageBackground = (theme) => {
 
 // admin/accordions.mjs
 function zoneLists(root = document) {
-  return [...root.querySelectorAll("ol[aria-describedby]")].filter((list) => list.querySelector(":scope > li button[aria-expanded]"));
+  return [...root.querySelectorAll("ol[aria-describedby]")].filter((list2) => list2.querySelector(":scope > li button[aria-expanded]"));
 }
 function findZoneList(label, root = document) {
   const lists = zoneLists(root);
-  const text = (list) => (list.parentElement?.textContent || "").trim().toLocaleLowerCase();
-  return lists.find((list) => text(list).startsWith(String(label).toLocaleLowerCase())) || (lists.length === 1 ? lists[0] : null);
+  const text = (list2) => (list2.parentElement?.textContent || "").trim().toLocaleLowerCase();
+  return lists.find((list2) => text(list2).startsWith(String(label).toLocaleLowerCase())) || (lists.length === 1 ? lists[0] : null);
 }
-function toggles(list) {
-  return [...list.querySelectorAll(":scope > li")].map((item) => item.querySelector("button[aria-expanded]")).filter(Boolean);
+function toggles(list2) {
+  return [...list2.querySelectorAll(":scope > li")].map((item) => item.querySelector("button[aria-expanded]")).filter(Boolean);
 }
 function planRows(rects, view, margin = 0) {
   const now = [], later = [];
@@ -500,9 +646,9 @@ function stopAll() {
 var PER_FRAME = 3;
 var idle = (run) => typeof requestIdleCallback === "function" ? requestIdleCallback(run, { timeout: 300 }) : setTimeout(() => run({ timeRemaining: () => 8 }), 16);
 var frame = (run) => typeof requestAnimationFrame === "function" ? requestAnimationFrame(run) : setTimeout(run, 16);
-function setAll(list, open, batch = (run) => run()) {
-  jobs.get(list)?.();
-  jobs.delete(list);
+function setAll(list2, open, batch = (run) => run()) {
+  jobs.get(list2)?.();
+  jobs.delete(list2);
   const header = (li) => li.querySelector("button[aria-expanded]");
   const differs = (li) => {
     const b = li.isConnected && header(li);
@@ -515,9 +661,9 @@ function setAll(list, open, batch = (run) => run()) {
     });
     return buttons.length;
   };
-  const rows = [...list.querySelectorAll(":scope > li")].filter(differs);
+  const rows = [...list2.querySelectorAll(":scope > li")].filter(differs);
   if (!rows.length) return 0;
-  const root = scroller(list);
+  const root = scroller(list2);
   const view = () => root ? root.getBoundingClientRect() : { top: 0, bottom: window.innerHeight };
   const height = view().bottom - view().top;
   const { now, later } = planRows(rows.map((li) => li.getBoundingClientRect()), view(), open ? height : 0);
@@ -548,7 +694,7 @@ function setAll(list, open, batch = (run) => run()) {
       if (queue.size && !handle && !stopped) handle = frame(flush);
     }, { root, rootMargin: `${Math.round(height)}px 0px` });
     later.forEach((i) => observer.observe(rows[i]));
-    jobs.set(list, () => {
+    jobs.set(list2, () => {
       stopped = true;
       observer.disconnect();
     });
@@ -557,15 +703,15 @@ function setAll(list, open, batch = (run) => run()) {
   }
   const changed = click(now.map((i) => rows[i]));
   if (!later.length) return changed;
-  const pending = later.map((i) => rows[i]);
+  const pending2 = later.map((i) => rows[i]);
   const slice = (deadline) => {
     if (stopped) return;
-    click(pending.splice(0, deadline.timeRemaining() > 10 ? PER_FRAME : 1));
-    if (pending.length) idle(slice);
-    else jobs.delete(list);
+    click(pending2.splice(0, deadline.timeRemaining() > 10 ? PER_FRAME : 1));
+    if (pending2.length) idle(slice);
+    else jobs.delete(list2);
   };
   idle(slice);
-  jobs.set(list, () => {
+  jobs.set(list2, () => {
     stopped = true;
   });
   return changed;
@@ -573,7 +719,9 @@ function setAll(list, open, batch = (run) => run()) {
 function isNativeAddButton(button, zone) {
   if (!button || button.getAttribute("aria-expanded") || button.closest('ol[aria-describedby] > li, [role="dialog"], [data-testid^="open-gallery-"], [data-testid^="block-"], [data-testid^="page-preview"], [data-testid^="bp-"], [data-testid^="zone-"], [data-blockscene-row-actions]')) return false;
   const text = (button.textContent || "").trim();
-  return Boolean(text) && new RegExp(`(^|\\s)${String(zone.name).replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}$`).test(text);
+  const escape = (value) => String(value).replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const names = [...new Set([zone.name, zone.label].filter(Boolean))].map(escape).join("|");
+  return Boolean(text) && new RegExp(`(^|\\s)(${names})$`).test(text);
 }
 
 // admin/wireframes.tsx
@@ -696,7 +844,6 @@ var en_default = {
   previewHelp: "Unsaved changes appear in the preview. Click a block to open its form, an image to open the Media Library, a text to edit it.",
   previewNoUrl: "No preview URL: set it in Settings, Blockscene, or configure Strapi's native Preview for this content type.",
   previewFailed: "The preview did not answer within 15 s. If the frontend is still loading it will appear by itself; the form stays usable.",
-  previewReady: "Page preview \xB7 unsaved changes",
   previewLoading: "Loading preview\u2026",
   retry: "Try again",
   editText: "Edit text",
@@ -854,12 +1001,57 @@ var en_default = {
   confirmDeleteOption: "Confirm before deleting a block",
   duplicateOption: 'Show "Duplicate" on each block',
   clipboardOption: 'Show "Copy" and "Paste" (across pages)',
+  friendlyLabels: "Friendly field labels",
+  friendlyLabelsHelp: `Fields whose label is still the attribute name read as words ("mobileColumnsCount" becomes "Mobile columns count"). Labels set in "Configure the view" and texts from the project's "fields" config are kept.`,
   hiddenBlocks: "Blocks hidden on the site",
   "hiddenModes.strip": "Removed from the content API",
   "hiddenModes.flag": "Sent with the flag (the frontend decides)",
   "hiddenModes.off": "Off (no hide button)",
   hiddenBlocksHelp: "The eye on each block marks it hidden on the site. Removed: content API reads (REST, GraphQL) leave it out, the admin always shows it. Flag: it is sent with the attribute so the frontend can decide.",
-  hiddenAttributeOff: "The plugin config sets hiddenAttribute to false: blocks cannot be hidden."
+  hiddenAttributeOff: "The plugin config sets hiddenAttribute to false: blocks cannot be hidden.",
+  historyTitle: "History",
+  historyEmpty: "No versions yet. Saves, publishes and deletes are recorded from now on.",
+  historyLoading: "Loading history\u2026",
+  historyFailed: "The history could not be loaded.",
+  historyRefresh: "Refresh history",
+  historySystem: "System",
+  "historyActions.create": "Created",
+  "historyActions.update": "Saved",
+  "historyActions.publish": "Published",
+  "historyActions.unpublish": "Unpublished",
+  "historyActions.discard": "Draft discarded",
+  "historyActions.delete": "Deleted",
+  "historyActions.restore": "Restored",
+  historyInitial: "First version",
+  historyNoChange: "No content change",
+  historyMissing: "Not recorded (the capture failed)",
+  historyBlocksSummary: "Blocks: {added} added, {removed} removed, {changed} changed",
+  historyFieldsSummary: "Fields: {fields}",
+  historyNotKept: "This version is no longer kept.",
+  historyCompare: "Compared with the form",
+  historySame: "Same content as the form.",
+  "diffOps.added": "Added",
+  "diffOps.removed": "Removed",
+  "diffOps.changed": "Changed",
+  historyDiffFields: "Fields that differ: {fields}",
+  historyDiffNote: "Relations are not compared.",
+  historyLoad: "Load this version",
+  historyLoaded: "Version loaded into the form. Nothing is saved until you save.",
+  historyLeft: "Left as they are: {fields}",
+  historyRemovedFields: "No longer in the schema, not loaded: {fields}",
+  historyMissingItems: "No longer exist, left out: {media} media files, {relations} related entries, {blocks} blocks",
+  historyLoadFailed: "This version could not be loaded.",
+  historyShowMore: "Show more",
+  historySettings: "Version history",
+  historySettingsHelp: "Records every create, save, publish, unpublish, discard and delete made through Strapi's document service (the admin, the REST and GraphQL APIs, other plugins), with a snapshot of the content. Editors see the versions in the edit view and can load one into the form. This is content activity, not a security audit log: direct database writes are not seen.",
+  historyEnabled: "Record versions",
+  historyAll: "All content types",
+  historyTypes: "Content types",
+  historyRetention: "Keep snapshots (days)",
+  historyMax: "Snapshots per document (maximum)",
+  historyEventDays: "Keep the activity (days)",
+  historyRetentionHelp: "A nightly job empties snapshots older than this or beyond the per-document maximum (the newest are kept) and deletes activity older than its limit. It never deletes media files.",
+  historyInvalid: "Whole numbers: 1 to 3650 days (the activity kept at least as long as the snapshots) and 1 to 1000 snapshots."
 };
 
 // admin/translations/pt-BR.json
@@ -937,7 +1129,6 @@ var pt_BR_default = {
   previewHelp: "Altera\xE7\xF5es n\xE3o salvas aparecem na preview. Clique em um bloco para abrir seu formul\xE1rio, em uma imagem para abrir a Media Library, em um texto para edit\xE1-lo.",
   previewNoUrl: "Sem URL de preview: defina em Configura\xE7\xF5es, Blockscene, ou configure a Preview nativa do Strapi para este tipo de conte\xFAdo.",
   previewFailed: "A preview n\xE3o respondeu em 15 s. Se o frontend ainda estiver carregando, ela aparece sozinha; o formul\xE1rio continua utiliz\xE1vel.",
-  previewReady: "Preview da p\xE1gina \xB7 altera\xE7\xF5es n\xE3o salvas",
   previewLoading: "Carregando preview\u2026",
   retry: "Tentar novamente",
   editText: "Editar texto",
@@ -1095,12 +1286,57 @@ var pt_BR_default = {
   confirmDeleteOption: "Confirmar antes de excluir um bloco",
   duplicateOption: 'Mostrar "Duplicar" em cada bloco',
   clipboardOption: 'Mostrar "Copiar" e "Colar" (entre p\xE1ginas)',
+  friendlyLabels: "R\xF3tulos de campo amig\xE1veis",
+  friendlyLabelsHelp: 'Campos cujo r\xF3tulo ainda \xE9 o nome do atributo aparecem como palavras ("mobileColumnsCount" vira "Mobile columns count"). R\xF3tulos definidos em "Configurar a visualiza\xE7\xE3o" e textos da configura\xE7\xE3o "fields" do projeto s\xE3o mantidos.',
   hiddenBlocks: "Blocos ocultos no site",
   "hiddenModes.strip": "Removidos da API de conte\xFAdo",
   "hiddenModes.flag": "Enviados com a marca\xE7\xE3o (o frontend decide)",
   "hiddenModes.off": "Desligado (sem bot\xE3o de ocultar)",
   hiddenBlocksHelp: "O olho em cada bloco o marca como oculto no site. Removidos: as leituras da API de conte\xFAdo (REST, GraphQL) o deixam de fora; o admin sempre o mostra. Marca\xE7\xE3o: ele \xE9 enviado com o atributo para o frontend decidir.",
-  hiddenAttributeOff: "A config do plugin define hiddenAttribute como false: n\xE3o \xE9 poss\xEDvel ocultar blocos."
+  hiddenAttributeOff: "A config do plugin define hiddenAttribute como false: n\xE3o \xE9 poss\xEDvel ocultar blocos.",
+  historyTitle: "Hist\xF3rico",
+  historyEmpty: "Nenhuma vers\xE3o ainda. Salvamentos, publica\xE7\xF5es e exclus\xF5es passam a ser registrados a partir de agora.",
+  historyLoading: "Carregando hist\xF3rico\u2026",
+  historyFailed: "N\xE3o foi poss\xEDvel carregar o hist\xF3rico.",
+  historyRefresh: "Atualizar hist\xF3rico",
+  historySystem: "Sistema",
+  "historyActions.create": "Criado",
+  "historyActions.update": "Salvo",
+  "historyActions.publish": "Publicado",
+  "historyActions.unpublish": "Despublicado",
+  "historyActions.discard": "Rascunho descartado",
+  "historyActions.delete": "Exclu\xEDdo",
+  "historyActions.restore": "Restaurado",
+  historyInitial: "Primeira vers\xE3o",
+  historyNoChange: "Sem mudan\xE7a de conte\xFAdo",
+  historyMissing: "N\xE3o registrado (a captura falhou)",
+  historyBlocksSummary: "Blocos: {added} adicionados, {removed} removidos, {changed} alterados",
+  historyFieldsSummary: "Campos: {fields}",
+  historyNotKept: "Esta vers\xE3o n\xE3o \xE9 mais mantida.",
+  historyCompare: "Comparado com o formul\xE1rio",
+  historySame: "Mesmo conte\xFAdo do formul\xE1rio.",
+  "diffOps.added": "Adicionado",
+  "diffOps.removed": "Removido",
+  "diffOps.changed": "Alterado",
+  historyDiffFields: "Campos diferentes: {fields}",
+  historyDiffNote: "Rela\xE7\xF5es n\xE3o s\xE3o comparadas.",
+  historyLoad: "Carregar esta vers\xE3o",
+  historyLoaded: "Vers\xE3o carregada no formul\xE1rio. Nada \xE9 salvo at\xE9 voc\xEA salvar.",
+  historyLeft: "Mantidos como est\xE3o: {fields}",
+  historyRemovedFields: "N\xE3o existem mais no schema, n\xE3o carregados: {fields}",
+  historyMissingItems: "N\xE3o existem mais, deixados de fora: {media} arquivos de m\xEDdia, {relations} entradas relacionadas, {blocks} blocos",
+  historyLoadFailed: "N\xE3o foi poss\xEDvel carregar esta vers\xE3o.",
+  historyShowMore: "Mostrar mais",
+  historySettings: "Hist\xF3rico de vers\xF5es",
+  historySettingsHelp: "Registra cada cria\xE7\xE3o, salvamento, publica\xE7\xE3o, despublica\xE7\xE3o, descarte e exclus\xE3o feitos pelo document service do Strapi (o admin, as APIs REST e GraphQL, outros plugins), com um snapshot do conte\xFAdo. Editores veem as vers\xF5es na tela de edi\xE7\xE3o e podem carregar uma no formul\xE1rio. \xC9 atividade de conte\xFAdo, n\xE3o um log de auditoria de seguran\xE7a: grava\xE7\xF5es diretas no banco n\xE3o s\xE3o vistas.",
+  historyEnabled: "Registrar vers\xF5es",
+  historyAll: "Todos os tipos de conte\xFAdo",
+  historyTypes: "Tipos de conte\xFAdo",
+  historyRetention: "Manter snapshots (dias)",
+  historyMax: "Snapshots por documento (m\xE1ximo)",
+  historyEventDays: "Manter a atividade (dias)",
+  historyRetentionHelp: "Uma rotina noturna esvazia snapshots mais antigos que isso ou al\xE9m do m\xE1ximo por documento (os mais novos s\xE3o mantidos) e exclui a atividade mais antiga que o limite. Nunca exclui arquivos de m\xEDdia.",
+  historyInvalid: "N\xFAmeros inteiros: 1 a 3650 dias (a atividade mantida pelo menos tanto quanto os snapshots) e 1 a 1000 snapshots."
 };
 
 // admin/translations/pt.json
@@ -1178,7 +1414,6 @@ var pt_default = {
   previewHelp: "As altera\xE7\xF5es por guardar aparecem na pr\xE9-visualiza\xE7\xE3o. Clique num bloco para abrir o seu formul\xE1rio, numa imagem para abrir a Media Library, num texto para o editar.",
   previewNoUrl: "Sem URL de pr\xE9-visualiza\xE7\xE3o: defina em Defini\xE7\xF5es, Blockscene, ou configure a Preview nativa do Strapi para este tipo de conte\xFAdo.",
   previewFailed: "A pr\xE9-visualiza\xE7\xE3o n\xE3o respondeu em 15 s. Se o frontend ainda estiver a carregar, ela aparece sozinha; o formul\xE1rio continua utiliz\xE1vel.",
-  previewReady: "Pr\xE9-visualiza\xE7\xE3o da p\xE1gina \xB7 altera\xE7\xF5es por guardar",
   previewLoading: "A carregar pr\xE9-visualiza\xE7\xE3o\u2026",
   retry: "Tentar novamente",
   editText: "Editar texto",
@@ -1336,12 +1571,57 @@ var pt_default = {
   confirmDeleteOption: "Confirmar antes de eliminar um bloco",
   duplicateOption: 'Mostrar "Duplicar" em cada bloco',
   clipboardOption: 'Mostrar "Copiar" e "Colar" (entre p\xE1ginas)',
+  friendlyLabels: "Etiquetas de campo leg\xEDveis",
+  friendlyLabelsHelp: 'Os campos cuja etiqueta ainda \xE9 o nome do atributo aparecem como palavras ("mobileColumnsCount" passa a "Mobile columns count"). As etiquetas definidas em "Configurar a vista" e os textos da configura\xE7\xE3o "fields" do projeto mant\xEAm-se.',
   hiddenBlocks: "Blocos ocultos no site",
   "hiddenModes.strip": "Removidos da API de conte\xFAdo",
   "hiddenModes.flag": "Enviados com a marca\xE7\xE3o (o frontend decide)",
   "hiddenModes.off": "Desligado (sem bot\xE3o de ocultar)",
   hiddenBlocksHelp: "O olho em cada bloco marca-o como oculto no site. Removidos: as leituras da API de conte\xFAdo (REST, GraphQL) deixam-no de fora; o admin mostra-o sempre. Marca\xE7\xE3o: \xE9 enviado com o atributo para o frontend decidir.",
-  hiddenAttributeOff: "A configura\xE7\xE3o do plugin define hiddenAttribute como false: n\xE3o \xE9 poss\xEDvel ocultar blocos."
+  hiddenAttributeOff: "A configura\xE7\xE3o do plugin define hiddenAttribute como false: n\xE3o \xE9 poss\xEDvel ocultar blocos.",
+  historyTitle: "Hist\xF3rico",
+  historyEmpty: "Ainda n\xE3o h\xE1 vers\xF5es. Grava\xE7\xF5es, publica\xE7\xF5es e elimina\xE7\xF5es passam a ser registadas a partir de agora.",
+  historyLoading: "A carregar o hist\xF3rico\u2026",
+  historyFailed: "N\xE3o foi poss\xEDvel carregar o hist\xF3rico.",
+  historyRefresh: "Atualizar hist\xF3rico",
+  historySystem: "Sistema",
+  "historyActions.create": "Criado",
+  "historyActions.update": "Guardado",
+  "historyActions.publish": "Publicado",
+  "historyActions.unpublish": "Despublicado",
+  "historyActions.discard": "Rascunho descartado",
+  "historyActions.delete": "Eliminado",
+  "historyActions.restore": "Restaurado",
+  historyInitial: "Primeira vers\xE3o",
+  historyNoChange: "Sem altera\xE7\xE3o de conte\xFAdo",
+  historyMissing: "N\xE3o registado (a captura falhou)",
+  historyBlocksSummary: "Blocos: {added} adicionados, {removed} removidos, {changed} alterados",
+  historyFieldsSummary: "Campos: {fields}",
+  historyNotKept: "Esta vers\xE3o j\xE1 n\xE3o \xE9 mantida.",
+  historyCompare: "Comparado com o formul\xE1rio",
+  historySame: "Mesmo conte\xFAdo do formul\xE1rio.",
+  "diffOps.added": "Adicionado",
+  "diffOps.removed": "Removido",
+  "diffOps.changed": "Alterado",
+  historyDiffFields: "Campos diferentes: {fields}",
+  historyDiffNote: "As rela\xE7\xF5es n\xE3o s\xE3o comparadas.",
+  historyLoad: "Carregar esta vers\xE3o",
+  historyLoaded: "Vers\xE3o carregada no formul\xE1rio. Nada \xE9 guardado at\xE9 guardar.",
+  historyLeft: "Mantidos como est\xE3o: {fields}",
+  historyRemovedFields: "J\xE1 n\xE3o existem no esquema, n\xE3o carregados: {fields}",
+  historyMissingItems: "J\xE1 n\xE3o existem, deixados de fora: {media} ficheiros multim\xE9dia, {relations} entradas relacionadas, {blocks} blocos",
+  historyLoadFailed: "N\xE3o foi poss\xEDvel carregar esta vers\xE3o.",
+  historyShowMore: "Mostrar mais",
+  historySettings: "Hist\xF3rico de vers\xF5es",
+  historySettingsHelp: "Regista cada cria\xE7\xE3o, grava\xE7\xE3o, publica\xE7\xE3o, despublica\xE7\xE3o, descarte e elimina\xE7\xE3o feitos pelo document service do Strapi (o admin, as APIs REST e GraphQL, outros plugins), com um snapshot do conte\xFAdo. Os editores veem as vers\xF5es no ecr\xE3 de edi\xE7\xE3o e podem carregar uma no formul\xE1rio. \xC9 atividade de conte\xFAdo, n\xE3o um registo de auditoria de seguran\xE7a: escritas diretas na base de dados n\xE3o s\xE3o vistas.",
+  historyEnabled: "Registar vers\xF5es",
+  historyAll: "Todos os tipos de conte\xFAdo",
+  historyTypes: "Tipos de conte\xFAdo",
+  historyRetention: "Manter snapshots (dias)",
+  historyMax: "Snapshots por documento (m\xE1ximo)",
+  historyEventDays: "Manter a atividade (dias)",
+  historyRetentionHelp: "Uma tarefa noturna esvazia os snapshots mais antigos do que isto ou al\xE9m do m\xE1ximo por documento (os mais recentes s\xE3o mantidos) e elimina a atividade mais antiga do que o limite. Nunca elimina ficheiros multim\xE9dia.",
+  historyInvalid: "N\xFAmeros inteiros: 1 a 3650 dias (a atividade mantida pelo menos tanto quanto os snapshots) e 1 a 1000 snapshots."
 };
 
 // admin/translations/fr.json
@@ -1419,7 +1699,6 @@ var fr_default = {
   previewHelp: "Les modifications non enregistr\xE9es apparaissent dans l'aper\xE7u. Cliquez sur un bloc pour ouvrir son formulaire, sur une image pour ouvrir la M\xE9diath\xE8que, sur un texte pour le modifier.",
   previewNoUrl: "Aucune URL d'aper\xE7u : d\xE9finissez-la dans Param\xE8tres, Blockscene, ou configurez l'aper\xE7u natif de Strapi pour ce type de contenu.",
   previewFailed: "L'aper\xE7u n'a pas r\xE9pondu en 15 s. Si le frontend est encore en train de charger, il appara\xEEtra de lui-m\xEAme ; le formulaire reste utilisable.",
-  previewReady: "Aper\xE7u de la page \xB7 modifications non enregistr\xE9es",
   previewLoading: "Chargement de l'aper\xE7u\u2026",
   retry: "R\xE9essayer",
   editText: "Modifier le texte",
@@ -1577,12 +1856,57 @@ var fr_default = {
   confirmDeleteOption: "Confirmer avant de supprimer un bloc",
   duplicateOption: "Afficher \xAB Dupliquer \xBB sur chaque bloc",
   clipboardOption: "Afficher \xAB Copier \xBB et \xAB Coller \xBB (entre pages)",
+  friendlyLabels: "Libell\xE9s de champ lisibles",
+  friendlyLabelsHelp: `Les champs dont le libell\xE9 est encore le nom de l'attribut s'affichent en mots ("mobileColumnsCount" devient "Mobile columns count"). Les libell\xE9s d\xE9finis dans \xAB Configurer la vue \xBB et les textes de la configuration \xAB fields \xBB du projet sont conserv\xE9s.`,
   hiddenBlocks: "Blocs masqu\xE9s sur le site",
   "hiddenModes.strip": "Retir\xE9s de l'API de contenu",
   "hiddenModes.flag": "Envoy\xE9s avec l'indicateur (le frontend d\xE9cide)",
   "hiddenModes.off": "D\xE9sactiv\xE9 (pas de bouton masquer)",
   hiddenBlocksHelp: "L'\u0153il de chaque bloc le marque comme masqu\xE9 sur le site. Retir\xE9s : les lectures de l'API de contenu (REST, GraphQL) l'omettent, l'admin l'affiche toujours. Indicateur : il est envoy\xE9 avec l'attribut et le frontend d\xE9cide.",
-  hiddenAttributeOff: "La configuration du plugin fixe hiddenAttribute \xE0 false : les blocs ne peuvent pas \xEAtre masqu\xE9s."
+  hiddenAttributeOff: "La configuration du plugin fixe hiddenAttribute \xE0 false : les blocs ne peuvent pas \xEAtre masqu\xE9s.",
+  historyTitle: "Historique",
+  historyEmpty: "Aucune version pour l'instant. Les enregistrements, publications et suppressions sont d\xE9sormais consign\xE9s.",
+  historyLoading: "Chargement de l'historique\u2026",
+  historyFailed: "Impossible de charger l'historique.",
+  historyRefresh: "Actualiser l'historique",
+  historySystem: "Syst\xE8me",
+  "historyActions.create": "Cr\xE9\xE9",
+  "historyActions.update": "Enregistr\xE9",
+  "historyActions.publish": "Publi\xE9",
+  "historyActions.unpublish": "D\xE9publi\xE9",
+  "historyActions.discard": "Brouillon abandonn\xE9",
+  "historyActions.delete": "Supprim\xE9",
+  "historyActions.restore": "Restaur\xE9",
+  historyInitial: "Premi\xE8re version",
+  historyNoChange: "Aucun changement de contenu",
+  historyMissing: "Non consign\xE9 (la capture a \xE9chou\xE9)",
+  historyBlocksSummary: "Blocs : {added} ajout\xE9s, {removed} supprim\xE9s, {changed} modifi\xE9s",
+  historyFieldsSummary: "Champs : {fields}",
+  historyNotKept: "Cette version n'est plus conserv\xE9e.",
+  historyCompare: "Compar\xE9 au formulaire",
+  historySame: "M\xEAme contenu que le formulaire.",
+  "diffOps.added": "Ajout\xE9",
+  "diffOps.removed": "Supprim\xE9",
+  "diffOps.changed": "Modifi\xE9",
+  historyDiffFields: "Champs diff\xE9rents : {fields}",
+  historyDiffNote: "Les relations ne sont pas compar\xE9es.",
+  historyLoad: "Charger cette version",
+  historyLoaded: "Version charg\xE9e dans le formulaire. Rien n'est enregistr\xE9 tant que vous n'enregistrez pas.",
+  historyLeft: "Laiss\xE9s tels quels : {fields}",
+  historyRemovedFields: "N'existent plus dans le sch\xE9ma, non charg\xE9s : {fields}",
+  historyMissingItems: "N'existent plus, laiss\xE9s de c\xF4t\xE9 : {media} fichiers m\xE9dia, {relations} entr\xE9es li\xE9es, {blocks} blocs",
+  historyLoadFailed: "Impossible de charger cette version.",
+  historyShowMore: "Afficher plus",
+  historySettings: "Historique des versions",
+  historySettingsHelp: "Consigne chaque cr\xE9ation, enregistrement, publication, d\xE9publication, abandon de brouillon et suppression passant par le document service de Strapi (l'admin, les API REST et GraphQL, d'autres plugins), avec un instantan\xE9 du contenu. Les \xE9diteurs voient les versions dans la vue d'\xE9dition et peuvent en charger une dans le formulaire. Il s'agit d'activit\xE9 de contenu, pas d'un journal d'audit de s\xE9curit\xE9 : les \xE9critures directes en base ne sont pas vues.",
+  historyEnabled: "Consigner les versions",
+  historyAll: "Tous les types de contenu",
+  historyTypes: "Types de contenu",
+  historyRetention: "Conserver les instantan\xE9s (jours)",
+  historyMax: "Instantan\xE9s par document (maximum)",
+  historyEventDays: "Conserver l'activit\xE9 (jours)",
+  historyRetentionHelp: "Une t\xE2che nocturne vide les instantan\xE9s plus anciens que cela ou au-del\xE0 du maximum par document (les plus r\xE9cents sont gard\xE9s) et supprime l'activit\xE9 plus ancienne que sa limite. Elle ne supprime jamais de fichiers m\xE9dia.",
+  historyInvalid: "Nombres entiers : 1 \xE0 3650 jours (l'activit\xE9 conserv\xE9e au moins aussi longtemps que les instantan\xE9s) et 1 \xE0 1000 instantan\xE9s."
 };
 
 // admin/translations/es.json
@@ -1660,7 +1984,6 @@ var es_default = {
   previewHelp: "Los cambios sin guardar aparecen en la vista previa. Haga clic en un bloque para abrir su formulario, en una imagen para abrir la Biblioteca multimedia, en un texto para editarlo.",
   previewNoUrl: "Sin URL de vista previa: def\xEDnala en Ajustes, Blockscene, o configure la Vista previa nativa de Strapi para este tipo de contenido.",
   previewFailed: "La vista previa no respondi\xF3 en 15 s. Si el frontend a\xFAn est\xE1 cargando, aparecer\xE1 sola; el formulario sigue utilizable.",
-  previewReady: "Vista previa de la p\xE1gina \xB7 cambios sin guardar",
   previewLoading: "Cargando vista previa\u2026",
   retry: "Reintentar",
   editText: "Editar texto",
@@ -1818,12 +2141,57 @@ var es_default = {
   confirmDeleteOption: "Confirmar antes de eliminar un bloque",
   duplicateOption: "Mostrar \xABDuplicar\xBB en cada bloque",
   clipboardOption: "Mostrar \xABCopiar\xBB y \xABPegar\xBB (entre p\xE1ginas)",
+  friendlyLabels: "Etiquetas de campo legibles",
+  friendlyLabelsHelp: 'Los campos cuya etiqueta sigue siendo el nombre del atributo se muestran como palabras ("mobileColumnsCount" pasa a "Mobile columns count"). Se conservan las etiquetas definidas en \xABConfigurar la vista\xBB y los textos de la configuraci\xF3n \xABfields\xBB del proyecto.',
   hiddenBlocks: "Bloques ocultos en el sitio",
   "hiddenModes.strip": "Eliminados de la API de contenido",
   "hiddenModes.flag": "Enviados con la marca (el frontend decide)",
   "hiddenModes.off": "Desactivado (sin bot\xF3n de ocultar)",
   hiddenBlocksHelp: "El ojo de cada bloque lo marca como oculto en el sitio. Eliminados: las lecturas de la API de contenido (REST, GraphQL) lo omiten; el admin siempre lo muestra. Marca: se env\xEDa con el atributo y el frontend decide.",
-  hiddenAttributeOff: "La configuraci\xF3n del plugin fija hiddenAttribute en false: no se pueden ocultar bloques."
+  hiddenAttributeOff: "La configuraci\xF3n del plugin fija hiddenAttribute en false: no se pueden ocultar bloques.",
+  historyTitle: "Historial",
+  historyEmpty: "A\xFAn no hay versiones. Desde ahora se registran los guardados, las publicaciones y las eliminaciones.",
+  historyLoading: "Cargando historial\u2026",
+  historyFailed: "No se pudo cargar el historial.",
+  historyRefresh: "Actualizar historial",
+  historySystem: "Sistema",
+  "historyActions.create": "Creado",
+  "historyActions.update": "Guardado",
+  "historyActions.publish": "Publicado",
+  "historyActions.unpublish": "Despublicado",
+  "historyActions.discard": "Borrador descartado",
+  "historyActions.delete": "Eliminado",
+  "historyActions.restore": "Restaurado",
+  historyInitial: "Primera versi\xF3n",
+  historyNoChange: "Sin cambios de contenido",
+  historyMissing: "No registrado (la captura fall\xF3)",
+  historyBlocksSummary: "Bloques: {added} a\xF1adidos, {removed} eliminados, {changed} modificados",
+  historyFieldsSummary: "Campos: {fields}",
+  historyNotKept: "Esta versi\xF3n ya no se conserva.",
+  historyCompare: "Comparado con el formulario",
+  historySame: "Mismo contenido que el formulario.",
+  "diffOps.added": "A\xF1adido",
+  "diffOps.removed": "Eliminado",
+  "diffOps.changed": "Modificado",
+  historyDiffFields: "Campos distintos: {fields}",
+  historyDiffNote: "Las relaciones no se comparan.",
+  historyLoad: "Cargar esta versi\xF3n",
+  historyLoaded: "Versi\xF3n cargada en el formulario. No se guarda nada hasta que guardes.",
+  historyLeft: "Se dejan como est\xE1n: {fields}",
+  historyRemovedFields: "Ya no est\xE1n en el esquema, no se cargan: {fields}",
+  historyMissingItems: "Ya no existen, se omiten: {media} archivos multimedia, {relations} entradas relacionadas, {blocks} bloques",
+  historyLoadFailed: "No se pudo cargar esta versi\xF3n.",
+  historyShowMore: "Mostrar m\xE1s",
+  historySettings: "Historial de versiones",
+  historySettingsHelp: "Registra cada creaci\xF3n, guardado, publicaci\xF3n, despublicaci\xF3n, descarte y eliminaci\xF3n hechos a trav\xE9s del document service de Strapi (el admin, las API REST y GraphQL, otros plugins), con una instant\xE1nea del contenido. Los editores ven las versiones en la vista de edici\xF3n y pueden cargar una en el formulario. Es actividad de contenido, no un registro de auditor\xEDa de seguridad: las escrituras directas en la base de datos no se ven.",
+  historyEnabled: "Registrar versiones",
+  historyAll: "Todos los tipos de contenido",
+  historyTypes: "Tipos de contenido",
+  historyRetention: "Conservar instant\xE1neas (d\xEDas)",
+  historyMax: "Instant\xE1neas por documento (m\xE1ximo)",
+  historyEventDays: "Conservar la actividad (d\xEDas)",
+  historyRetentionHelp: "Una tarea nocturna vac\xEDa las instant\xE1neas m\xE1s antiguas que esto o por encima del m\xE1ximo por documento (se conservan las m\xE1s recientes) y elimina la actividad m\xE1s antigua que su l\xEDmite. Nunca elimina archivos multimedia.",
+  historyInvalid: "N\xFAmeros enteros: de 1 a 3650 d\xEDas (la actividad se conserva al menos tanto como las instant\xE1neas) y de 1 a 1000 instant\xE1neas."
 };
 
 // admin/translations/de.json
@@ -1901,7 +2269,6 @@ var de_default = {
   previewHelp: "Ungespeicherte \xC4nderungen erscheinen in der Vorschau. Klicken Sie auf einen Block, um sein Formular zu \xF6ffnen, auf ein Bild f\xFCr die Medienbibliothek, auf einen Text, um ihn zu bearbeiten.",
   previewNoUrl: "Keine Vorschau-URL: in Einstellungen, Blockscene festlegen oder die native Strapi-Vorschau f\xFCr diesen Inhaltstyp konfigurieren.",
   previewFailed: "Die Vorschau hat innerhalb von 15 s nicht geantwortet. L\xE4dt das Frontend noch, erscheint sie von selbst; das Formular bleibt benutzbar.",
-  previewReady: "Seitenvorschau \xB7 ungespeicherte \xC4nderungen",
   previewLoading: "Vorschau wird geladen\u2026",
   retry: "Erneut versuchen",
   editText: "Text bearbeiten",
@@ -2059,12 +2426,57 @@ var de_default = {
   confirmDeleteOption: "Vor dem L\xF6schen eines Blocks nachfragen",
   duplicateOption: "\u201EDuplizieren\u201C an jedem Block anzeigen",
   clipboardOption: "\u201EKopieren\u201C und \u201EEinf\xFCgen\u201C anzeigen (seiten\xFCbergreifend)",
+  friendlyLabels: "Lesbare Feldbezeichnungen",
+  friendlyLabelsHelp: "Felder, deren Bezeichnung noch der Attributname ist, erscheinen als W\xF6rter (\u201EmobileColumnsCount\u201C wird zu \u201EMobile columns count\u201C). In \u201EAnsicht konfigurieren\u201C gesetzte Bezeichnungen und Texte aus der \u201Efields\u201C-Konfiguration des Projekts bleiben erhalten.",
   hiddenBlocks: "Auf der Website ausgeblendete Bl\xF6cke",
   "hiddenModes.strip": "Aus der Content-API entfernt",
   "hiddenModes.flag": "Mit Markierung gesendet (das Frontend entscheidet)",
   "hiddenModes.off": "Aus (kein Ausblenden-Knopf)",
   hiddenBlocksHelp: "Das Auge an jedem Block blendet ihn auf der Website aus. Entfernt: Lesezugriffe der Content-API (REST, GraphQL) lassen ihn weg, der Admin zeigt ihn immer. Markierung: Er wird mit dem Attribut gesendet und das Frontend entscheidet.",
-  hiddenAttributeOff: "Die Plugin-Konfiguration setzt hiddenAttribute auf false: Bl\xF6cke k\xF6nnen nicht ausgeblendet werden."
+  hiddenAttributeOff: "Die Plugin-Konfiguration setzt hiddenAttribute auf false: Bl\xF6cke k\xF6nnen nicht ausgeblendet werden.",
+  historyTitle: "Verlauf",
+  historyEmpty: "Noch keine Versionen. Speichern, Ver\xF6ffentlichen und L\xF6schen werden ab jetzt aufgezeichnet.",
+  historyLoading: "Verlauf wird geladen\u2026",
+  historyFailed: "Der Verlauf konnte nicht geladen werden.",
+  historyRefresh: "Verlauf aktualisieren",
+  historySystem: "System",
+  "historyActions.create": "Erstellt",
+  "historyActions.update": "Gespeichert",
+  "historyActions.publish": "Ver\xF6ffentlicht",
+  "historyActions.unpublish": "Ver\xF6ffentlichung zur\xFCckgezogen",
+  "historyActions.discard": "Entwurf verworfen",
+  "historyActions.delete": "Gel\xF6scht",
+  "historyActions.restore": "Wiederhergestellt",
+  historyInitial: "Erste Version",
+  historyNoChange: "Keine inhaltliche \xC4nderung",
+  historyMissing: "Nicht aufgezeichnet (Erfassung fehlgeschlagen)",
+  historyBlocksSummary: "Bl\xF6cke: {added} hinzugef\xFCgt, {removed} entfernt, {changed} ge\xE4ndert",
+  historyFieldsSummary: "Felder: {fields}",
+  historyNotKept: "Diese Version wird nicht mehr aufbewahrt.",
+  historyCompare: "Verglichen mit dem Formular",
+  historySame: "Gleicher Inhalt wie im Formular.",
+  "diffOps.added": "Hinzugef\xFCgt",
+  "diffOps.removed": "Entfernt",
+  "diffOps.changed": "Ge\xE4ndert",
+  historyDiffFields: "Abweichende Felder: {fields}",
+  historyDiffNote: "Relationen werden nicht verglichen.",
+  historyLoad: "Diese Version laden",
+  historyLoaded: "Version ins Formular geladen. Nichts wird gespeichert, bis Sie speichern.",
+  historyLeft: "Unver\xE4ndert gelassen: {fields}",
+  historyRemovedFields: "Nicht mehr im Schema, nicht geladen: {fields}",
+  historyMissingItems: "Existieren nicht mehr, ausgelassen: {media} Mediendateien, {relations} verkn\xFCpfte Eintr\xE4ge, {blocks} Bl\xF6cke",
+  historyLoadFailed: "Diese Version konnte nicht geladen werden.",
+  historyShowMore: "Mehr anzeigen",
+  historySettings: "Versionsverlauf",
+  historySettingsHelp: "Zeichnet jedes Erstellen, Speichern, Ver\xF6ffentlichen, Zur\xFCckziehen, Verwerfen und L\xF6schen \xFCber den Document Service von Strapi auf (Admin, REST- und GraphQL-API, andere Plugins), mit einem Snapshot des Inhalts. Redakteure sehen die Versionen in der Bearbeitungsansicht und k\xF6nnen eine ins Formular laden. Das ist Inhaltsaktivit\xE4t, kein Sicherheits-Audit-Log: direkte Datenbankschreibvorg\xE4nge werden nicht erfasst.",
+  historyEnabled: "Versionen aufzeichnen",
+  historyAll: "Alle Inhaltstypen",
+  historyTypes: "Inhaltstypen",
+  historyRetention: "Snapshots aufbewahren (Tage)",
+  historyMax: "Snapshots pro Dokument (Maximum)",
+  historyEventDays: "Aktivit\xE4t aufbewahren (Tage)",
+  historyRetentionHelp: "Ein n\xE4chtlicher Job leert Snapshots, die \xE4lter sind oder das Maximum pro Dokument \xFCberschreiten (die neuesten bleiben), und l\xF6scht Aktivit\xE4t, die \xE4lter als ihr Limit ist. Mediendateien l\xF6scht er nie.",
+  historyInvalid: "Ganze Zahlen: 1 bis 3650 Tage (die Aktivit\xE4t mindestens so lange wie die Snapshots) und 1 bis 1000 Snapshots."
 };
 
 // admin/translations/it.json
@@ -2142,7 +2554,6 @@ var it_default = {
   previewHelp: "Le modifiche non salvate compaiono nell'anteprima. Clicca un blocco per aprire il suo modulo, un'immagine per aprire la Libreria media, un testo per modificarlo.",
   previewNoUrl: "Nessun URL di anteprima: impostalo in Impostazioni, Blockscene, oppure configura l'Anteprima nativa di Strapi per questo tipo di contenuto.",
   previewFailed: "L'anteprima non ha risposto entro 15 s. Se il frontend sta ancora caricando, comparir\xE0 da sola; il modulo resta utilizzabile.",
-  previewReady: "Anteprima della pagina \xB7 modifiche non salvate",
   previewLoading: "Caricamento dell'anteprima\u2026",
   retry: "Riprova",
   editText: "Modifica testo",
@@ -2300,12 +2711,57 @@ var it_default = {
   confirmDeleteOption: "Chiedi conferma prima di eliminare un blocco",
   duplicateOption: 'Mostra "Duplica" su ogni blocco',
   clipboardOption: 'Mostra "Copia" e "Incolla" (tra pagine)',
+  friendlyLabels: "Etichette dei campi leggibili",
+  friendlyLabelsHelp: `I campi la cui etichetta \xE8 ancora il nome dell'attributo appaiono come parole ("mobileColumnsCount" diventa "Mobile columns count"). Le etichette impostate in "Configura la vista" e i testi della configurazione "fields" del progetto restano invariati.`,
   hiddenBlocks: "Blocchi nascosti sul sito",
   "hiddenModes.strip": "Rimossi dall'API dei contenuti",
   "hiddenModes.flag": "Inviati con il flag (decide il frontend)",
   "hiddenModes.off": "Disattivato (nessun pulsante nascondi)",
   hiddenBlocksHelp: "L'occhio su ogni blocco lo segna come nascosto sul sito. Rimossi: le letture dell'API dei contenuti (REST, GraphQL) lo omettono, l'admin lo mostra sempre. Flag: viene inviato con l'attributo e decide il frontend.",
-  hiddenAttributeOff: "La configurazione del plugin imposta hiddenAttribute a false: i blocchi non possono essere nascosti."
+  hiddenAttributeOff: "La configurazione del plugin imposta hiddenAttribute a false: i blocchi non possono essere nascosti.",
+  historyTitle: "Cronologia",
+  historyEmpty: "Ancora nessuna versione. Da ora vengono registrati salvataggi, pubblicazioni ed eliminazioni.",
+  historyLoading: "Caricamento della cronologia\u2026",
+  historyFailed: "Impossibile caricare la cronologia.",
+  historyRefresh: "Aggiorna cronologia",
+  historySystem: "Sistema",
+  "historyActions.create": "Creato",
+  "historyActions.update": "Salvato",
+  "historyActions.publish": "Pubblicato",
+  "historyActions.unpublish": "Pubblicazione annullata",
+  "historyActions.discard": "Bozza scartata",
+  "historyActions.delete": "Eliminato",
+  "historyActions.restore": "Ripristinato",
+  historyInitial: "Prima versione",
+  historyNoChange: "Nessuna modifica al contenuto",
+  historyMissing: "Non registrato (acquisizione non riuscita)",
+  historyBlocksSummary: "Blocchi: {added} aggiunti, {removed} rimossi, {changed} modificati",
+  historyFieldsSummary: "Campi: {fields}",
+  historyNotKept: "Questa versione non \xE8 pi\xF9 conservata.",
+  historyCompare: "Confrontato con il modulo",
+  historySame: "Stesso contenuto del modulo.",
+  "diffOps.added": "Aggiunto",
+  "diffOps.removed": "Rimosso",
+  "diffOps.changed": "Modificato",
+  historyDiffFields: "Campi diversi: {fields}",
+  historyDiffNote: "Le relazioni non vengono confrontate.",
+  historyLoad: "Carica questa versione",
+  historyLoaded: "Versione caricata nel modulo. Nulla viene salvato finch\xE9 non salvi.",
+  historyLeft: "Lasciati come sono: {fields}",
+  historyRemovedFields: "Non pi\xF9 nello schema, non caricati: {fields}",
+  historyMissingItems: "Non esistono pi\xF9, esclusi: {media} file multimediali, {relations} voci collegate, {blocks} blocchi",
+  historyLoadFailed: "Impossibile caricare questa versione.",
+  historyShowMore: "Mostra altro",
+  historySettings: "Cronologia delle versioni",
+  historySettingsHelp: "Registra ogni creazione, salvataggio, pubblicazione, annullamento della pubblicazione, scarto e eliminazione fatti tramite il document service di Strapi (l'admin, le API REST e GraphQL, altri plugin), con un'istantanea del contenuto. Gli editor vedono le versioni nella vista di modifica e possono caricarne una nel modulo. \xC8 attivit\xE0 sui contenuti, non un registro di audit di sicurezza: le scritture dirette nel database non vengono viste.",
+  historyEnabled: "Registra le versioni",
+  historyAll: "Tutti i tipi di contenuto",
+  historyTypes: "Tipi di contenuto",
+  historyRetention: "Conserva le istantanee (giorni)",
+  historyMax: "Istantanee per documento (massimo)",
+  historyEventDays: "Conserva l'attivit\xE0 (giorni)",
+  historyRetentionHelp: "Un'attivit\xE0 notturna svuota le istantanee pi\xF9 vecchie di cos\xEC o oltre il massimo per documento (le pi\xF9 recenti restano) ed elimina l'attivit\xE0 pi\xF9 vecchia del suo limite. Non elimina mai file multimediali.",
+  historyInvalid: "Numeri interi: da 1 a 3650 giorni (l'attivit\xE0 conservata almeno quanto le istantanee) e da 1 a 1000 istantanee."
 };
 
 // admin/translations/nl.json
@@ -2383,7 +2839,6 @@ var nl_default = {
   previewHelp: "Niet-opgeslagen wijzigingen verschijnen in het voorbeeld. Klik op een blok om het formulier te openen, op een afbeelding voor de Mediabibliotheek, op een tekst om die te bewerken.",
   previewNoUrl: "Geen voorbeeld-URL: stel die in bij Instellingen, Blockscene, of configureer Strapi's native Preview voor dit contenttype.",
   previewFailed: "Het voorbeeld antwoordde niet binnen 15 s. Als de frontend nog laadt, verschijnt het vanzelf; het formulier blijft bruikbaar.",
-  previewReady: "Paginavoorbeeld \xB7 niet-opgeslagen wijzigingen",
   previewLoading: "Voorbeeld laden\u2026",
   retry: "Opnieuw proberen",
   editText: "Tekst bewerken",
@@ -2541,12 +2996,57 @@ var nl_default = {
   confirmDeleteOption: "Bevestigen voordat een blok wordt verwijderd",
   duplicateOption: '"Dupliceren" op elk blok tonen',
   clipboardOption: `"Kopi\xEBren" en "Plakken" tonen (tussen pagina's)`,
+  friendlyLabels: "Leesbare veldlabels",
+  friendlyLabelsHelp: 'Velden waarvan het label nog de attribuutnaam is, verschijnen als woorden ("mobileColumnsCount" wordt "Mobile columns count"). Labels uit "Weergave configureren" en teksten uit de "fields"-configuratie van het project blijven behouden.',
   hiddenBlocks: "Op de site verborgen blokken",
   "hiddenModes.strip": "Verwijderd uit de content-API",
   "hiddenModes.flag": "Verzonden met de markering (de frontend beslist)",
   "hiddenModes.off": "Uit (geen verbergknop)",
   hiddenBlocksHelp: "Het oog op elk blok markeert het als verborgen op de site. Verwijderd: leesverzoeken van de content-API (REST, GraphQL) laten het weg, de admin toont het altijd. Markering: het wordt met het attribuut verzonden en de frontend beslist.",
-  hiddenAttributeOff: "De pluginconfiguratie zet hiddenAttribute op false: blokken kunnen niet verborgen worden."
+  hiddenAttributeOff: "De pluginconfiguratie zet hiddenAttribute op false: blokken kunnen niet verborgen worden.",
+  historyTitle: "Geschiedenis",
+  historyEmpty: "Nog geen versies. Opslaan, publiceren en verwijderen worden vanaf nu vastgelegd.",
+  historyLoading: "Geschiedenis laden\u2026",
+  historyFailed: "De geschiedenis kon niet worden geladen.",
+  historyRefresh: "Geschiedenis vernieuwen",
+  historySystem: "Systeem",
+  "historyActions.create": "Aangemaakt",
+  "historyActions.update": "Opgeslagen",
+  "historyActions.publish": "Gepubliceerd",
+  "historyActions.unpublish": "Publicatie ingetrokken",
+  "historyActions.discard": "Concept verworpen",
+  "historyActions.delete": "Verwijderd",
+  "historyActions.restore": "Hersteld",
+  historyInitial: "Eerste versie",
+  historyNoChange: "Geen inhoudelijke wijziging",
+  historyMissing: "Niet vastgelegd (vastleggen mislukt)",
+  historyBlocksSummary: "Blokken: {added} toegevoegd, {removed} verwijderd, {changed} gewijzigd",
+  historyFieldsSummary: "Velden: {fields}",
+  historyNotKept: "Deze versie wordt niet meer bewaard.",
+  historyCompare: "Vergeleken met het formulier",
+  historySame: "Zelfde inhoud als het formulier.",
+  "diffOps.added": "Toegevoegd",
+  "diffOps.removed": "Verwijderd",
+  "diffOps.changed": "Gewijzigd",
+  historyDiffFields: "Afwijkende velden: {fields}",
+  historyDiffNote: "Relaties worden niet vergeleken.",
+  historyLoad: "Deze versie laden",
+  historyLoaded: "Versie in het formulier geladen. Er wordt niets opgeslagen totdat je opslaat.",
+  historyLeft: "Gelaten zoals ze zijn: {fields}",
+  historyRemovedFields: "Niet meer in het schema, niet geladen: {fields}",
+  historyMissingItems: "Bestaan niet meer, weggelaten: {media} mediabestanden, {relations} gekoppelde items, {blocks} blokken",
+  historyLoadFailed: "Deze versie kon niet worden geladen.",
+  historyShowMore: "Meer tonen",
+  historySettings: "Versiegeschiedenis",
+  historySettingsHelp: "Legt elke aanmaak, opslag, publicatie, intrekking, verwerping en verwijdering via de document service van Strapi vast (de admin, de REST- en GraphQL-API's, andere plugins), met een momentopname van de inhoud. Redacteuren zien de versies in de bewerkweergave en kunnen er een in het formulier laden. Dit is inhoudsactiviteit, geen beveiligingsauditlog: rechtstreekse schrijfacties in de database worden niet gezien.",
+  historyEnabled: "Versies vastleggen",
+  historyAll: "Alle inhoudstypen",
+  historyTypes: "Inhoudstypen",
+  historyRetention: "Momentopnamen bewaren (dagen)",
+  historyMax: "Momentopnamen per document (maximum)",
+  historyEventDays: "Activiteit bewaren (dagen)",
+  historyRetentionHelp: "Een nachtelijke taak leegt momentopnamen die ouder zijn of boven het maximum per document uitkomen (de nieuwste blijven) en verwijdert activiteit die ouder is dan de limiet. Mediabestanden worden nooit verwijderd.",
+  historyInvalid: "Gehele getallen: 1 tot 3650 dagen (de activiteit minstens zo lang bewaard als de momentopnamen) en 1 tot 1000 momentopnamen."
 };
 
 // admin/messages.ts
@@ -2580,9 +3080,9 @@ function useAnchors(zones, onOpen) {
   sync.current = () => {
     const next = [];
     for (const zone of latest.current) {
-      const list = zone.uids?.length ? findZoneList(zone.label) : null;
-      if (!list) continue;
-      toggles(list).forEach((button, index) => {
+      const list2 = zone.uids?.length ? findZoneList(zone.label) : null;
+      if (!list2) continue;
+      toggles(list2).forEach((button, index) => {
         const uid = zone.uids[index];
         if (!uid) return;
         let el = button.querySelector(
@@ -2793,7 +3293,7 @@ function toConnect(relations, target) {
       id: r.id,
       apiData: { id: r.id, documentId: r.documentId, locale: r.locale, isTemporary: true },
       status: r.status,
-      label: r.documentId,
+      label: r.label ?? r.documentId,
       href: `../collection-types/${target}/${r.documentId}${r.locale ? `?plugins[i18n][locale]=${r.locale}` : ""}`,
       __temp_key__: keys[i]
     })),
@@ -2968,9 +3468,9 @@ function useAnchors2(zones, enabled) {
     const next = [];
     if (enabled)
       for (const zone of latest.current) {
-        const list = zone.count ? findZoneList(zone.label) : null;
-        if (!list) continue;
-        toggles(list).forEach((toggle, index) => {
+        const list2 = zone.count ? findZoneList(zone.label) : null;
+        if (!list2) continue;
+        toggles(list2).forEach((toggle, index) => {
           const trash = trashOf(toggle);
           if (!trash || index >= zone.count) return;
           const holder = trash.parentElement !== actionsOf(toggle) && trash.parentElement?.children.length === 1 ? trash.parentElement : trash;
@@ -3088,9 +3588,9 @@ function RowActions({ zones, actions, Modal: Modal2 }) {
       const button = event.target?.closest?.("button");
       if (!button || bypass.current) return;
       for (const zone of latest.current.zones) {
-        const list = findZoneList(zone.label);
-        if (!list?.contains(button)) continue;
-        const headers = toggles(list);
+        const list2 = findZoneList(zone.label);
+        if (!list2?.contains(button)) continue;
+        const headers = toggles(list2);
         const index = headers.findIndex((toggle) => trashOf(toggle) === button);
         if (index < 0) return;
         event.preventDefault();
@@ -3552,7 +4052,7 @@ var readCollapsed = () => {
 };
 var TYPE_ICONS = { hero: "hero", text: "text", media: "image", listing: "list", cards: "cards", cta: "link", form: "form", layout: "layout" };
 var FILTER_MENUS = ["tags", "media", "content"];
-var toggled = (list, value) => list.includes(value) ? list.filter((item) => item !== value) : [...list, value];
+var toggled = (list2, value) => list2.includes(value) ? list2.filter((item) => item !== value) : [...list2, value];
 function FilterMenu({ name, label, options, picked, onChange, labelOf }) {
   const [open, setOpen] = React4.useState(false);
   const ref = React4.useRef(null);
@@ -4033,7 +4533,7 @@ function ZoneGallery({
   };
   const star = (uid) => savePrefs({ ...prefs, starred: toggled(prefs.starred, uid) });
   const options = config2 ? optionsFor(zone, components, config2) : null;
-  const inZone = (list) => options ? list.filter((uid) => options.uids.includes(uid)) : [];
+  const inZone = (list2) => options ? list2.filter((uid) => options.uids.includes(uid)) : [];
   const filter = {
     ...picked,
     typology: TYPOLOGIES.includes(view) ? view : void 0,
@@ -4310,16 +4810,16 @@ function useInitialAccordions({
     };
     document.addEventListener("click", cancel, true);
     const timer = setInterval(() => {
-      const pending = latest.current.filter((zone) => zone.count > 0);
-      const ready = pending.length > 0 && pending.every((zone) => {
-        const list = findZoneList(zone.label);
-        return list && toggles(list).length >= zone.count;
+      const pending2 = latest.current.filter((zone) => zone.count > 0);
+      const ready = pending2.length > 0 && pending2.every((zone) => {
+        const list2 = findZoneList(zone.label);
+        return list2 && toggles(list2).length >= zone.count;
       }) && (editor.initialState !== "remember" || user.current);
       if (!ready && ++tries < 25) return;
       stop();
-      for (const zone of pending) {
-        const list = findZoneList(zone.label);
-        if (!list) continue;
+      for (const zone of pending2) {
+        const list2 = findZoneList(zone.label);
+        if (!list2) continue;
         const key = memoryKey({
           base: memoryBase(),
           userId: user.current,
@@ -4327,7 +4827,7 @@ function useInitialAccordions({
           zone: zone.name
         });
         setAll(
-          list,
+          list2,
           initialState(editor, readMemory(storage2(), key)) === "open",
           import_react_dom3.unstable_batchedUpdates
         );
@@ -4343,8 +4843,8 @@ function useLabelAnchor(zone, enabled) {
     if (!enabled) return;
     let frame2 = 0;
     const sync = () => {
-      const list = findZoneList(zone.label);
-      const row = list && [...list.parentElement?.children || []].find((child) => child !== list && child.textContent?.trim());
+      const list2 = findZoneList(zone.label);
+      const row = list2 && [...list2.parentElement?.children || []].find((child) => child !== list2 && child.textContent?.trim());
       let anchor = document.querySelector(`[${ZONE_ATTR}="${CSS.escape(zone.name)}"]`);
       if (anchor && anchor.parentElement !== row) {
         anchor.remove();
@@ -4381,8 +4881,8 @@ function ZoneControls({ zone, editor, contentType, userId, tools }) {
   const anchor = useLabelAnchor(zone, shown);
   if (!shown || !anchor) return null;
   const apply = (open) => {
-    const list = findZoneList(zone.label);
-    if (list) setAll(list, open, import_react_dom3.unstable_batchedUpdates);
+    const list2 = findZoneList(zone.label);
+    if (list2) setAll(list2, open, import_react_dom3.unstable_batchedUpdates);
     writeMemory(
       storage2(),
       memoryKey({ base: memoryBase(), userId, contentType, zone: zone.name }),
@@ -4444,6 +4944,7 @@ var React5 = __toESM(require("react"));
 var import_react_dom4 = require("react-dom");
 var import_styled_components4 = __toESM(require("styled-components"));
 var import_design_system3 = require("@strapi/design-system");
+var import_react_intl2 = require("react-intl");
 var import_admin = require("@strapi/strapi/admin");
 var import_strapi_admin = require("@strapi/content-manager/strapi-admin");
 
@@ -4677,6 +5178,9 @@ function ToolbarActions({ model, collectionType, documentId, locale }) {
   );
   const { toggleNotification } = (0, import_admin.useNotification)();
   const t = useMessages();
+  const { formatMessage } = (0, import_react_intl2.useIntl)();
+  const modified = (0, import_admin.useForm)("BlocksceneToolbar", (state) => state.modified);
+  const status = documentId ? doc?.status : void 0;
   const descriptions = (plugins["content-manager"]?.apis?.getDocumentActions?.("panel") || []).filter((d) => ACTION_TYPES.includes(d.type));
   const props = {
     activeTab: query.status || "draft",
@@ -4705,23 +5209,36 @@ function ToolbarActions({ model, collectionType, documentId, locale }) {
   const typeOf = (action) => action.type || descriptions.find(
     (d) => typeof action.id === "string" && action.id.startsWith(`${d.name || d.displayName}-`)
   )?.type;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_admin.DescriptionComponentRenderer, { props, descriptions, children: (actions) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Flex, { gap: 1, "data-testid": "page-preview-actions", children: [...actions].sort(
-    (a, b) => ACTION_TYPES.indexOf(typeOf(a)) - ACTION_TYPES.indexOf(typeOf(b))
-  ).map((action) => {
-    const reason = action.disabled ? typeOf(action) === "publish" ? t.publishDisabledHint : t.saveDisabledHint : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { title: reason, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_design_system3.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_admin.DescriptionComponentRenderer, { props, descriptions, children: (actions) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 2, alignItems: "center", "data-testid": "page-preview-actions", children: [
+    status && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_design_system3.Status,
       {
         size: "S",
-        variant: action.variant || "default",
-        disabled: action.disabled,
-        loading: action.loading,
-        "aria-description": reason,
-        onClick: (e) => run(action, e),
-        children: action.label
+        role: "status",
+        "data-testid": "page-preview-status",
+        variant: status === "draft" ? "secondary" : status === "published" ? "success" : "alternative",
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: formatMessage({ id: `content-manager.containers.List.${status}`, defaultMessage: status.charAt(0).toUpperCase() + status.slice(1) }) })
       }
-    ) }, action.id);
-  }) }) });
+    ),
+    modified && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.unsaved }),
+    [...actions].sort(
+      (a, b) => ACTION_TYPES.indexOf(typeOf(a)) - ACTION_TYPES.indexOf(typeOf(b))
+    ).map((action) => {
+      const reason = action.disabled ? typeOf(action) === "publish" ? t.publishDisabledHint : t.saveDisabledHint : void 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { title: reason, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_design_system3.Button,
+        {
+          size: "S",
+          variant: typeOf(action) === "publish" ? "default" : "secondary",
+          disabled: action.disabled,
+          loading: action.loading,
+          "aria-description": reason,
+          onClick: (e) => run(action, e),
+          children: action.label
+        }
+      ) }, action.id);
+    })
+  ] }) });
 }
 var COALESCE_MS = 400;
 var clone = (value) => {
@@ -5197,9 +5714,9 @@ function PagePreview({
       const uid = index >= 0 ? latest.current[index]?.__component : "";
       if (index < 0) return;
       if (is("select")) {
-        const list = findZoneList(zoneLabel2);
-        const item = list?.querySelectorAll(":scope > li")[index];
-        const header = list ? toggles(list)[index] : null;
+        const list2 = findZoneList(zoneLabel2);
+        const item = list2?.querySelectorAll(":scope > li")[index];
+        const header = list2 ? toggles(list2)[index] : null;
         if (header?.getAttribute("aria-expanded") === "false") header.click();
         item?.scrollIntoView({ block: "center", behavior: "smooth" });
         if (item) {
@@ -5260,9 +5777,9 @@ function PagePreview({
       iframe.current?.contentWindow?.postMessage({ protocol: PROTOCOL, channel, type: "hover", key }, origin);
     };
     const onOver = (event) => {
-      const list = findZoneList(live.current.zoneLabel);
+      const list2 = findZoneList(live.current.zoneLabel);
       const target = event.target;
-      const index = list?.contains(target) ? [...list.querySelectorAll(":scope > li")].findIndex((li) => li.contains(target)) : -1;
+      const index = list2?.contains(target) ? [...list2.querySelectorAll(":scope > li")].findIndex((li) => li.contains(target)) : -1;
       post(index >= 0 ? blockKey(latest.current[index]) : null);
     };
     const onOut = (event) => {
@@ -5319,16 +5836,23 @@ function PagePreview({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tool, { icon: "undo", label: `${t.undo} (${MAC ? "\u2318Z" : "Ctrl+Z"})`, disabled: !history.canUndo, onClick: history.undo }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tool, { icon: "redo", label: `${t.redo} (${MAC ? "\u21E7\u2318Z" : "Ctrl+Y"})`, disabled: !history.canRedo, onClick: history.redo })
   ] });
-  const devices = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Flex, { gap: 1, wrap: "wrap", "data-testid": "page-preview-devices", role: "group", "aria-label": t.deviceGroup, children: Object.keys(DEVICES).map((value) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    Tool,
+  const deviceLabel = (value) => DEVICES[value] ? `${t.device[value]} \xB7 ${DEVICES[value]} px` : t.device[value];
+  const devices = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { "data-testid": "page-preview-devices", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_design_system3.SimpleMenu,
     {
-      icon: value,
-      label: DEVICES[value] ? `${t.device[value]} \xB7 ${DEVICES[value]} px` : t.device[value],
-      active: device === value,
-      onClick: () => setDevice(value)
-    },
-    value
-  )) });
+      variant: "tertiary",
+      size: "S",
+      "aria-label": `${t.deviceGroup}: ${deviceLabel(device)}`,
+      label: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 2, alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: device, size: 16 }),
+        t.device[device]
+      ] }),
+      children: Object.keys(DEVICES).map((value) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.MenuItem, { onSelect: () => setDevice(value), "aria-checked": device === value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 2, alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: value, size: 16 }),
+        deviceLabel(value)
+      ] }) }, value))
+    }
+  ) });
   const onKey = (event) => {
     const map = {
       ArrowLeft: paneWidth + KEY_STEP,
@@ -5488,7 +6012,7 @@ function PagePreview({
                       wrap: "wrap",
                       style: { marginLeft: "auto" },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", role: "status", textColor: "neutral600", children: failed ? t.previewFailed : ready ? t.previewReady : t.previewLoading }),
+                        !ready && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", role: "status", textColor: "neutral600", children: failed ? t.previewFailed : t.previewLoading }),
                         failed && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Button, { size: "S", variant: "secondary", onClick: retry, children: t.retry }),
                         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                           ToolbarActions,
@@ -5730,11 +6254,254 @@ function PagePreview({
   ] });
 }
 
-// admin/Settings.tsx
+// admin/History.tsx
 var React6 = __toESM(require("react"));
 var import_design_system4 = require("@strapi/design-system");
-var import_styled_components5 = __toESM(require("styled-components"));
+var import_admin2 = require("@strapi/strapi/admin");
+
+// admin/versions.mjs
+var import_fractional_indexing3 = require("fractional-indexing");
+var import_diff = __toESM(require_diff(), 1);
+var targetOf = (attr) => attr.targetModel || attr.target;
+var list = (value) => Array.isArray(value) ? value : value == null ? [] : [value];
+var withKeys = (rows) => {
+  const keys = rows.length ? (0, import_fractional_indexing3.generateNKeysBetween)(null, null, rows.length) : [];
+  return rows.map((row, i) => ({ ...row, __temp_key__: keys[i] }));
+};
+function formDiff(snapshot, formValues, schema, components) {
+  const schemaOf = (uid) => components?.[uid];
+  const version = (0, import_diff.canonical)(snapshot, schema, schemaOf, { relations: false });
+  const form = (0, import_diff.canonical)(formValues, schema, schemaOf, { relations: false });
+  const zones = [];
+  const fields = [];
+  for (const [name, attr] of Object.entries(schema?.attributes || {})) {
+    if (!(0, import_diff.kept)(name, attr) || attr.type === "relation") continue;
+    if (attr.type === "dynamiczone") {
+      const ops = (0, import_diff.diffRows)(form[name] || [], version[name] || []).filter((op) => op.op !== "same");
+      if (ops.length) zones.push({ name, ops });
+    } else if (!(0, import_diff.same)(form[name], version[name])) fields.push(name);
+  }
+  return { fields, zones };
+}
+function loadVersion(snapshot, { schema, components, current = {}, media = {}, relations = {}, server = {}, editable = () => true }) {
+  const schemaOf = (uid) => components?.[uid];
+  const report = { left: [], removed: [], blocks: 0, media: 0, relations: 0 };
+  const file = (id) => media[id] || (report.media++, null);
+  const resolve = (attr, refs) => {
+    const targets = relations[targetOf(attr)] || [];
+    const found = [];
+    for (const ref of refs) {
+      const hit = targets.find((r) => r.documentId === ref.documentId && (r.locale || null) === (ref.locale || null)) || targets.find((r) => r.documentId === ref.documentId);
+      if (hit) found.push(hit);
+      else report.relations++;
+    }
+    return found;
+  };
+  const build = (data, schema2) => {
+    const out = {};
+    for (const [name, attr] of Object.entries(schema2?.attributes || {})) {
+      const value = data?.[name];
+      if (!(0, import_diff.kept)(name, attr)) continue;
+      if (attr.type === "relation") out[name] = toConnect(resolve(attr, list(value)), targetOf(attr));
+      else if (value === void 0 || value === null) continue;
+      else if (attr.type === "media") {
+        if (attr.multiple) out[name] = list(value).map(file).filter(Boolean);
+        else out[name] = file(value);
+      } else if (attr.type === "component") {
+        const child = schemaOf(attr.component);
+        out[name] = attr.repeatable ? withKeys(list(value).map((item) => build(item, child))) : build(value, child);
+      } else if (attr.type === "dynamiczone") out[name] = zone(attr, value);
+      else out[name] = structuredClone(value);
+    }
+    return out;
+  };
+  const zone = (attr, rows) => withKeys(list(rows).filter((row) => {
+    const ok = row && attr.components?.includes(row.__component) && schemaOf(row.__component);
+    if (!ok) report.blocks++;
+    return ok;
+  }).map((row) => ({ ...build(row, schemaOf(row.__component)), __component: row.__component })));
+  const values = { ...current };
+  for (const name of Object.keys(snapshot || {})) if (!schema?.attributes?.[name]) report.removed.push(name);
+  for (const [name, attr] of Object.entries(schema?.attributes || {})) {
+    if (!(0, import_diff.kept)(name, attr)) continue;
+    const value = snapshot?.[name];
+    const empty = value === void 0 || value === null;
+    if (!editable(name)) {
+      if (!empty || current[name] != null) report.left.push(name);
+      continue;
+    }
+    if (attr.type === "relation") {
+      if (!Array.isArray(server[name])) {
+        report.left.push(name);
+        continue;
+      }
+      const wanted = resolve(attr, list(value));
+      const has = new Set(server[name].map((r) => r.documentId));
+      const keep = new Set(wanted.map((r) => r.documentId));
+      values[name] = {
+        connect: toConnect(wanted.filter((r) => !has.has(r.documentId)), targetOf(attr)).connect,
+        disconnect: server[name].filter((r) => !keep.has(r.documentId)).map((r) => ({ id: r.id, status: r.status, apiData: { id: r.id, documentId: r.documentId, locale: r.locale } }))
+      };
+    } else if (attr.type === "component" || attr.type === "dynamiczone") {
+      if (attr.type === "dynamiczone") values[name] = zone(attr, value);
+      else if (attr.repeatable) values[name] = withKeys(list(value).map((item) => build(item, schemaOf(attr.component))));
+      else values[name] = empty ? null : build(value, schemaOf(attr.component));
+    } else if (attr.type === "media") {
+      values[name] = attr.multiple ? list(value).map(file).filter(Boolean) : empty ? null : file(value);
+    } else if (!empty) values[name] = structuredClone(value);
+    else if (current[name] != null && current[name] !== "") values[name] = null;
+  }
+  return { values, report };
+}
+
+// admin/History.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
+var READ = [{ action: "plugin::blockscene.history.read", subject: null }];
+var PAGE = 10;
+function History({ model, documentId, schema, components, editable, disabled, get, relationsOf: relationsOf2 }) {
+  const t = useMessages();
+  const { allowedActions, isLoading } = (0, import_admin2.useRBAC)(READ);
+  const [{ query }] = (0, import_admin2.useQueryParams)();
+  const locale = typeof query?.plugins?.i18n?.locale === "string" ? query.plugins.i18n.locale : "";
+  const values = (0, import_admin2.useForm)("BlocksceneVersions", (state) => state.values);
+  const initialValues = (0, import_admin2.useForm)("BlocksceneVersions", (state) => state.initialValues);
+  const setValues = (0, import_admin2.useForm)("BlocksceneVersions", (state) => state.setValues);
+  const [events, setEvents] = React6.useState(null);
+  const [failed, setFailed] = React6.useState(false);
+  const [shown, setShown] = React6.useState(PAGE);
+  const [open, setOpen] = React6.useState(null);
+  const [report, setReport] = React6.useState(null);
+  const [loading, setLoading] = React6.useState(false);
+  const [refresh, reload] = React6.useReducer((n) => n + 1, 0);
+  const allowed = Boolean(allowedActions?.canRead);
+  React6.useEffect(() => {
+    if (!allowed || !documentId) return;
+    let active = true;
+    setFailed(false);
+    get(`/blockscene/history/${encodeURIComponent(model)}/${encodeURIComponent(documentId)}${locale ? `?locale=${encodeURIComponent(locale)}` : ""}`).then(({ data }) => active && setEvents(Array.isArray(data?.results) ? data.results : [])).catch(() => active && setFailed(true));
+    return () => {
+      active = false;
+    };
+  }, [allowed, get, model, documentId, locale, initialValues, refresh]);
+  React6.useEffect(() => {
+    setOpen(null);
+    setReport(null);
+    setShown(PAGE);
+  }, [model, documentId, locale]);
+  if (isLoading || !allowed || !documentId) return null;
+  const name = (uid) => components?.[uid]?.info?.displayName || uid;
+  const when = (at) => {
+    try {
+      return new Date(at).toLocaleString(t.locale, { dateStyle: "medium", timeStyle: "short" });
+    } catch {
+      return at;
+    }
+  };
+  const summary = (s) => {
+    if (!s) return "";
+    if (s.missing) return t.historyMissing;
+    if (s.initial) return t.historyInitial;
+    const parts = [];
+    const b = s.blocks || {};
+    if (b.added || b.removed || b.changed) parts.push(t.f("historyBlocksSummary", { added: b.added || 0, removed: b.removed || 0, changed: b.changed || 0 }));
+    if (s.fields?.length) parts.push(t.f("historyFieldsSummary", { fields: s.fields.join(", ") }));
+    return parts.join(" \xB7 ") || t.historyNoChange;
+  };
+  const select = async (event) => {
+    setReport(null);
+    if (open?.event?.id === event.id) return setOpen(null);
+    setOpen({ event, loading: true });
+    try {
+      const { data } = await get(`/blockscene/history-events/${event.id}`);
+      setOpen({ event, ...data });
+    } catch {
+      setOpen({ event, failed: true });
+    }
+  };
+  const load2 = async () => {
+    if (!open?.snapshot || typeof setValues !== "function" || disabled) return;
+    setLoading(true);
+    setReport(null);
+    try {
+      const server = {};
+      for (const [field, attr] of Object.entries(schema?.attributes || {}))
+        if (attr?.type === "relation" && editable(field)) server[field] = await relationsOf2(get, { uid: model, id: documentId, field }, locale).catch(() => void 0);
+      const { values: next, report: report2 } = loadVersion(open.snapshot, { schema, components, current: values, media: open.media, relations: open.relations, server, editable });
+      setValues(next);
+      setReport(report2);
+    } catch {
+      setReport({ failed: true });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const diff = open?.snapshot ? formDiff(open.snapshot, values, schema, components) : null;
+  const same2 = diff && !diff.fields.length && !diff.zones.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": "blockscene-versions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "sigma", tag: "h3", textColor: "neutral600", children: t.historyTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Button, { variant: "tertiary", size: "S", onClick: reload, children: t.historyRefresh })
+    ] }),
+    failed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.historyFailed }) : !events ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.historyLoading }) : !events.length ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.historyEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { tag: "ol", direction: "column", alignItems: "stretch", gap: 1, style: { listStyle: "none", margin: 0, padding: 0 }, children: [
+      events.slice(0, shown).map((event) => {
+        const active = open?.event?.id === event.id;
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { "data-testid": `history-event-${event.id}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_design_system4.Box,
+            {
+              tag: "button",
+              type: "button",
+              onClick: () => select(event),
+              "aria-expanded": active,
+              padding: 2,
+              hasRadius: true,
+              width: "100%",
+              background: active ? "primary100" : "neutral0",
+              borderColor: active ? "primary200" : "neutral150",
+              style: { textAlign: "left", cursor: "pointer", borderStyle: "solid", borderWidth: 1 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "omega", fontWeight: "bold", children: t.historyActions[event.action] || event.action }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: [
+                  event.actorName || (event.actor === "system" ? t.historySystem : event.actor),
+                  " \xB7 ",
+                  when(event.at)
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: event.summary?.missing ? "warning700" : "neutral700", children: summary(event.summary) })
+              ] })
+            }
+          ),
+          active && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 3, background: "neutral100", hasRadius: true, marginTop: 1, children: open.loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", children: t.historyLoading }) : open.failed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.historyLoadFailed }) : !open.snapshot ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.historyNotKept }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", fontWeight: "bold", children: t.historyCompare }),
+            same2 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.historySame }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+              diff.fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", children: t.f("historyDiffFields", { fields: diff.fields.join(", ") }) }),
+              diff.zones.map((zone) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Flex, { tag: "ul", direction: "column", alignItems: "stretch", gap: 1, style: { margin: 0, paddingLeft: 16 }, "data-testid": `history-diff-${zone.name}`, children: zone.ops.map((op, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Typography, { variant: "pi", textColor: op.op === "added" ? "success700" : op.op === "removed" ? "danger700" : "warning700", children: [
+                t.diffOps[op.op],
+                ": ",
+                name(op.uid),
+                op.to !== void 0 ? ` (#${op.to + 1})` : op.from !== void 0 ? ` (#${op.from + 1})` : ""
+              ] }) }, i)) }, zone.name))
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.historyDiffNote }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Button, { size: "S", onClick: load2, loading, disabled: disabled || loading, "data-testid": "history-load", children: t.historyLoad }) }),
+            report && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { role: "status", padding: 2, background: report.failed ? "danger100" : "success100", hasRadius: true, children: report.failed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "danger700", children: t.historyLoadFailed }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "success700", children: t.historyLoaded }),
+              report.left.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "warning700", "data-testid": "history-left", children: t.f("historyLeft", { fields: report.left.join(", ") }) }),
+              report.removed.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "warning700", children: t.f("historyRemovedFields", { fields: report.removed.join(", ") }) }),
+              (report.media || report.relations || report.blocks) > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "warning700", children: t.f("historyMissingItems", { media: report.media, relations: report.relations, blocks: report.blocks }) })
+            ] }) })
+          ] }) })
+        ] }, event.id);
+      }),
+      events.length > shown && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Button, { variant: "tertiary", size: "S", onClick: () => setShown(shown + PAGE), children: t.historyShowMore }) })
+    ] })
+  ] });
+}
+
+// admin/Settings.tsx
+var React7 = __toESM(require("react"));
+var import_design_system5 = require("@strapi/design-system");
+var import_styled_components5 = __toESM(require("styled-components"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var COLOR2 = /^#[0-9A-Fa-f]{6}$/;
 var Grid = import_styled_components5.default.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; `;
 var Card2 = import_styled_components5.default.div`
@@ -5747,8 +6514,8 @@ var Bar = import_styled_components5.default.div`
   box-shadow: 0 1px 4px rgba(33, 33, 52, 0.1);
 `;
 function useMainRect2(anchor) {
-  const [rect, setRect] = React6.useState({ left: 0, width: 0 });
-  React6.useEffect(() => {
+  const [rect, setRect] = React7.useState({ left: 0, width: 0 });
+  React7.useEffect(() => {
     const read3 = () => {
       let host = document.getElementById("main-content");
       for (let el = anchor.current?.parentElement; !host && el; el = el.parentElement) if (["auto", "scroll"].includes(getComputedStyle(el).overflowY) && el.scrollHeight > el.clientHeight) host = el;
@@ -5765,11 +6532,11 @@ var Swatches = import_styled_components5.default.div` display: grid; grid-templa
 var Label = import_styled_components5.default.label` display: flex; flex-direction: column; gap: 4px; font-size: 12px; `;
 function ColorField({ name, label, value, onChange, disabled }) {
   const valid = COLOR2.test(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Label, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "color", "aria-label": label, value: valid ? value : "#000000", disabled, onChange: (e) => onChange(e.target.value.toUpperCase()), style: { width: 40, height: 32, padding: 0, border: 0, background: "none" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Label, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "color", "aria-label": label, value: valid ? value : "#000000", disabled, onChange: (e) => onChange(e.target.value.toUpperCase()), style: { width: 40, height: 32, padding: 0, border: 0, background: "none" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "input",
         {
           name,
@@ -5785,14 +6552,14 @@ function ColorField({ name, label, value, onChange, disabled }) {
   ] });
 }
 function TagsField({ name, label, hint, value, onChange, disabled }) {
-  const [text, setText] = React6.useState(value.join(", "));
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Label, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { name, value: text, disabled, onChange: (e) => {
+  const [text, setText] = React7.useState(value.join(", "));
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Label, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: hint })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: hint })
   ] });
 }
 var FIELD_UID = /^(plugin|global)::[\w.-]+$/;
@@ -5800,11 +6567,11 @@ var LAZY_MAX = 20;
 var parseUids = (text) => [...new Set(text.split(/[\s,]+/).filter(Boolean))];
 var badUids = (uids = []) => uids.length > LAZY_MAX || uids.some((uid) => !FIELD_UID.test(uid));
 function UidListField({ TextField: TextField2, value, onChange, ...props }) {
-  const [text, setText] = React6.useState(value.join(", "));
-  React6.useEffect(() => {
+  const [text, setText] = React7.useState(value.join(", "));
+  React7.useEffect(() => {
     if (parseUids(text).join() !== value.join()) setText(value.join(", "));
   }, [value.join()]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TextField2, { ...props, value: text, onChange: (v) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextField2, { ...props, value: text, onChange: (v) => {
     setText(v);
     onChange(parseUids(v));
   } });
@@ -5823,6 +6590,49 @@ var Checks = import_styled_components5.default.fieldset`
   legend { font-size: 12px; font-weight: 600; margin-bottom: 4px; }
   label { display: inline-flex; align-items: center; gap: 6px; }
 `;
+var DAYS = (n) => Number.isInteger(n) && n >= 1 && n <= 3650;
+var badRetention = (h) => !h || !DAYS(h.retentionDays) || !DAYS(h.eventDays) || h.eventDays < h.retentionDays || !(Number.isInteger(h.maxSnapshots) && h.maxSnapshots >= 1 && h.maxSnapshots <= 1e3);
+function HistorySettings({ types, history, set, t, disabled, ToggleField: ToggleField2, TextField: TextField2 }) {
+  const all = history.contentTypes === "all";
+  const list2 = all ? [] : history.contentTypes;
+  const number = (key) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { minWidth: 200 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    TextField2,
+    {
+      name: `history-${key}`,
+      label: t[{ retentionDays: "historyRetention", maxSnapshots: "historyMax", eventDays: "historyEventDays" }[key]],
+      value: Number.isFinite(history[key]) ? String(history[key]) : "",
+      disabled,
+      onChange: (v) => set(key, /^\d{1,5}$/.test(v.trim()) ? Number(v.trim()) : NaN)
+    }
+  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "history-settings", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "beta", tag: "h2", children: t.historySettings }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.historySettingsHelp }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "history-enabled", label: t.historyEnabled, value: history.enabled, disabled, onChange: (v) => set("enabled", v) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "history-all", label: t.historyAll, value: all, disabled: disabled || !history.enabled, onChange: (v) => set("contentTypes", v ? "all" : types.map((type) => type.uid)) }),
+    !all && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Checks, { disabled: disabled || !history.enabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: t.historyTypes }),
+      types.map((type) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            name: `history-type-${type.uid}`,
+            checked: list2.includes(type.uid),
+            onChange: (e) => set("contentTypes", e.target.checked ? [...list2, type.uid] : list2.filter((uid) => uid !== type.uid))
+          }
+        ),
+        type.displayName
+      ] }, type.uid))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
+      number("retentionDays"),
+      number("maxSnapshots"),
+      number("eventDays")
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: badRetention(history) ? "danger600" : "neutral600", role: badRetention(history) ? "alert" : void 0, children: badRetention(history) ? t.historyInvalid : t.historyRetentionHelp })
+  ] }) });
+}
 function SidebarEditor({ type, entry, set, t, disabled, SelectField: SelectField2, TextField: TextField2 }) {
   const items = entry.sidebar || [];
   const save = (next) => set("sidebar", next.length ? next : void 0, void 0);
@@ -5834,10 +6644,10 @@ function SidebarEditor({ type, entry, set, t, disabled, SelectField: SelectField
   };
   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_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.sidebarHelp }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { style: { maxWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.sidebarHelp }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { maxWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       SelectField2,
       {
         name: id("position"),
@@ -5848,21 +6658,21 @@ function SidebarEditor({ type, entry, set, t, disabled, SelectField: SelectField
         onChange: (v) => set("sidebarPosition", v, "left")
       }
     ) }),
-    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Item, { "data-testid": id("item", index), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { style: { flex: "1 1 200px" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TextField2, { name: id("label", index), label: t.sidebarItemLabel, value: item.label, disabled, onChange: (v) => edit(index, { label: v }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { style: { minWidth: 180 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Item, { "data-testid": id("item", index), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { flex: "1 1 200px" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TextField2, { name: id("label", index), label: t.sidebarItemLabel, value: item.label, disabled, onChange: (v) => edit(index, { label: v }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { minWidth: 180 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           SelectField2,
           {
             name: id("icon", index),
             label: t.sidebarIcon,
             value: item.icon || "none",
             disabled,
-            options: [{ value: "none", label: t.noIcon }, ...SIDEBAR_ICONS.map((value) => ({ value, label: t.icons[value], icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: value, size: 16 }) }))],
+            options: [{ value: "none", label: t.noIcon }, ...SIDEBAR_ICONS.map((value) => ({ value, label: t.icons[value], icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: value, size: 16 }) }))],
             onChange: (v) => edit(index, { icon: v === "none" ? void 0 : v })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           SelectField2,
           {
             name: id("open", index),
@@ -5873,16 +6683,16 @@ function SidebarEditor({ type, entry, set, t, disabled, SelectField: SelectField
             onChange: (v) => edit(index, { open: v })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 1, paddingBottom: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index === 0, onClick: () => move(index, -1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index === items.length - 1, onClick: () => move(index, 1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Tool, { icon: "close", label: t.sidebarRemove, disabled, onClick: () => save(items.filter((_, i) => i !== index)) })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 1, paddingBottom: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index === 0, onClick: () => move(index, -1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index === items.length - 1, onClick: () => move(index, 1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Tool, { icon: "close", label: t.sidebarRemove, disabled, onClick: () => save(items.filter((_, i) => i !== index)) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Checks, { disabled, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("legend", { children: t.sidebarFields }),
-        fields.map((attr) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Checks, { disabled, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("legend", { children: t.sidebarFields }),
+        fields.map((attr) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "input",
             {
               type: "checkbox",
@@ -5894,11 +6704,11 @@ function SidebarEditor({ type, entry, set, t, disabled, SelectField: SelectField
           attr.name
         ] }, attr.name))
       ] }),
-      badItem(item) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { role: "alert", variant: "pi", textColor: "danger600", children: t.sidebarInvalid })
+      badItem(item) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { role: "alert", variant: "pi", textColor: "danger600", children: t.sidebarInvalid })
     ] }, index)),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 2, alignItems: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_design_system4.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_design_system5.Button,
         {
           variant: "secondary",
           size: "S",
@@ -5908,7 +6718,7 @@ function SidebarEditor({ type, entry, set, t, disabled, SelectField: SelectField
           children: t.sidebarAdd
         }
       ),
-      items.length >= SIDEBAR_MAX && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.f("sidebarLimit", { max: SIDEBAR_MAX }) })
+      items.length >= SIDEBAR_MAX && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.f("sidebarLimit", { max: SIDEBAR_MAX }) })
     ] })
   ] });
 }
@@ -5917,18 +6727,18 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
   const t = useMessages();
   const { get, put, del } = useClient();
   const { canRead, canUpdate, isLoading } = usePermissions2();
-  const [data, setData] = React6.useState(null);
-  const [catalog, setCatalog] = React6.useState(null);
-  const [settings, setSettings] = React6.useState(null);
-  const [media, setMedia] = React6.useState({});
-  const [sources, setSources] = React6.useState({});
-  const [dirty, setDirty] = React6.useState(false);
-  const [saving, setSaving] = React6.useState(false);
-  const [status, setStatus] = React6.useState("");
-  const [failed, setFailed] = React6.useState(false);
-  const [filter, setFilter] = React6.useState("");
-  const [picking, setPicking] = React6.useState(null);
-  React6.useEffect(() => {
+  const [data, setData] = React7.useState(null);
+  const [catalog, setCatalog] = React7.useState(null);
+  const [settings, setSettings] = React7.useState(null);
+  const [media, setMedia] = React7.useState({});
+  const [sources, setSources] = React7.useState({});
+  const [dirty, setDirty] = React7.useState(false);
+  const [saving, setSaving] = React7.useState(false);
+  const [status, setStatus] = React7.useState("");
+  const [failed, setFailed] = React7.useState(false);
+  const [filter, setFilter] = React7.useState("");
+  const [picking, setPicking] = React7.useState(null);
+  React7.useEffect(() => {
     if (!canRead || isLoading) return;
     let active = true;
     Promise.all([get("/blockscene/settings"), get("/blockscene/catalog")]).then(([s, c]) => {
@@ -5952,7 +6762,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
   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 badSidebar = settings && Object.values(settings.contentTypes || {}).some((entry) => (entry.sidebar || []).some(badItem));
   const badLazy = settings && badUids(settings.editor.lazyFields);
-  const invalid = badColor || badSidebar || badLazy;
+  const badHistory = settings && data?.historyTypes && badRetention(settings.history);
+  const invalid = badColor || badSidebar || badLazy || badHistory;
   const save = async () => {
     if (!settings || invalid || !canUpdate) return;
     setSaving(true);
@@ -6004,36 +6815,36 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
     return index === 0 && manual ? t.manual : t.automatic;
   };
   const ready = !isLoading && canRead && !failed && settings && catalog;
-  const header = React6.useRef(null);
-  const [floating, setFloating] = React6.useState(false);
+  const header = React7.useRef(null);
+  const [floating, setFloating] = React7.useState(false);
   const main = useMainRect2(header);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const el = header.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(([entry]) => setFloating(!entry.isIntersecting && entry.boundingClientRect.top < 0));
     observer.observe(el);
     return () => observer.disconnect();
   }, [ready]);
-  const controls = (suffix) => ready && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.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_runtime7.jsx)(import_design_system4.Button, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Button, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
+  const controls = (suffix) => ready && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.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_runtime8.jsx)(import_design_system5.Button, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Button, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: header, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: header, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
       controls("")
     ] }) }),
-    floating && main.width > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "beta", tag: "p", children: t.settingsTitle }),
+    floating && main.width > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "beta", tag: "p", children: t.settingsTitle }),
       controls("-floating")
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { textColor: "neutral600", children: t.settingsIntro }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      data.disabled && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "beta", tag: "h2", children: t.palette }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { textColor: "neutral600", children: t.settingsIntro }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      data.disabled && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "beta", tag: "h2", children: t.palette }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           ColorField,
           {
             name: `palette-${key}`,
@@ -6047,37 +6858,42 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           },
           key
         )) }),
-        badColor && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { role: "alert", textColor: "danger600", children: t.invalidColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", gap: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Wireframe, { template, palette: settings.palette }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
+        badColor && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { role: "alert", textColor: "danger600", children: t.invalidColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", gap: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Wireframe, { template, palette: settings.palette }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
         ] }, template)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Button, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Button, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
           s.palette = { ...DEFAULT_PALETTE };
           return s;
         }), children: t.resetPalette }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "beta", tag: "h2", children: t.editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "beta", tag: "h2", children: t.editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.enabled = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showOpenAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showCloseAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-showRowThumbnails", label: t.showRowThumbnails, value: editor.showRowThumbnails !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-showRowThumbnails", label: t.showRowThumbnails, value: editor.showRowThumbnails !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showRowThumbnails = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-friendlyLabels", label: t.friendlyLabels, value: editor.friendlyLabels !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          s.editor.friendlyLabels = v;
+          return s;
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.friendlyLabelsHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           SelectField2,
           {
             name: "editor-initialState",
@@ -6091,8 +6907,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           TextField2,
           {
             name: "editor-blockPreviewUrl",
@@ -6106,9 +6922,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewUrlHelp }),
-        previewSupported ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewUrlHelp }),
+        previewSupported ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             TextField2,
             {
               name: "editor-previewUrl",
@@ -6122,8 +6938,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
               })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             SelectField2,
             {
               name: "editor-previewMode",
@@ -6137,12 +6953,12 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
               })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-lazyEditors", label: t.lazyEditors, value: editor.lazyEditors !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             UidListField,
             {
               TextField: TextField2,
@@ -6157,31 +6973,31 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
               })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.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_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-blockPreviewInForm", label: t.blockPreviewInForm, value: editor.blockPreviewInForm, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.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_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.previewV4 })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.previewV4 })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-actions-settings", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "beta", tag: "h2", children: t.rowActionsTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-confirmDelete", label: t.confirmDeleteOption, value: editor.confirmDelete !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-actions-settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "beta", tag: "h2", children: t.rowActionsTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-confirmDelete", label: t.confirmDeleteOption, value: editor.confirmDelete !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.confirmDelete = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-duplicate", label: t.duplicateOption, value: editor.duplicate !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-duplicate", label: t.duplicateOption, value: editor.duplicate !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.duplicate = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleField2, { name: "editor-clipboard", label: t.clipboardOption, value: editor.clipboard !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleField2, { name: "editor-clipboard", label: t.clipboardOption, value: editor.clipboard !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.clipboard = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           SelectField2,
           {
             name: "editor-hiddenBlocks",
@@ -6195,11 +7011,26 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: data.hiddenAttribute ? t.hiddenBlocksHelp : t.hiddenAttributeOff })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: data.hiddenAttribute ? t.hiddenBlocksHelp : t.hiddenAttributeOff })
       ] }) }),
-      (data.contentTypes || []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "beta", tag: "h2", children: t.contentTypes }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
+      data.historyTypes && settings.history && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        HistorySettings,
+        {
+          types: data.historyTypes,
+          history: settings.history,
+          t,
+          disabled: !canUpdate || saving,
+          ToggleField: ToggleField2,
+          TextField: TextField2,
+          set: (key, value) => update((s) => {
+            s.history = { ...s.history, [key]: value };
+            return s;
+          })
+        }
+      ),
+      (data.contentTypes || []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "beta", tag: "h2", children: t.contentTypes }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
         data.contentTypes.map((type) => {
           const entry = settings.contentTypes?.[type.uid] || {};
           const set = (key, value, fallback) => update((s) => {
@@ -6211,9 +7042,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             else delete s.contentTypes[type.uid];
             return s;
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { style: { minWidth: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { minWidth: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 ToggleField2,
                 {
                   name: `type-enabled-${type.uid}`,
@@ -6223,7 +7054,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (v) => set("enabled", v, true)
                 }
               ) }),
-              previewSupported && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { style: { minWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              previewSupported && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { style: { minWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 SelectField2,
                 {
                   name: `type-mode-${type.uid}`,
@@ -6235,21 +7066,21 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 }
               ) })
             ] }),
-            previewSupported && entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SidebarEditor, { type, entry, set, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 })
+            previewSupported && entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SidebarEditor, { type, entry, set, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 })
           ] }, type.uid);
         }),
-        badSidebar && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
+        badSidebar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "beta", tag: "h2", children: t.components }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.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_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Grid, { "data-testid": "components-grid", children: components.map((component) => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "beta", tag: "h2", children: t.components }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.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_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Grid, { "data-testid": "components-grid", children: components.map((component) => {
           const entry = settings.components[component.uid] || {};
           const meta = { ...catalog.components?.[component.uid] || {}, ...media[component.uid] || {} };
           const candidates = candidatesFor(component.uid, meta, catalog);
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Card2, { "data-testid": `settings-${component.uid}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Card2, { "data-testid": `settings-${component.uid}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Thumb,
               {
                 candidates,
@@ -6260,23 +7091,23 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 onResolved: (index) => setSources((current) => current[component.uid] === index ? current : { ...current, [component.uid]: index })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Typography, { variant: "pi", textColor: "neutral600", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Typography, { variant: "pi", textColor: "neutral600", children: [
                 component.uid,
                 " \xB7 ",
                 component.category
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Typography, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Typography, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
                 t.source,
                 ": ",
                 sourceOf(component.uid, Boolean(meta.manualImage)),
                 meta.manualName ? ` (${meta.manualName})` : ""
               ] }),
-              meta.manualMissing && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system4.Flex, { gap: 2, wrap: "wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Button, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
-                entry.mediaId && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Button, { variant: "tertiary", size: "S", disabled: !canUpdate || saving, onClick: () => {
+              meta.manualMissing && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 2, wrap: "wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Button, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
+                entry.mediaId && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Button, { variant: "tertiary", size: "S", disabled: !canUpdate || saving, onClick: () => {
                   update((s) => {
                     delete s.components[component.uid]?.mediaId;
                     if (!Object.keys(s.components[component.uid] || {}).length) delete s.components[component.uid];
@@ -6289,7 +7120,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   });
                 }, children: t.useAutomatic })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 SelectField2,
                 {
                   name: `template-${component.uid}`,
@@ -6303,7 +7134,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 SelectField2,
                 {
                   name: `typology-${component.uid}`,
@@ -6314,7 +7145,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (v) => setComponent(component.uid, "typology", v === "auto" ? void 0 : v)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 TagsField,
                 {
                   name: `tags-${component.uid}`,
@@ -6329,7 +7160,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           ] }, component.uid);
         }) })
       ] }) }),
-      picking && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
+      picking && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
         const uid = picking;
         setPicking(null);
         if (!asset?.id) return;
@@ -6358,14 +7189,14 @@ function register(app, Component2, to) {
 }
 
 // admin/Guard.tsx
-var React7 = __toESM(require("react"));
-var import_design_system5 = require("@strapi/design-system");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var React8 = __toESM(require("react"));
+var import_design_system6 = require("@strapi/design-system");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Notice = () => {
   const t = useMessages();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Box, { padding: 3, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { variant: "pi", textColor: "warning700", role: "alert", children: t.crashed }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Box, { padding: 3, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Typography, { variant: "pi", textColor: "warning700", role: "alert", children: t.crashed }) });
 };
-var Guard = class extends React7.Component {
+var Guard = class extends React8.Component {
   constructor() {
     super(...arguments);
     __publicField(this, "state", { failed: false });
@@ -6377,17 +7208,23 @@ var Guard = class extends React7.Component {
     console.error("[blockscene] disabled for this view after an error:", error);
   }
   render() {
-    return this.state.failed ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Notice, {}) : this.props.children;
+    return this.state.failed ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Notice, {}) : this.props.children;
   }
 };
 
 // admin/catalog.ts
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
+var cached = null;
+var pending = null;
+var load = (get) => get("/blockscene/catalog").then(({ data }) => {
+  cached = data;
+  return data;
+});
 function useCatalog(get) {
-  const [catalog, setCatalog] = React8.useState(null);
-  React8.useEffect(() => {
+  const [catalog, setCatalog] = React9.useState(null);
+  React9.useEffect(() => {
     let active = true;
-    get("/blockscene/catalog").then(({ data }) => {
+    load(get).then((data) => {
       if (active) setCatalog(data);
     }).catch(() => {
       if (active) setCatalog(null);
@@ -6398,10 +7235,31 @@ function useCatalog(get) {
   }, [get]);
   return catalog;
 }
+var adminLocale = () => {
+  try {
+    return localStorage.getItem("strapi-admin-language") || document.documentElement.lang || "en";
+  } catch {
+    return "en";
+  }
+};
+var labelsHook = (get, relabel, drop) => (args) => {
+  try {
+    if (!cached) pending || (pending = load(get()).catch(() => {
+    }).finally(() => {
+      pending = null;
+    }));
+    const trimmed = drop(args.layout, cached ? cached.hiddenAttribute : "bsHidden");
+    const layout = cached ? relabel(trimmed, cached, adminLocale()) : trimmed;
+    return layout === args.layout ? args : { ...args, layout };
+  } catch (error) {
+    console.error("[blockscene] field labels skipped after an error:", error);
+    return args;
+  }
+};
 
 // admin/LazyInput.tsx
-var React9 = __toESM(require("react"));
-var import_design_system6 = require("@strapi/design-system");
+var React10 = __toESM(require("react"));
+var import_design_system7 = require("@strapi/design-system");
 var import_styled_components6 = __toESM(require("styled-components"));
 
 // admin/sanitize.mjs
@@ -6441,8 +7299,8 @@ function cleanTree(root) {
     for (const { name, value } of [...el.attributes]) {
       const key = name.toLowerCase();
       if (key === "style") {
-        const kept = safeStyle(value);
-        if (kept) el.setAttribute(name, kept);
+        const kept2 = safeStyle(value);
+        if (kept2) el.setAttribute(name, kept2);
         else el.removeAttribute(name);
       } else if (key.startsWith("on") || key === "srcdoc" || URL_ATTRS.has(key) && unsafeUrl(value)) el.removeAttribute(name);
     }
@@ -6456,7 +7314,7 @@ function sanitizeHtml(html) {
 }
 
 // admin/LazyInput.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var config = { on: false, fields: [] };
 var listeners = /* @__PURE__ */ new Set();
 function setLazyConfig(next) {
@@ -6491,14 +7349,14 @@ var Preview = import_styled_components6.default.div`
 `;
 function Placeholder({ name, label, hint, error, required, labelAction, placeholder, value, disabled, onActivate }) {
   const t = useMessages();
-  const html = React9.useMemo(() => typeof value === "string" ? sanitizeHtml(value) : value == null ? "" : null, [value]);
+  const html = React10.useMemo(() => typeof value === "string" ? sanitizeHtml(value) : value == null ? "" : null, [value]);
   const activate = disabled ? void 0 : (event) => {
     event.preventDefault();
     onActivate();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Field.Root, { id: name, name, error, hint, required, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system6.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Field.Label, { action: labelAction, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Field.Root, { id: name, name, error, hint, required, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Field.Label, { action: labelAction, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       Preview,
       {
         id: name,
@@ -6514,22 +7372,22 @@ function Placeholder({ name, label, hint, error, required, labelAction, placehol
           if (e.key === "Enter" || e.key === " ") activate?.(e);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-bar": true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Typography, { variant: "pi", textColor: "neutral500", children: disabled ? "" : t.lazyEdit }) }),
-          html === null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-body": true, children: JSON.stringify(value) }) : html ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-body": true, dangerouslySetInnerHTML: { __html: html } }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-body": true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Typography, { textColor: "neutral500", children: placeholder || "" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-bar": true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Typography, { variant: "pi", textColor: "neutral500", children: disabled ? "" : t.lazyEdit }) }),
+          html === null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-body": true, children: JSON.stringify(value) }) : html ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-body": true, dangerouslySetInnerHTML: { __html: html } }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-body": true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Typography, { textColor: "neutral500", children: placeholder || "" }) })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Field.Hint, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Field.Error, {})
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Field.Hint, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Field.Error, {})
   ] }) });
 }
 function lazyInput(uid, Real) {
-  const Lazy = React9.forwardRef((props, ref) => {
-    React9.useSyncExternalStore(subscribe, read2);
-    const [active, setActive] = React9.useState(() => !lazyFor(uid));
-    const box = React9.useRef(null);
-    const focus = React9.useRef(false);
-    React9.useEffect(() => {
+  const Lazy = React10.forwardRef((props, ref) => {
+    React10.useSyncExternalStore(subscribe, read2);
+    const [active, setActive] = React10.useState(() => !lazyFor(uid));
+    const box = React10.useRef(null);
+    const focus = React10.useRef(false);
+    React10.useEffect(() => {
       if (!active || !focus.current) return;
       focus.current = false;
       let frame2 = 0;
@@ -6542,7 +7400,7 @@ function lazyInput(uid, Real) {
       poll();
       return () => cancelAnimationFrame(frame2);
     }, [active]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: box, style: { display: "contents" }, children: active || !lazyFor(uid) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Real, { ...props, ref }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Placeholder, { ...props, onActivate: () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: box, style: { display: "contents" }, children: active || !lazyFor(uid) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Real, { ...props, ref }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Placeholder, { ...props, onActivate: () => {
       focus.current = true;
       setActive(true);
     } }) });
@@ -6553,22 +7411,22 @@ function lazyInput(uid, Real) {
 function wrapCustomFields(app) {
   const all = app?.customFields?.getAll?.() || {};
   for (const [uid, field] of Object.entries(all)) {
-    const load = field?.components?.Input;
-    if (typeof load !== "function" || load.blockscene) continue;
-    const wrapped = () => Promise.resolve(load()).then((mod) => ({ ...mod, default: lazyInput(uid, mod?.default ?? mod) }));
+    const load2 = field?.components?.Input;
+    if (typeof load2 !== "function" || load2.blockscene) continue;
+    const wrapped = () => Promise.resolve(load2()).then((mod) => ({ ...mod, default: lazyInput(uid, mod?.default ?? mod) }));
     wrapped.blockscene = true;
     field.components.Input = wrapped;
   }
 }
 
 // admin/strapi5.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Modal({ open, onOpenChange, trigger, title, children, width = "80vw" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system7.Modal.Root, { open, onOpenChange, children: [
-    trigger && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Modal.Trigger, { children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system7.Modal.Content, { style: { width, maxWidth: "92vw" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Modal.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Modal.Title, { children: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Modal.Body, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system8.Modal.Root, { open, onOpenChange, children: [
+    trigger && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Modal.Trigger, { children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system8.Modal.Content, { style: { width, maxWidth: "92vw" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Modal.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Modal.Title, { children: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Modal.Body, { children })
     ] })
   ] });
 }
@@ -6583,9 +7441,9 @@ async function relationsOf(get, { uid, id, field }, locale) {
   return out.reverse();
 }
 function useRowForm(c, values, get) {
-  const onChange = (0, import_admin2.useForm)("Blockscene", (state) => state.onChange);
-  const { toggleNotification } = (0, import_admin2.useNotification)();
-  const latest = React10.useRef(values);
+  const onChange = (0, import_admin3.useForm)("Blockscene", (state) => state.onChange);
+  const { toggleNotification } = (0, import_admin3.useNotification)();
+  const latest = React11.useRef(values);
   latest.current = values;
   const locale = c.form?.initialValues?.locale || void 0;
   if (typeof onChange !== "function") return null;
@@ -6608,9 +7466,9 @@ function useRowForm(c, values, get) {
 function Panel2() {
   const c = (0, import_strapi_admin2.unstable_useContentManagerContext)();
   const rbac = (0, import_strapi_admin2.useDocumentRBAC)("Blockscene", (state) => state);
-  const { get, put } = (0, import_admin2.useFetchClient)();
-  const user = (0, import_admin2.useAuth)("Blockscene", (state) => state.user);
-  const formValues = (0, import_admin2.useForm)("Blockscene", (state) => state.values);
+  const { get, put } = (0, import_admin3.useFetchClient)();
+  const user = (0, import_admin3.useAuth)("Blockscene", (state) => state.user);
+  const formValues = (0, import_admin3.useForm)("Blockscene", (state) => state.values);
   const catalog = useCatalog(get);
   const form = useRowForm(c, formValues ?? c.form?.values, get);
   const creating = !c.id && !c.form?.initialValues?.id && !c.form?.initialValues?.documentId;
@@ -6645,55 +7503,72 @@ function Panel2() {
   const typeSettings = catalog?.contentTypes?.[c.model] || {};
   const lazy = Boolean(catalog?.editor?.enabled && catalog.editor.lazyEditors !== false && typeSettings.enabled !== false);
   const lazyFields = (catalog?.editor?.lazyFields || []).join(",");
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     if (catalog) setLazyConfig({ on: lazy, fields: lazyFields ? lazyFields.split(",") : [] });
   }, [catalog, lazy, lazyFields]);
-  if (!zones.length || !catalog?.editor?.enabled || typeSettings.enabled === false) return null;
+  const gallery = zones.length > 0 && catalog?.editor?.enabled && typeSettings.enabled !== false;
+  const history = !creating && Boolean(c.id) && Boolean(catalog?.history?.contentTypes?.includes(c.model));
+  if (!gallery && !history) return null;
   const docKey = `${c.model}:${creating ? "new" : c.id}:${c.form?.initialValues?.locale || ""}`;
   return {
     // The panel is the plugin (gallery, accordions, preview modes), so it carries the plugin's name; the dialog stays "Block gallery".
     title: "Blockscene",
-    content: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system7.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        Gallery,
+    content: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system8.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      gallery && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          Gallery,
+          {
+            zones,
+            components: c.components,
+            add,
+            Modal,
+            Toggle: ToggleField,
+            get,
+            put,
+            editor: catalog.editor,
+            catalog,
+            docKey,
+            contentType: c.model,
+            userId: user?.id,
+            form
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          PagePreview,
+          {
+            editor: {
+              ...catalog.editor,
+              previewMode: typeSettings.previewMode || catalog.editor.previewMode,
+              sidebar: typeSettings.sidebar || [],
+              sidebarPosition: typeSettings.sidebarPosition || "left"
+            },
+            groups: catalog.groups || null,
+            hiddenAttribute: catalog.editor.hiddenBlocks !== "off" ? catalog.hiddenAttribute : null,
+            form,
+            Modal,
+            Toggle: ToggleField
+          }
+        )
+      ] }),
+      history && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        History,
         {
-          zones,
+          model: c.model,
+          documentId: c.id,
+          schema: c.contentType,
           components: c.components,
-          add,
-          Modal,
-          Toggle: ToggleField,
+          editable: (name) => (rbac.canUpdateFields || []).some((field) => field === name || field.startsWith(`${name}.`)),
+          disabled: Boolean(c.form?.disabled),
           get,
-          put,
-          editor: catalog.editor,
-          catalog,
-          docKey,
-          contentType: c.model,
-          userId: user?.id,
-          form
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        PagePreview,
-        {
-          editor: {
-            ...catalog.editor,
-            previewMode: typeSettings.previewMode || catalog.editor.previewMode,
-            sidebar: typeSettings.sidebar || [],
-            sidebarPosition: typeSettings.sidebarPosition || "left"
-          },
-          groups: catalog.groups || null,
-          hiddenAttribute: catalog.editor.hiddenBlocks !== "off" ? catalog.hiddenAttribute : null,
-          form,
-          Modal,
-          Toggle: ToggleField
+          relationsOf
         }
       )
     ] }) })
   };
 }
-var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system7.Flex, { gap: 3, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_design_system7.Switch,
+var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system8.Flex, { gap: 3, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_design_system8.Switch,
     {
       name,
       "aria-label": label,
@@ -6702,7 +7577,7 @@ var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ *
       onCheckedChange: onChange
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Typography, { children: label })
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Typography, { children: label })
 ] });
 var TextField = ({
   name,
@@ -6711,10 +7586,10 @@ var TextField = ({
   onChange,
   disabled,
   placeholder
-}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system7.Field.Root, { name, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Field.Label, { children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_design_system7.TextInput,
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system8.Field.Root, { name, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Field.Label, { children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_design_system8.TextInput,
     {
       name,
       value,
@@ -6731,30 +7606,30 @@ var SelectField = ({
   onChange,
   disabled,
   options
-}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system7.Field.Root, { name, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.Field.Label, { children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_design_system7.SingleSelect,
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_design_system8.Field.Root, { name, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.Field.Label, { children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_design_system8.SingleSelect,
     {
       value,
       disabled,
       startIcon: options.find((o) => o.value === value)?.icon,
       onChange: (v) => onChange(String(v)),
-      children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system7.SingleSelectOption, { value: o.value, startIcon: o.icon, children: o.label }, o.value))
+      children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system8.SingleSelectOption, { value: o.value, startIcon: o.icon, children: o.label }, o.value))
     }
   )
 ] });
 function MediaPicker({ onClose, onSelect }) {
-  const components = (0, import_admin2.useStrapiApp)(
+  const components = (0, import_admin3.useStrapiApp)(
     "Blockscene",
     (state) => state.components
   );
   const Dialog2 = components?.["media-library"];
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     if (!Dialog2) onClose();
   }, [Dialog2, onClose]);
   if (!Dialog2) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     Dialog2,
     {
       onClose,
@@ -6765,7 +7640,7 @@ function MediaPicker({ onClose, onSelect }) {
   );
 }
 function usePermissions() {
-  const { allowedActions, isLoading } = (0, import_admin2.useRBAC)(
+  const { allowedActions, isLoading } = (0, import_admin3.useRBAC)(
     Object.values(permissions).flat()
   );
   return {
@@ -6774,10 +7649,10 @@ function usePermissions() {
     isLoading
   };
 }
-var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   Settings,
   {
-    useClient: import_admin2.useFetchClient,
+    useClient: import_admin3.useFetchClient,
     usePermissions,
     MediaPicker,
     ToggleField,
@@ -6796,6 +7671,7 @@ var strapi5_default = {
   registerTrads,
   bootstrap(app) {
     app.getPlugin("content-manager").apis.addEditViewSidePanel([Panel2]);
+    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", labelsHook(() => (0, import_admin3.getFetchClient)().get, labelEditLayout, dropField));
     wrapCustomFields(strapiApp);
   }
 };