@aduptive/strapi-blockscene 1.0.0-alpha.9 → 2.0.0-alpha.10

package/dist/admin.mjs

@@ -143,8 +143,8 @@ var require_groups = __commonJS({
     }
     function layoutColumns2(row, layout, schema) {
       const max = layout.maxColumns || MAX_COLUMNS;
-      const read2 = (name) => Math.min(max, parseColumns(row?.[name]) ?? parseColumns(schema?.attributes?.[name]?.default) ?? 1);
-      return { desktop: read2(layout.columnsField), mobile: layout.mobileColumnsField ? read2(layout.mobileColumnsField) : null };
+      const read3 = (name) => Math.min(max, parseColumns(row?.[name]) ?? parseColumns(schema?.attributes?.[name]?.default) ?? 1);
+      return { desktop: read3(layout.columnsField), mobile: layout.mobileColumnsField ? read3(layout.mobileColumnsField) : null };
     }
     module.exports = {
       safeGroups: safeGroups2,
@@ -166,33 +166,129 @@ var require_groups = __commonJS({
   }
 });
 
-// admin/strapi4.tsx
-import * as React12 from "react";
+// server/diff.js
+var require_diff = __commonJS({
+  "server/diff.js"(exports, module) {
+    "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 };
+    }
+    module.exports = { IGNORED, kept: kept2, snapshotPopulate, canonical: canonical2, stable, same: same2, diffRows: diffRows2, summarize };
+  }
+});
+
+// admin/strapi5.tsx
+import * as React16 from "react";
 import {
-  Button as Button5,
+  Box as Box8,
+  Modal as Dialog2,
   MenuItem as MenuItem2,
   SimpleMenu as SimpleMenu2,
-  ModalLayout,
-  ModalHeader,
-  ModalBody,
-  Typography as Typography6,
-  Status,
-  Switch,
-  Flex as Flex6,
-  SingleSelect,
-  SingleSelectOption,
-  TextInput
+  Switch as Switch2,
+  Flex as Flex10,
+  Typography as Typography10,
+  Field as Field3,
+  SingleSelect as SingleSelect2,
+  SingleSelectOption as SingleSelectOption2,
+  TextInput as TextInput2
 } from "@strapi/design-system";
 import {
-  useCMEditViewDataManager,
-  useFetchClient,
-  useLibrary,
-  useRBAC,
-  useNotification,
-  auth,
+  useFetchClient as useFetchClient3,
+  useRBAC as useRBAC3,
+  useStrapiApp as useStrapiApp2,
+  useAuth,
+  useForm as useForm3,
+  useNotification as useNotification3,
   getFetchClient
-} from "@strapi/helper-plugin";
-import { useIntl as useIntl2 } from "react-intl";
+} from "@strapi/strapi/admin";
+import {
+  unstable_useContentManagerContext as useContext2,
+  useDocumentRBAC as useDocumentRBAC2
+} from "@strapi/content-manager/strapi-admin";
 
 // admin/Gallery.tsx
 import * as React6 from "react";
@@ -271,9 +367,9 @@ function canInsert(zone, uid, values, components, count = 1) {
     zone?.components.includes(uid) && components[uid] && (Array.isArray(values?.[zone.name]) ? values[zone.name].length : 0) + count <= (zone.max ?? Infinity)
   );
 }
-function candidatesFor(uid, meta = {}, config = {}) {
-  const version = config.previewVersion ? `?v=${encodeURIComponent(config.previewVersion)}` : "";
-  const base = (config.previewBaseUrl || "/block-previews").replace(/\/$/, "");
+function candidatesFor(uid, meta = {}, config2 = {}) {
+  const version = config2.previewVersion ? `?v=${encodeURIComponent(config2.previewVersion)}` : "";
+  const base = (config2.previewBaseUrl || "/block-previews").replace(/\/$/, "");
   return [
     meta.manualImage,
     meta.image,
@@ -308,12 +404,12 @@ var fieldsOf = (schema) => Object.entries(schema?.attributes || {}).filter(([nam
 var TYPOLOGIES = ["hero", "text", "media", "listing", "cards", "cta", "form", "layout"];
 var FACETS = { media: ["image", "video", "gallery"], content: ["richtext", "list", "dynamic", "form"] };
 var typologyRank = (t) => TYPOLOGIES.indexOf(t) + 1 || 99;
-var pickable = (zone, config) => {
-  const closers = Object.values(config.groups || {});
+var pickable = (zone, config2) => {
+  const closers = Object.values(config2.groups || {});
   return zone.components.filter((uid) => !closers.includes(uid));
 };
-function entryOf(uid, schema, config) {
-  const meta = config.components?.[uid] || {};
+function entryOf(uid, schema, config2) {
+  const meta = config2.components?.[uid] || {};
   return {
     uid,
     label: meta.label || schema.info?.displayName || uid,
@@ -323,27 +419,27 @@ function entryOf(uid, schema, config) {
     tags: meta.tags || [],
     keywords: meta.keywords || "",
     fields: fieldsOf(schema),
-    candidates: candidatesFor(uid, meta, config),
+    candidates: candidatesFor(uid, meta, config2),
     template: meta.template || "generic",
     // Insert variants from the code config ({ id, label, values }); the first is what a quick insert uses.
     variants: Array.isArray(meta.variants) ? meta.variants : []
   };
 }
-var allEntries = (zone, components, config) => pickable(zone, config).flatMap((uid) => components[uid] ? [entryOf(uid, components[uid], config)] : []);
-function entriesFor(zone, components, config, query, filter = {}) {
-  const needle = query.trim().toLocaleLowerCase();
+var allEntries = (zone, components, config2) => pickable(zone, config2).flatMap((uid) => components[uid] ? [entryOf(uid, components[uid], config2)] : []);
+function entriesFor(zone, components, config2, query2, filter = {}) {
+  const needle = query2.trim().toLocaleLowerCase();
   const any = (picked, values) => !picked?.length || picked.some((value) => values.includes(value));
-  return allEntries(zone, components, config).filter(
+  return allEntries(zone, components, config2).filter(
     (entry) => (!filter.typology || entry.typology === filter.typology) && (!filter.uids || filter.uids.includes(entry.uid)) && any(filter.tags, entry.tags) && any(filter.media, entry.facets) && any(filter.content, entry.facets) && `${entry.label} ${entry.description} ${entry.typology} ${entry.tags.join(" ")} ${entry.uid} ${entry.keywords}`.toLocaleLowerCase().includes(needle)
   ).sort((a, b) => typologyRank(a.typology) - typologyRank(b.typology) || a.label.localeCompare(b.label));
 }
-function optionsFor(zone, components, config) {
+function optionsFor(zone, components, config2) {
   const count = (values) => {
     const counts = /* @__PURE__ */ new Map();
     for (const value of values) counts.set(value, (counts.get(value) || 0) + 1);
     return [...counts.entries()];
   };
-  const entries = allEntries(zone, components, config);
+  const entries = allEntries(zone, components, config2);
   const facets = entries.flatMap((entry) => entry.facets);
   return {
     total: entries.length,
@@ -388,9 +484,9 @@ function initialState(editor, remembered) {
   return "closed";
 }
 var withoutField = (rows, name) => rows.map((row) => row.filter((field) => field?.name !== name)).filter((row) => row.length);
-function dropField4(layout, name) {
+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?.layouts?.edit) ? { ...component, layouts: { ...component.layouts, edit: withoutField(component.layouts.edit, name) } } : component])) };
+  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(" ");
@@ -421,23 +517,33 @@ function fieldText(fields, owner, name, label, locale, on) {
   }
   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;
 var withHelp = (description, help) => description ? `${description} ${help}` : help;
-function labelEditLayout4(layout, catalog, locale) {
-  const uid = layout?.contentType?.uid;
-  if (labelsOff(catalog) || !uid || catalog.contentTypes?.[uid]?.enabled === false) return layout;
+function labelEditLayout(layout, catalog, locale, helpAction2) {
+  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?.metadatas && fieldText(catalog.fields, owner, field.name, field.metadatas.label, locale, catalog.editor.friendlyLabels);
+    const text = field && fieldText(catalog.fields, owner, field.name, field.label, locale, catalog.editor.friendlyLabels);
     if (!text) return field;
-    const { help, ...rest } = text;
-    const metadatas = { ...field.metadatas, ...rest };
-    return { ...field, metadatas: help === void 0 ? metadatas : { ...metadatas, description: withHelp(metadatas.description, help) } };
+    const { description, help, ...rest } = text;
+    const hint = description ?? field.hint;
+    return {
+      ...field,
+      ...rest,
+      ...description !== void 0 && { hint },
+      ...help !== void 0 && (helpAction2 ? { labelAction: helpAction2(help, field.labelAction) } : { hint: withHelp(hint, help) })
+    };
   };
-  const rows = (target, owner) => Array.isArray(target?.layouts?.edit) ? { ...target, layouts: { ...target.layouts, edit: target.layouts.edit.map((row) => row.map(fix(owner))) } } : target;
   return {
     ...layout,
-    contentType: rows(layout.contentType, uid),
-    components: Object.fromEntries(Object.entries(layout.components || {}).map(([cuid, component]) => [cuid, rows(component, cuid)]))
+    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]))
   };
 }
 
@@ -591,18 +697,18 @@ 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);
 }
 var FOLDED = "data-blockscene-folded";
-var shownToggles = (list) => toggles(list).filter((button) => !button.closest(`li[${FOLDED}]`));
+var shownToggles = (list2) => toggles(list2).filter((button) => !button.closest(`li[${FOLDED}]`));
 function planRows(rects, view, margin = 0) {
   const now = [], later = [];
   const gap = (r) => Math.max(view.top - margin - r.bottom, r.top - view.bottom - margin, 0);
@@ -625,9 +731,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);
@@ -640,9 +746,9 @@ function setAll(list, open, batch = (run) => run()) {
     });
     return buttons.length;
   };
-  const rows = [...list.querySelectorAll(":scope > li")].filter((li) => !li.hasAttribute(FOLDED) && differs(li));
+  const rows = [...list2.querySelectorAll(":scope > li")].filter((li) => !li.hasAttribute(FOLDED) && differs(li));
   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);
@@ -673,7 +779,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();
     });
@@ -687,10 +793,10 @@ function setAll(list, open, batch = (run) => run()) {
     if (stopped) return;
     click(pending2.splice(0, deadline.timeRemaining() > 10 ? PER_FRAME : 1));
     if (pending2.length) idle(slice);
-    else jobs.delete(list);
+    else jobs.delete(list2);
   };
   idle(slice);
-  jobs.set(list, () => {
+  jobs.set(list2, () => {
     stopped = true;
   });
   return changed;
@@ -4151,9 +4257,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(
@@ -4213,7 +4319,7 @@ function useAnchors(zones, onOpen) {
   }, []);
   return anchors;
 }
-function RowPreviews({ zones, components, catalog, Modal: Modal2 }) {
+function RowPreviews({ zones, components, catalog, Modal: Modal3 }) {
   const t = useMessages();
   const [resolved, setResolved] = React2.useState({});
   const [open, setOpen] = React2.useState(null);
@@ -4262,7 +4368,7 @@ function RowPreviews({ zones, components, catalog, Modal: Modal2 }) {
       )
     ),
     open && srcOf(open) && /* @__PURE__ */ jsx2(
-      Modal2,
+      Modal3,
       {
         open: true,
         onOpenChange: (value) => {
@@ -4333,9 +4439,52 @@ function cloneRow(row, components, { relation } = {}) {
   };
   return walk(row, components?.[row?.__component], []);
 }
-function integerKeys(rows, n) {
-  const max = Math.max(-1, ...rows.map((row) => Number(row?.__temp_key__)).filter(Number.isFinite));
-  return Array.from({ length: n }, (_, i) => max + 1 + i);
+function relationSlots(row, components) {
+  const slots = [];
+  const walk = (value, uid, path) => {
+    const schema = components?.[uid];
+    if (!value || !schema) return;
+    for (const [key, attr] of Object.entries(schema.attributes || {})) {
+      if (attr?.type === "relation" && value.id != null)
+        slots.push({ path: [...path, key].join("."), uid, id: value.id, field: key, target: attr.targetModel || attr.target });
+      else if (attr?.type === "component" && value[key]) {
+        if (attr.repeatable) (Array.isArray(value[key]) ? value[key] : []).forEach((entry, i) => walk(entry, attr.component, [...path, key, i]));
+        else walk(value[key], attr.component, [...path, key]);
+      }
+    }
+  };
+  walk(row, row?.__component, []);
+  return slots;
+}
+var plain = (r) => ({ id: r.id ?? r.apiData?.id, documentId: r.documentId ?? r.apiData?.documentId, locale: r.locale ?? r.apiData?.locale ?? null, status: r.status });
+function currentRelations(server, value) {
+  const gone = new Set((value?.disconnect || []).map((r) => plain(r).id));
+  const out = (server || []).map(plain).filter((r) => !gone.has(r.id));
+  for (const r of (value?.connect || []).map(plain)) if (!out.some((o) => o.id === r.id)) out.push(r);
+  return out;
+}
+function toConnect(relations, target) {
+  const keys = relations.length ? generateNKeysBetween2(null, null, relations.length) : [];
+  return {
+    connect: relations.map((r, i) => ({
+      id: r.id,
+      apiData: { id: r.id, documentId: r.documentId, locale: r.locale, isTemporary: true },
+      status: r.status,
+      label: r.label ?? r.documentId,
+      href: `../collection-types/${target}/${r.documentId}${r.locale ? `?plugins[i18n][locale]=${r.locale}` : ""}`,
+      __temp_key__: keys[i]
+    })),
+    disconnect: []
+  };
+}
+function fractionalKeys(rows, at, n) {
+  const key = (row) => typeof row?.__temp_key__ === "string" ? row.__temp_key__ : null;
+  try {
+    return generateNKeysBetween2(key(rows[at - 1]), key(rows[at]), n);
+  } catch {
+    const max = rows.map(key).filter(Boolean).sort().pop() ?? null;
+    return generateNKeysBetween2(max, null, n);
+  }
 }
 var insertRows = (rows, at, items2, keys) => [
   ...rows.slice(0, at),
@@ -4402,13 +4551,13 @@ function movedRow(prev, next, actor) {
   if (i === n) return null;
   let j = n - 1;
   while (k[j] === m[j]) j--;
-  const same = (a, b) => (0, import_groups2.blockKey)(a) === (0, import_groups2.blockKey)(b) || a?.id == null && b?.id == null && a?.__component === b?.__component;
+  const same2 = (a, b) => (0, import_groups2.blockKey)(a) === (0, import_groups2.blockKey)(b) || a?.id == null && b?.id == null && a?.__component === b?.__component;
   const shifted = (from, to, by) => {
     for (let x = from; x <= to; x++) if (m[x] !== k[x + by]) return false;
     return true;
   };
-  const down = same(prev[i], next[j]) && shifted(i, j - 1, 1);
-  const up = same(prev[j], next[i]) && shifted(i + 1, j, -1);
+  const down = same2(prev[i], next[j]) && shifted(i, j - 1, 1);
+  const up = same2(prev[j], next[i]) && shifted(i + 1, j, -1);
   if (down && up) return actor === k[i] ? { from: i, to: j } : actor === k[j] ? { from: j, to: i } : null;
   return down ? { from: i, to: j } : up ? { from: j, to: i } : null;
 }
@@ -4775,7 +4924,7 @@ var set = (el, name, value) => {
   if (value === null) el.hasAttribute(name) && el.removeAttribute(name);
   else if (el.getAttribute(name) !== value) el.setAttribute(name, value);
 };
-var items = (list) => [...list.querySelectorAll(":scope > li")];
+var items = (list2) => [...list2.querySelectorAll(":scope > li")];
 var Fold = styled3.span`
   display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 28px; height: 28px; margin-left: 8px;
   border-radius: 4px; cursor: pointer; color: ${({ theme }) => theme.colors.primary600};
@@ -4830,8 +4979,8 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
       const li = !target?.closest?.(`[${GRID_BOX}]`) && target?.closest?.("ol[aria-describedby] > li");
       if (!li) return null;
       for (const zone of latest.current.zones) {
-        const list2 = findZoneList(zone.label);
-        if (li.parentElement === list2) return blockKey(latest.current.form.rows(zone.name)[items(list2).indexOf(li)]) || null;
+        const list3 = findZoneList(zone.label);
+        if (li.parentElement === list3) return blockKey(latest.current.form.rows(zone.name)[items(list3).indexOf(li)]) || null;
       }
       return null;
     };
@@ -4861,8 +5010,8 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
     const { zones: zones2, form: form2, docKey: docKey2, labelOf: labelOf2, layouts: layouts2 } = latest.current;
     if (dragging.current) {
       const placeholder = zones2.some((zone) => {
-        const list2 = findZoneList(zone.label);
-        return list2 && items(list2).some((li) => !li.querySelector("button[aria-expanded]"));
+        const list3 = findZoneList(zone.label);
+        return list3 && items(list3).some((li) => !li.querySelector("button[aria-expanded]"));
       });
       if (placeholder) previewed.current = true;
       else if (previewed.current) end();
@@ -4872,10 +5021,10 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
     const seen = /* @__PURE__ */ new Set();
     if (on)
       for (const zone of zones2) {
-        const list2 = zone.count ? findZoneList(zone.label) : null;
+        const list3 = zone.count ? findZoneList(zone.label) : null;
         const rows = form2.rows(zone.name);
-        const lis = list2 ? items(list2) : [];
-        if (!list2 || lis.length !== rows.length) continue;
+        const lis = list3 ? items(list3) : [];
+        if (!list3 || lis.length !== rows.length) continue;
         const outline = groupOutline(rows, groups);
         const idOf = (i) => `${docKey2}|${zone.name}|${blockKey(rows[i])}`;
         const unfold = [...form2.errorRows?.(zone.name) || []];
@@ -4954,16 +5103,16 @@ function GroupRows({ zones, form, groups, docKey, labelOf, layouts = null, compo
     sync.current();
   };
   const line = theme?.colors?.primary600 || "#4945ff";
-  const list = "ol[aria-describedby] > li";
+  const list2 = "ol[aria-describedby] > li";
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsx5("style", { children: `
-${list}[${DEPTH}] { padding-left: calc(var(--bs-depth) * ${STEP}); background: repeating-linear-gradient(to right, ${line} 0 2px, transparent 2px ${STEP}) 1.1rem 0 / calc(var(--bs-depth) * ${STEP}) 100% no-repeat; }
-${list}[${FOLDED}]:not([data-bp-block-modal]) { display: none !important; }
-${list}[data-bp-block-modal] { padding-left: 0 !important; background-image: none !important; }
-${list}[${KIND}="close"] [data-handler-id] { display: none !important; }
-${list}[${KIND}="close"] button[aria-expanded]:first-of-type { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0.7; }
-${list}[${KIND}="close"] button[aria-expanded]:first-of-type + * { padding-top: 0 !important; padding-bottom: 0 !important; }
-${list}[${KIND}="close"] button[aria-expanded] [data-blockscene-row-thumb] { display: none; }` }),
+${list2}[${DEPTH}] { padding-left: calc(var(--bs-depth) * ${STEP}); background: repeating-linear-gradient(to right, ${line} 0 2px, transparent 2px ${STEP}) 1.1rem 0 / calc(var(--bs-depth) * ${STEP}) 100% no-repeat; }
+${list2}[${FOLDED}]:not([data-bp-block-modal]) { display: none !important; }
+${list2}[data-bp-block-modal] { padding-left: 0 !important; background-image: none !important; }
+${list2}[${KIND}="close"] [data-handler-id] { display: none !important; }
+${list2}[${KIND}="close"] button[aria-expanded]:first-of-type { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0.7; }
+${list2}[${KIND}="close"] button[aria-expanded]:first-of-type + * { padding-top: 0 !important; padding-bottom: 0 !important; }
+${list2}[${KIND}="close"] button[aria-expanded] [data-blockscene-row-thumb] { display: none; }` }),
     anchors.map(
       (a) => createPortal2(
         /* @__PURE__ */ jsx5(
@@ -5110,9 +5259,9 @@ function useAnchors2(zones, enabled, selecting) {
     const next = [];
     if (enabled)
       for (const zone of latest.current.zones) {
-        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;
@@ -5237,7 +5386,7 @@ var HiddenBadge = styled4.span`
   text-transform: uppercase; letter-spacing: 0.04em;
   color: ${({ theme }) => theme.colors.warning700}; background: ${({ theme }) => theme.colors.warning100};
 `;
-function RowActions({ zones, actions, Modal: Modal2 }) {
+function RowActions({ zones, actions, Modal: Modal3 }) {
   const a = actions;
   const e = a?.editor || {};
   const anchors = useAnchors2(zones, Boolean(a) && Boolean(a.hiddenName || e.duplicate !== false || e.clipboard !== false || a.selection), a?.selection?.zone || null);
@@ -5251,9 +5400,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();
@@ -5366,7 +5515,7 @@ ol[aria-describedby] > li button[data-strapi-accordion-toggle] > span:last-child
         `${zone}:${index}`
       );
     }),
-    confirm && /* @__PURE__ */ jsx6(Modal2, { open: true, width: "48rem", onOpenChange: (open) => !open && setConfirm(null), trigger: null, title: t.confirmDeleteTitle, children: /* @__PURE__ */ jsxs4(Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-confirm-delete", children: [
+    confirm && /* @__PURE__ */ jsx6(Modal3, { open: true, width: "48rem", onOpenChange: (open) => !open && setConfirm(null), trigger: null, title: t.confirmDeleteTitle, children: /* @__PURE__ */ jsxs4(Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-confirm-delete", children: [
       /* @__PURE__ */ jsx6(Typography, { children: t.f("confirmDelete", { name: confirm.label }) }),
       confirm.marker && /* @__PURE__ */ jsx6(Typography, { variant: "pi", textColor: "neutral600", children: t.confirmDeleteMarker }),
       /* @__PURE__ */ jsxs4(Flex, { gap: 2, justifyContent: "flex-end", children: [
@@ -5758,7 +5907,7 @@ var readCollapsed = () => {
 };
 var TYPE_ICONS2 = { 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] = React6.useState(false);
   const ref = React6.useRef(null);
@@ -5988,10 +6137,10 @@ var flip = (panel, scrim, card, back) => {
   return panel.animate(back ? frames.reverse() : frames, timing);
 };
 var newChannel = () => crypto.randomUUID?.() || `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-function useLiveSource(entry, config, get, contentType, locale, variant) {
-  const editor = config?.editor || {};
+function useLiveSource(entry, config2, get, contentType, locale, variant) {
+  const editor = config2?.editor || {};
   const [native, setNative] = React6.useState(null);
-  const plain = editor.blockPreviewUrl ? blockPreviewSrc(editor.blockPreviewUrl, entry.uid, { variant, locale: locale || "" }) : null;
+  const plain2 = editor.blockPreviewUrl ? blockPreviewSrc(editor.blockPreviewUrl, entry.uid, { variant, locale: locale || "" }) : null;
   React6.useEffect(() => {
     if (editor.blockPreviewUrl || editor.previewUrl || !contentType || !get) return;
     let active = true;
@@ -6004,7 +6153,7 @@ function useLiveSource(entry, config, get, contentType, locale, variant) {
     };
   }, [editor.blockPreviewUrl, editor.previewUrl, contentType, locale, get]);
   const channel = React6.useMemo(newChannel, []);
-  if (editor.blockPreviewUrl) return plain ? { kind: "plain", src: plain, origin: "", channel } : null;
+  if (editor.blockPreviewUrl) return plain2 ? { kind: "plain", src: plain2, origin: "", channel } : null;
   const base = editor.previewUrl || native;
   if (!base) return null;
   try {
@@ -6016,7 +6165,7 @@ function useLiveSource(entry, config, get, contentType, locale, variant) {
   }
 }
 var LIVE_TIMEOUT = 8e3;
-function Magnify({ entry, palette, config, components, get, contentType, locale, starred, onStar, onInsert, onClose, cardOf }) {
+function Magnify({ entry, palette, config: config2, components, get, contentType, locale, starred, onStar, onInsert, onClose, cardOf }) {
   const t = useMessages();
   const panel = React6.useRef(null);
   const scrim = React6.useRef(null);
@@ -6030,7 +6179,7 @@ function Magnify({ entry, palette, config, components, get, contentType, locale,
   const [state, setState] = React6.useState("loading");
   const [variantId, setVariantId] = React6.useState(entry.variants[0]?.id);
   const variant = entry.variants.find((item) => item.id === variantId);
-  const live = useLiveSource(entry, config, get, contentType, locale, variantId);
+  const live = useLiveSource(entry, config2, get, contentType, locale, variantId);
   const send = () => {
     let blocks = [];
     try {
@@ -6175,7 +6324,7 @@ function PickerModal({
   open,
   onOpenChange,
   onSelect,
-  Modal: Modal2,
+  Modal: Modal3,
   Toggle,
   get,
   put,
@@ -6187,7 +6336,7 @@ function PickerModal({
     {
       zone,
       components,
-      Modal: Modal2,
+      Modal: Modal3,
       Toggle,
       get,
       put,
@@ -6202,7 +6351,7 @@ function ZoneGallery({
   zone,
   components,
   add,
-  Modal: Modal2,
+  Modal: Modal3,
   Toggle,
   get,
   put,
@@ -6216,7 +6365,7 @@ function ZoneGallery({
   const [ownOpen, setOwnOpen] = React6.useState(false);
   const open = controlled ? controlled.open : ownOpen;
   const setOpen = controlled ? controlled.onOpenChange : setOwnOpen;
-  const [query, setQuery] = React6.useState("");
+  const [query2, setQuery] = React6.useState("");
   const [view, setView] = React6.useState("all");
   const [picked, setPicked] = React6.useState(NO_FILTERS);
   const [detail, setDetail] = React6.useState(null);
@@ -6224,7 +6373,7 @@ function ZoneGallery({
   const [prefs, setPrefs] = React6.useState({ starred: [], recent: [] });
   const [showFields, setShowFields] = React6.useState(readShowFields);
   const [columns, setColumns] = React6.useState(readColumns);
-  const [config, setConfig] = React6.useState(null);
+  const [config2, setConfig] = React6.useState(null);
   const [error, setError] = React6.useState("");
   React6.useEffect(() => {
     if (controlled) return;
@@ -6263,18 +6412,18 @@ function ZoneGallery({
     });
   };
   const star = (uid) => savePrefs({ ...prefs, starred: toggled(prefs.starred, uid) });
-  const options = config ? optionsFor(zone, components, config) : null;
-  const inZone = (list) => options ? list.filter((uid) => options.uids.includes(uid)) : [];
+  const options = config2 ? optionsFor(zone, components, config2) : null;
+  const inZone = (list2) => options ? list2.filter((uid) => options.uids.includes(uid)) : [];
   const filter = {
     ...picked,
     typology: TYPOLOGIES.includes(view) ? view : void 0,
     uids: view === "recent" ? prefs.recent : view === "starred" ? prefs.starred : void 0
   };
-  let entries = config ? entriesFor(zone, components, config, query, filter) : [];
+  let entries = config2 ? entriesFor(zone, components, config2, query2, filter) : [];
   if (view === "recent") entries = [...entries].sort((a, b) => prefs.recent.indexOf(a.uid) - prefs.recent.indexOf(b.uid));
   const chosen = entries.find((entry) => entry.uid === detail);
   const chips = FILTER_MENUS.flatMap((menu) => picked[menu].map((value) => ({ menu, value })));
-  const filtering = query.trim() !== "" || view !== "all" || chips.length > 0;
+  const filtering = query2.trim() !== "" || view !== "all" || chips.length > 0;
   const reset = () => {
     setQuery("");
     setView("all");
@@ -6327,7 +6476,7 @@ function ZoneGallery({
     key
   );
   return /* @__PURE__ */ jsx7(
-    Modal2,
+    Modal3,
     {
       open,
       onOpenChange: setOpen,
@@ -6372,7 +6521,7 @@ function ZoneGallery({
               Searchbar,
               {
                 name: `block-search-${zone.name}`,
-                value: query,
+                value: query2,
                 placeholder: t.search,
                 clearLabel: t.clear,
                 onClear: () => setQuery(""),
@@ -6437,7 +6586,7 @@ function ZoneGallery({
             /* @__PURE__ */ jsx7(Button2, { variant: "tertiary", size: "S", onClick: () => setPicked(NO_FILTERS), "data-testid": "gallery-clear-all", children: t.clearAll })
           ] }),
           /* @__PURE__ */ jsx7(Typography2, { variant: "pi", textColor: "neutral600", children: t.example }),
-          error ? /* @__PURE__ */ jsx7(Typography2, { role: "alert", textColor: "danger600", children: error }) : !config ? /* @__PURE__ */ jsx7(Typography2, { children: t.loading }) : entries.length ? /* @__PURE__ */ jsxs5("div", { ref: grid, style: { position: "relative", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+          error ? /* @__PURE__ */ jsx7(Typography2, { role: "alert", textColor: "danger600", children: error }) : !config2 ? /* @__PURE__ */ jsx7(Typography2, { children: t.loading }) : entries.length ? /* @__PURE__ */ jsxs5("div", { ref: grid, style: { position: "relative", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
             /* @__PURE__ */ jsx7(
               Flex2,
               {
@@ -6452,7 +6601,7 @@ function ZoneGallery({
                       Card,
                       {
                         entry,
-                        palette: config.palette,
+                        palette: config2.palette,
                         showFields,
                         starred: prefs.starred.includes(entry.uid),
                         active: detail === entry.uid,
@@ -6469,8 +6618,8 @@ function ZoneGallery({
               Magnify,
               {
                 entry: chosen,
-                palette: config.palette,
-                config,
+                palette: config2.palette,
+                config: config2,
                 components,
                 get,
                 contentType,
@@ -6534,14 +6683,14 @@ function useInitialAccordions({
     const timer = setInterval(() => {
       const pending2 = latest.current.filter((zone) => zone.count > 0);
       const ready = pending2.length > 0 && pending2.every((zone) => {
-        const list = findZoneList(zone.label);
-        return list && toggles(list).length >= zone.count;
+        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 pending2) {
-        const list = findZoneList(zone.label);
-        if (!list) continue;
+        const list2 = findZoneList(zone.label);
+        if (!list2) continue;
         const key = memoryKey({
           base: memoryBase(),
           userId: user.current,
@@ -6549,7 +6698,7 @@ function useInitialAccordions({
           zone: zone.name
         });
         setAll(
-          list,
+          list2,
           initialState(editor, readMemory(storage2(), key)) === "open",
           unstable_batchedUpdates
         );
@@ -6568,8 +6717,8 @@ function useZoneAnchor(zone, enabled) {
     const sync = () => {
       let host = null, after = null;
       if (filled) {
-        const list = findZoneList(zone.label);
-        host = list && [...list.parentElement?.children || []].find((child) => child !== list && child.textContent?.trim()) || null;
+        const list2 = findZoneList(zone.label);
+        host = list2 && [...list2.parentElement?.children || []].find((child) => child !== list2 && child.textContent?.trim()) || null;
       } else {
         after = [...document.querySelectorAll("button")].find((button) => isNativeAddButton(button, zone)) || null;
         host = after?.parentElement || null;
@@ -6609,16 +6758,16 @@ function useRowStates(zone, enabled) {
   React6.useEffect(() => {
     if (!enabled) return;
     let frame2 = 0;
-    const read2 = () => {
+    const read3 = () => {
       frame2 = 0;
-      const list = findZoneList(zone.label);
-      const values = list ? shownToggles(list).map((button) => button.getAttribute("aria-expanded") === "true") : [];
+      const list2 = findZoneList(zone.label);
+      const values = list2 ? shownToggles(list2).map((button) => button.getAttribute("aria-expanded") === "true") : [];
       const closed = values.includes(false), open = values.includes(true);
       setState((prev) => prev.closed === closed && prev.open === open ? prev : { closed, open });
     };
-    read2();
+    read3();
     const observer = new MutationObserver(() => {
-      if (!frame2) frame2 = requestAnimationFrame(read2);
+      if (!frame2) frame2 = requestAnimationFrame(read3);
     });
     observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["aria-expanded", FOLDED] });
     return () => {
@@ -6638,8 +6787,8 @@ function ZoneControls({ zone, editor, contentType, userId, actions, extra, Menu:
   if (!anchor) return null;
   const toggle = toggleShown && accordionToggle(rows.closed, rows.open, editor);
   const apply = (open) => {
-    const list = findZoneList(zone.label);
-    if (list) setAll(list, open, unstable_batchedUpdates);
+    const list2 = findZoneList(zone.label);
+    if (list2) setAll(list2, open, unstable_batchedUpdates);
     writeMemory(
       storage2(),
       memoryKey({ base: memoryBase(), userId, contentType, zone: zone.name }),
@@ -6734,14 +6883,14 @@ import { Box as Box4, Button as Button3, Flex as Flex3, MenuItem, SimpleMenu, Ty
 // admin/pane.mjs
 var TOOLBAR = ["modes", "history", "devices", "status", "actions"];
 var RIGHT = ["status", "actions"];
-function toolbarLayout(list) {
-  const ids = Array.isArray(list) ? list.filter((id, i) => TOOLBAR.includes(id) && list.indexOf(id) === i) : TOOLBAR;
+function toolbarLayout(list2) {
+  const ids = Array.isArray(list2) ? list2.filter((id, i) => TOOLBAR.includes(id) && list2.indexOf(id) === i) : TOOLBAR;
   const at = ids.findIndex((id) => RIGHT.includes(id));
   return at < 0 ? { before: ids, right: [], after: [] } : { before: ids.slice(0, at), right: ids.filter((id) => RIGHT.includes(id)), after: ids.slice(at).filter((id) => !RIGHT.includes(id)) };
 }
-function deviceEntries(list, devices) {
-  const valid = Array.isArray(list) && list.length > 0 && list.every((item) => item in devices || item && typeof item === "object" && typeof item.label === "string" && Number.isInteger(item.width) && item.width > 0);
-  return (valid ? list : Object.keys(devices)).map((item) => typeof item === "string" ? { id: item, name: item, width: devices[item], icon: item } : { id: `px-${item.width}`, label: item.label, width: item.width, icon: item.width < 600 ? "mobile" : item.width < 1100 ? "tablet" : "desktop" });
+function deviceEntries(list2, devices) {
+  const valid = Array.isArray(list2) && list2.length > 0 && list2.every((item) => item in devices || item && typeof item === "object" && typeof item.label === "string" && Number.isInteger(item.width) && item.width > 0);
+  return (valid ? list2 : Object.keys(devices)).map((item) => typeof item === "string" ? { id: item, name: item, width: devices[item], icon: item } : { id: `px-${item.width}`, label: item.label, width: item.width, icon: item.width < 600 ? "mobile" : item.width < 1100 ? "tablet" : "desktop" });
 }
 var panels = [];
 var PANEL_ID = /^[A-Za-z0-9][\w-]{0,39}$/;
@@ -7147,6 +7296,34 @@ function ZoneBarTools({ state }) {
     ) })
   ] });
 }
+function GroupDiagnostics({ scope, groups, problems }) {
+  const t = useMessages();
+  const insertClose = (error) => {
+    const end = (0, import_groups.groupRange)(scope.latest.current, error.index, groups)[1];
+    scope.insertRows(end + 1, { __component: error.expected });
+  };
+  return /* @__PURE__ */ jsx9(Box4, { role: "alert", "data-testid": "page-preview-diagnostics", padding: 2, background: "danger100", hasRadius: true, children: /* @__PURE__ */ jsxs6("details", { children: [
+    /* @__PURE__ */ jsx9("summary", { style: { cursor: "pointer" }, children: /* @__PURE__ */ jsx9(Typography4, { variant: "pi", fontWeight: "bold", textColor: "danger700", children: t.f("diagSummary", { count: problems.length }) }) }),
+    /* @__PURE__ */ jsx9("ul", { style: { margin: "6px 0 0 16px", padding: 0 }, children: problems.map((error) => /* @__PURE__ */ jsxs6("li", { style: { marginBottom: 8 }, children: [
+      /* @__PURE__ */ jsx9(Typography4, { variant: "pi", textColor: "neutral800", ...tagProps(scope.host.ds, "p"), children: t.f(
+        error.code === "closeBeforeOpen" ? "diagCloseBeforeOpen" : error.code === "mismatch" ? "diagMismatch" : "diagUnclosed",
+        { n: error.index + 1, uid: error.uid, open: error.open || "", expected: error.expected || "" }
+      ) }),
+      error.code === "unclosed" && scope.canEdit && /* @__PURE__ */ jsx9(Box4, { paddingTop: 1, children: /* @__PURE__ */ jsx9(
+        Button3,
+        {
+          size: "S",
+          variant: "danger-light",
+          "data-testid": `diag-insert-close-${error.index}`,
+          onClick: () => insertClose(error),
+          style: { height: "auto", minHeight: 32, whiteSpace: "normal", textAlign: "left", paddingTop: 6, paddingBottom: 6 },
+          children: t.f("diagInsertClose", { n: error.index + 1, expected: error.expected })
+        }
+      ) }),
+      error.code === "closeBeforeOpen" && /* @__PURE__ */ jsx9(Typography4, { variant: "pi", textColor: "neutral600", ...tagProps(scope.host.ds, "p"), style: { marginTop: 2 }, children: t.diagStrayHint })
+    ] }, `${error.code}-${error.index}`)) })
+  ] }) });
+}
 function PagePreview({
   editor,
   state,
@@ -7154,13 +7331,13 @@ function PagePreview({
   groups = null,
   hiddenAttribute = null,
   form = null,
-  Modal: Modal2,
+  Modal: Modal3,
   Toggle
 }) {
   const t = useMessages();
-  const { values, zone, zoneLabel: zoneLabel2, canEdit, latest, insertRows: insertRows2 } = usePreviewZone(host);
+  const { values, zone, zoneLabel, canEdit, latest, insertRows: insertRows2 } = usePreviewZone(host);
   const { history, mode, setMode, block: blockModal, setBlock: setBlockModal, inserting, setInserting } = state;
-  const { onChange, get, put, notify, MediaLibrary: MediaLibraryDialog, Actions, ds } = host;
+  const { onChange, get, put, notify, MediaLibrary: MediaLibraryDialog, Actions: Actions2, ds } = host;
   const deviceList = deviceEntries(editor?.previewDevices, DEVICES);
   const [deviceId, setDeviceState] = React8.useState(() => read(DEVICE_KEY));
   const device = deviceList.find((entry) => entry.id === deviceId) || deviceList[0];
@@ -7236,7 +7413,7 @@ function PagePreview({
   const live = React8.useRef({
     mode,
     canEdit,
-    zoneLabel: zoneLabel2,
+    zoneLabel,
     components: host.components,
     setMode,
     onChange,
@@ -7246,7 +7423,7 @@ function PagePreview({
   live.current = {
     mode,
     canEdit,
-    zoneLabel: zoneLabel2,
+    zoneLabel,
     components: host.components,
     setMode,
     onChange,
@@ -7439,7 +7616,7 @@ function PagePreview({
         channel,
         type
       );
-      const { mode: mode2, canEdit: canEdit2, zoneLabel: zoneLabel3, components, setMode: setMode2, onChange: onChange2 } = live.current;
+      const { mode: mode2, canEdit: canEdit2, zoneLabel: zoneLabel2, components, setMode: setMode2, onChange: onChange2 } = live.current;
       if (is("ready")) {
         clearTimeout(timeout);
         setReady(true);
@@ -7518,9 +7695,9 @@ function PagePreview({
       const uid = index >= 0 ? latest.current[index]?.__component : "";
       if (index < 0) return;
       if (is("select")) {
-        const list = findZoneList(zoneLabel3);
-        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) {
@@ -7581,9 +7758,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) => {
@@ -7759,7 +7936,7 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
                         children: [
                           !ready && /* @__PURE__ */ jsx9(Typography4, { variant: "pi", role: "status", textColor: "neutral600", children: failed ? t.previewFailed : t.previewLoading }),
                           failed && /* @__PURE__ */ jsx9(Button3, { size: "S", variant: "secondary", onClick: retry, children: t.retry }),
-                          layout.right.length > 0 && /* @__PURE__ */ jsx9(Actions, { parts: layout.right })
+                          layout.right.length > 0 && /* @__PURE__ */ jsx9(Actions2, { parts: layout.right })
                         ]
                       }
                     ),
@@ -7838,7 +8015,7 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
             max: insertAttr.max
           },
           components: host.components,
-          Modal: Modal2,
+          Modal: Modal3,
           Toggle,
           get,
           put,
@@ -7999,11 +8176,441 @@ ${/* Strapi 4's scrolled header is fixed to the viewport's right edge: beside th
   );
 }
 
-// admin/Settings.tsx
+// admin/host5.tsx
 import * as React9 from "react";
-import { Box as Box5, Button as Button4, Flex as Flex4, Searchbar as Searchbar2, Typography as Typography5 } from "@strapi/design-system";
+import { Button as Button4, Flex as Flex4, Status, Typography as Typography5 } from "@strapi/design-system";
+import { useIntl as useIntl2 } from "react-intl";
+import {
+  DescriptionComponentRenderer,
+  useFetchClient,
+  useForm,
+  useNotification,
+  useQueryParams,
+  useStrapiApp
+} from "@strapi/strapi/admin";
+import {
+  unstable_useContentManagerContext as useContext,
+  unstable_useDocument as useDocument,
+  useDocumentRBAC
+} from "@strapi/content-manager/strapi-admin";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function usePreviewHost5() {
+  const c = useContext();
+  const rbac = useDocumentRBAC("BlockscenePagePreview", (state) => state);
+  const values = useForm("BlockscenePagePreview", (state) => state.values);
+  const initialValues = useForm("BlockscenePagePreview", (state) => state.initialValues);
+  const setValues = useForm("BlockscenePagePreview", (state) => state.setValues);
+  const onChange = useForm("BlockscenePagePreview", (state) => state.onChange);
+  const addFieldRow = useForm("BlockscenePagePreview", (state) => state.addFieldRow);
+  const moveFieldRow = useForm("BlockscenePagePreview", (state) => state.moveFieldRow);
+  const { get, put } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const components = useStrapiApp("BlockscenePagePreview", (state) => state.components);
+  const fields = c.layout?.edit?.layout?.flat(3) || [];
+  const latest = React9.useRef(values);
+  latest.current = values;
+  const readable = React9.useCallback(
+    (name) => c.isCreatingEntry || (rbac.canReadFields || []).includes(name),
+    [c.isCreatingEntry, rbac.canReadFields]
+  );
+  return {
+    ds: 2,
+    model: c.model,
+    documentId: c.id,
+    locale: c.form?.initialValues?.locale,
+    creating: Boolean(c.isCreatingEntry),
+    loading: Boolean(c.isLoading),
+    disabled: Boolean(c.form?.disabled),
+    contentType: c.contentType,
+    components: c.components,
+    values,
+    history: typeof setValues === "function" ? { epoch: initialValues, setValues } : null,
+    readable,
+    editable: (name) => ((c.isCreatingEntry ? rbac.canCreateFields : rbac.canUpdateFields) || []).includes(name) && fields.find((f) => f.name === name)?.disabled !== true && typeof addFieldRow === "function",
+    fieldLabel: (name) => fields.find((f) => f.name === name)?.label || name,
+    onChange,
+    // Append then move: Strapi < 5.8.1 addFieldRow(field, value, index) overwrites the row at index instead of inserting.
+    insertRows: (zone, at, items2) => {
+      const length = Array.isArray(latest.current?.[zone]) ? latest.current[zone].length : 0;
+      items2.forEach((item, i) => {
+        addFieldRow(zone, item);
+        if (at + i < length + i) moveFieldRow(zone, length + i, at + i);
+      });
+    },
+    get,
+    put,
+    notify: (type, message) => toggleNotification({ type, message }),
+    MediaLibrary: components?.["media-library"],
+    useNativeBase,
+    Actions
+  };
+}
+function useNativeBase(skip, model, documentId, locale) {
+  const { get } = useFetchClient();
+  const [native, setNative] = React9.useState(null);
+  React9.useEffect(() => {
+    if (skip || !model) return;
+    let active = true;
+    const query2 = new URLSearchParams({
+      status: "draft",
+      ...documentId ? { documentId: String(documentId) } : {},
+      ...locale ? { locale } : {}
+    });
+    get(`/content-manager/preview/url/${model}?${query2}`).then(({ data }) => {
+      if (active && typeof data?.data?.url === "string")
+        setNative(`${new URL(data.data.url).origin}/block-preview/page`);
+    }).catch(() => {
+      if (active) setNative(null);
+    });
+    return () => {
+      active = false;
+    };
+  }, [get, model, documentId, locale, skip]);
+  return skip ? null : native;
+}
+function Actions({ parts }) {
+  const c = useContext();
+  return /* @__PURE__ */ jsx10(
+    ToolbarActions,
+    {
+      model: c.model,
+      collectionType: c.collectionType,
+      documentId: c.isCreatingEntry ? void 0 : c.id,
+      locale: c.form?.initialValues?.locale,
+      parts
+    }
+  );
+}
+var ACTION_TYPES = ["update", "publish"];
+var nativeButtons = () => document.querySelectorAll(
+  '#main-content button:not([data-testid="page-preview-pane"] button)'
+);
+function ToolbarActions({ model, collectionType, documentId, locale, parts }) {
+  const plugins = useStrapiApp(
+    "BlocksceneToolbar",
+    (state) => state.plugins
+  );
+  const [{ query: query2 }] = useQueryParams();
+  const { document: doc, meta } = useDocument(
+    { model, collectionType, documentId, params: { locale } },
+    { skip: !documentId }
+  );
+  const { toggleNotification } = useNotification();
+  const t = useMessages();
+  const { formatMessage } = useIntl2();
+  const modified = 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: query2.status || "draft",
+    model,
+    documentId,
+    document: doc,
+    meta,
+    collectionType
+  };
+  const run = async (action, event) => {
+    const native = [...nativeButtons()].find(
+      (b) => b.textContent?.trim() === action.label
+    );
+    if (native) {
+      native.click();
+      return;
+    }
+    const mute = await action.onClick?.(event);
+    if (action.dialog && !mute && action.dialog.type === "notification")
+      toggleNotification({
+        title: action.dialog.title,
+        message: action.dialog.content,
+        type: action.dialog.status
+      });
+  };
+  const typeOf = (action) => action.type || descriptions.find(
+    (d) => typeof action.id === "string" && action.id.startsWith(`${d.name || d.displayName}-`)
+  )?.type;
+  return /* @__PURE__ */ jsx10(DescriptionComponentRenderer, { props, descriptions, children: (actions) => /* @__PURE__ */ jsxs7(Flex4, { gap: 2, alignItems: "center", "data-testid": "page-preview-actions", children: [
+    parts.includes("status") && (status || modified) && /* @__PURE__ */ jsxs7(Flex4, { gap: 2, alignItems: "center", style: { order: parts.indexOf("status") }, children: [
+      status && /* @__PURE__ */ jsx10(
+        Status,
+        {
+          size: "S",
+          role: "status",
+          "data-testid": "page-preview-status",
+          variant: status === "draft" ? "secondary" : status === "published" ? "success" : "alternative",
+          children: /* @__PURE__ */ jsx10(Typography5, { tag: "span", variant: "omega", fontWeight: "bold", children: formatMessage({ id: `content-manager.containers.List.${status}`, defaultMessage: status.charAt(0).toUpperCase() + status.slice(1) }) })
+        }
+      ),
+      modified && /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.unsaved })
+    ] }),
+    parts.includes("actions") && [...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__ */ jsx10("span", { title: reason, style: { order: parts.indexOf("actions") }, children: /* @__PURE__ */ jsx10(
+        Button4,
+        {
+          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);
+    })
+  ] }) });
+}
+
+// admin/History.tsx
+import * as React10 from "react";
+import { Box as Box5, Button as Button5, Flex as Flex5, Typography as Typography6 } from "@strapi/design-system";
+import { useForm as useForm2, useQueryParams as useQueryParams2, useRBAC } from "@strapi/strapi/admin";
+
+// admin/versions.mjs
+var import_diff = __toESM(require_diff(), 1);
+import { generateNKeysBetween as generateNKeysBetween3 } from "fractional-indexing";
+var targetOf = (attr) => attr.targetModel || attr.target;
+var list = (value) => Array.isArray(value) ? value : value == null ? [] : [value];
+var withKeys = (rows) => {
+  const keys = rows.length ? generateNKeysBetween3(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
+import { Fragment as Fragment8, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var HISTORY_READ = [{ action: "plugin::blockscene.history.read", subject: null }];
+var PAGE = 10;
+function summaryText(t, 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;
+}
+function History({ model, documentId, schema, components, editable, disabled, get, relationsOf: relationsOf2 }) {
+  const t = useMessages();
+  const { allowedActions, isLoading } = useRBAC(HISTORY_READ);
+  const [{ query: query2 }] = useQueryParams2();
+  const locale = typeof query2?.plugins?.i18n?.locale === "string" ? query2.plugins.i18n.locale : "";
+  const values = useForm2("BlocksceneVersions", (state) => state.values);
+  const initialValues = useForm2("BlocksceneVersions", (state) => state.initialValues);
+  const setValues = useForm2("BlocksceneVersions", (state) => state.setValues);
+  const [events, setEvents] = React10.useState(null);
+  const [failed, setFailed] = React10.useState(false);
+  const [shown, setShown] = React10.useState(PAGE);
+  const [open, setOpen] = React10.useState(null);
+  const [report, setReport] = React10.useState(null);
+  const [loading, setLoading] = React10.useState(false);
+  const [refresh, reload] = React10.useReducer((n) => n + 1, 0);
+  const allowed = Boolean(allowedActions?.canRead);
+  React10.useEffect(() => {
+    if (!allowed || !documentId) return;
+    let active = true;
+    setFailed(false);
+    get(`/blockscene/history/${encodeURIComponent(model)}/${encodeURIComponent(documentId)}${locale ? `?locale=${encodeURIComponent(locale)}` : ""}`).then(({ data }) => active && setEvents(Array.isArray(data?.results) ? data.results : [])).catch(() => active && setFailed(true));
+    return () => {
+      active = false;
+    };
+  }, [allowed, get, model, documentId, locale, initialValues, refresh]);
+  React10.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 when2 = (at) => {
+    try {
+      return new Date(at).toLocaleString(t.locale, { dateStyle: "medium", timeStyle: "short" });
+    } catch {
+      return at;
+    }
+  };
+  const summary = (s) => summaryText(t, s);
+  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__ */ jsxs8(Flex5, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": "blockscene-versions", children: [
+    /* @__PURE__ */ jsxs8(Flex5, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsx11(Typography6, { variant: "sigma", tag: "h3", textColor: "neutral600", children: t.historyTitle }),
+      /* @__PURE__ */ jsx11(Button5, { variant: "tertiary", size: "S", onClick: reload, children: t.historyRefresh })
+    ] }),
+    failed ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", role: "alert", textColor: "danger600", children: t.historyFailed }) : !events ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "neutral600", children: t.historyLoading }) : !events.length ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "neutral600", children: t.historyEmpty }) : /* @__PURE__ */ jsxs8(Flex5, { 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__ */ jsxs8("li", { "data-testid": `history-event-${event.id}`, children: [
+          /* @__PURE__ */ jsx11(
+            Box5,
+            {
+              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__ */ jsxs8(Flex5, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+                /* @__PURE__ */ jsx11(Typography6, { variant: "omega", fontWeight: "bold", children: t.historyActions[event.action] || event.action }),
+                /* @__PURE__ */ jsxs8(Typography6, { variant: "pi", textColor: "neutral600", children: [
+                  event.actorName || (event.actor === "system" ? t.historySystem : event.actor),
+                  " \xB7 ",
+                  when2(event.at)
+                ] }),
+                /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: event.summary?.missing ? "warning700" : "neutral700", children: summary(event.summary) })
+              ] })
+            }
+          ),
+          active && /* @__PURE__ */ jsx11(Box5, { padding: 3, background: "neutral100", hasRadius: true, marginTop: 1, children: open.loading ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", children: t.historyLoading }) : open.failed ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", role: "alert", textColor: "danger600", children: t.historyLoadFailed }) : !open.snapshot ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "neutral600", children: t.historyNotKept }) : /* @__PURE__ */ jsxs8(Flex5, { direction: "column", alignItems: "stretch", gap: 2, children: [
+            /* @__PURE__ */ jsx11(Typography6, { variant: "pi", fontWeight: "bold", children: t.historyCompare }),
+            same2 ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "neutral600", children: t.historySame }) : /* @__PURE__ */ jsxs8(Fragment8, { children: [
+              diff.fields.length > 0 && /* @__PURE__ */ jsx11(Typography6, { variant: "pi", children: t.f("historyDiffFields", { fields: diff.fields.join(", ") }) }),
+              diff.zones.map((zone) => /* @__PURE__ */ jsx11(Flex5, { 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__ */ jsx11("li", { children: /* @__PURE__ */ jsxs8(Typography6, { 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__ */ jsx11(Typography6, { variant: "pi", textColor: "neutral600", children: t.historyDiffNote }),
+            /* @__PURE__ */ jsx11(Flex5, { children: /* @__PURE__ */ jsx11(Button5, { size: "S", onClick: load2, loading, disabled: disabled || loading, "data-testid": "history-load", children: t.historyLoad }) }),
+            report && /* @__PURE__ */ jsx11(Box5, { role: "status", padding: 2, background: report.failed ? "danger100" : "success100", hasRadius: true, children: report.failed ? /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "danger700", children: t.historyLoadFailed }) : /* @__PURE__ */ jsxs8(Flex5, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+              /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "success700", children: t.historyLoaded }),
+              report.left.length > 0 && /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "warning700", "data-testid": "history-left", children: t.f("historyLeft", { fields: report.left.join(", ") }) }),
+              report.removed.length > 0 && /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "warning700", children: t.f("historyRemovedFields", { fields: report.removed.join(", ") }) }),
+              (report.media || report.relations || report.blocks) > 0 && /* @__PURE__ */ jsx11(Typography6, { variant: "pi", textColor: "warning700", children: t.f("historyMissingItems", { media: report.media, relations: report.relations, blocks: report.blocks }) })
+            ] }) })
+          ] }) })
+        ] }, event.id);
+      }),
+      events.length > shown && /* @__PURE__ */ jsx11(Flex5, { children: /* @__PURE__ */ jsx11(Button5, { variant: "tertiary", size: "S", onClick: () => setShown(shown + PAGE), children: t.historyShowMore }) })
+    ] })
+  ] });
+}
+
+// admin/Settings.tsx
+import * as React11 from "react";
+import { Box as Box6, Button as Button6, Flex as Flex6, Searchbar as Searchbar2, Typography as Typography7 } from "@strapi/design-system";
 import styled7 from "styled-components";
-import { Fragment as Fragment8, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var COLOR2 = /^#[0-9A-Fa-f]{6}$/;
 var Grid2 = styled7.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; `;
 var Card2 = styled7.div`
@@ -8016,17 +8623,17 @@ var Bar = styled7.div`
   box-shadow: 0 1px 4px rgba(33, 33, 52, 0.1);
 `;
 function useMainRect2(anchor) {
-  const [rect, setRect] = React9.useState({ left: 0, width: 0 });
-  React9.useEffect(() => {
-    const read2 = () => {
+  const [rect, setRect] = React11.useState({ left: 0, width: 0 });
+  React11.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;
       const r = (host || document.querySelector("main"))?.getBoundingClientRect();
       if (r) setRect({ left: Math.round(r.left), width: Math.round(r.width) });
     };
-    read2();
-    window.addEventListener("resize", read2);
-    return () => window.removeEventListener("resize", read2);
+    read3();
+    window.addEventListener("resize", read3);
+    return () => window.removeEventListener("resize", read3);
   });
   return rect;
 }
@@ -8034,11 +8641,11 @@ var Swatches = styled7.div` display: grid; grid-template-columns: repeat(auto-fi
 var Label = styled7.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__ */ jsxs7(Label, { children: [
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ jsxs7(Flex4, { gap: 2, children: [
-      /* @__PURE__ */ jsx10("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__ */ jsx10(
+  return /* @__PURE__ */ jsxs9(Label, { children: [
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ jsxs9(Flex6, { gap: 2, children: [
+      /* @__PURE__ */ jsx12("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__ */ jsx12(
         "input",
         {
           name,
@@ -8054,14 +8661,14 @@ function ColorField({ name, label, value, onChange, disabled }) {
   ] });
 }
 function TagsField({ name, label, hint, value, onChange, disabled }) {
-  const [text, setText] = React9.useState(value.join(", "));
-  return /* @__PURE__ */ jsxs7(Label, { children: [
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ jsx10("input", { name, value: text, disabled, onChange: (e) => {
+  const [text, setText] = React11.useState(value.join(", "));
+  return /* @__PURE__ */ jsxs9(Label, { children: [
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ jsx12("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__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: hint })
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: hint })
   ] });
 }
 var FIELD_UID = /^(plugin|global)::[\w.-]+$/;
@@ -8069,11 +8676,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] = React9.useState(value.join(", "));
-  React9.useEffect(() => {
+  const [text, setText] = React11.useState(value.join(", "));
+  React11.useEffect(() => {
     if (parseUids(text).join() !== value.join()) setText(value.join(", "));
   }, [value.join()]);
-  return /* @__PURE__ */ jsx10(TextField2, { ...props, value: text, onChange: (v) => {
+  return /* @__PURE__ */ jsx12(TextField2, { ...props, value: text, onChange: (v) => {
     setText(v);
     onChange(parseUids(v));
   } });
@@ -8095,50 +8702,50 @@ var Checks = styled7.fieldset`
 var TOOLBAR2 = ["modes", "history", "devices", "status", "actions"];
 var DEVICE_NAMES = ["fit", "mobile", "tablet", "desktop"];
 var DEVICE_LABEL = /^[^<>]{1,24}$/;
-var badDevices = (list = []) => list.length < 1 || list.length > 8 || list.some((item) => typeof item !== "string" && (!DEVICE_LABEL.test(String(item.label || "").trim()) || !(Number.isInteger(item.width) && item.width >= 240 && item.width <= 3840))) || new Set(list.map((item) => typeof item === "string" ? item : item.width)).size !== list.length;
+var badDevices = (list2 = []) => list2.length < 1 || list2.length > 8 || list2.some((item) => typeof item !== "string" && (!DEVICE_LABEL.test(String(item.label || "").trim()) || !(Number.isInteger(item.width) && item.width >= 240 && item.width <= 3840))) || new Set(list2.map((item) => typeof item === "string" ? item : item.width)).size !== list2.length;
 var Row = styled7.div` display: flex; align-items: center; gap: 8px; min-height: 36px; font-size: 13px; color: ${({ theme }) => theme.colors.neutral800}; `;
 function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: TextField2 }) {
-  const move = (list, index, by) => {
-    const next = [...list];
+  const move = (list2, index, by) => {
+    const next = [...list2];
     [next[index], next[index + by]] = [next[index + by], next[index]];
     return next;
   };
-  const arrows = (list, index, key) => /* @__PURE__ */ jsxs7(Fragment8, { children: [
-    /* @__PURE__ */ jsx10(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index < 0 || index === 0, onClick: () => set2(key, move(list, index, -1)) }),
-    /* @__PURE__ */ jsx10(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index < 0 || index === list.length - 1, onClick: () => set2(key, move(list, index, 1)) })
+  const arrows = (list2, index, key) => /* @__PURE__ */ jsxs9(Fragment9, { children: [
+    /* @__PURE__ */ jsx12(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index < 0 || index === 0, onClick: () => set2(key, move(list2, index, -1)) }),
+    /* @__PURE__ */ jsx12(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index < 0 || index === list2.length - 1, onClick: () => set2(key, move(list2, index, 1)) })
   ] });
-  const check = (list, item, key) => /* @__PURE__ */ jsx10(
+  const check = (list2, item, key) => /* @__PURE__ */ jsx12(
     "input",
     {
       type: "checkbox",
       name: `${id}-${key}-${item}`,
-      checked: list.includes(item),
+      checked: list2.includes(item),
       disabled,
-      onChange: (e) => set2(key, e.target.checked ? [...list, item] : list.filter((entry) => entry !== item))
+      onChange: (e) => set2(key, e.target.checked ? [...list2, item] : list2.filter((entry) => entry !== item))
     }
   );
   const width = (index, patch) => set2("previewDevices", devices.map((item, i) => i === index ? { ...item, ...patch } : item));
-  return /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 3, "data-testid": `pane-editor-${id}`, children: [
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.paneHelp }),
-    /* @__PURE__ */ jsx10(Box5, { children: [...toolbar, ...TOOLBAR2.filter((item) => !toolbar.includes(item))].map((item) => /* @__PURE__ */ jsxs7(Row, { "data-testid": `${id}-toolbar-${item}`, children: [
+  return /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 3, "data-testid": `pane-editor-${id}`, children: [
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.paneHelp }),
+    /* @__PURE__ */ jsx12(Box6, { children: [...toolbar, ...TOOLBAR2.filter((item) => !toolbar.includes(item))].map((item) => /* @__PURE__ */ jsxs9(Row, { "data-testid": `${id}-toolbar-${item}`, children: [
       arrows(toolbar, toolbar.indexOf(item), "previewToolbar"),
-      /* @__PURE__ */ jsxs7("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs9("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
         check(toolbar, item, "previewToolbar"),
         t.toolbar[item]
       ] })
     ] }, item)) }),
-    /* @__PURE__ */ jsx10(Typography5, { variant: "delta", tag: "h3", children: t.paneDevices }),
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.paneDevicesHelp }),
-    /* @__PURE__ */ jsx10(Box5, { children: [...devices, ...DEVICE_NAMES.filter((item) => !devices.includes(item))].map((item) => {
+    /* @__PURE__ */ jsx12(Typography7, { variant: "delta", tag: "h3", children: t.paneDevices }),
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.paneDevicesHelp }),
+    /* @__PURE__ */ jsx12(Box6, { children: [...devices, ...DEVICE_NAMES.filter((item) => !devices.includes(item))].map((item) => {
       const index = devices.indexOf(item);
-      return /* @__PURE__ */ jsxs7(Row, { "data-testid": `${id}-device-${typeof item === "string" ? item : index}`, children: [
+      return /* @__PURE__ */ jsxs9(Row, { "data-testid": `${id}-device-${typeof item === "string" ? item : index}`, children: [
         arrows(devices, index, "previewDevices"),
-        typeof item === "string" ? /* @__PURE__ */ jsxs7("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
+        typeof item === "string" ? /* @__PURE__ */ jsxs9("label", { style: { display: "inline-flex", gap: 6, alignItems: "center" }, children: [
           check(devices, item, "previewDevices"),
           t.device[item]
-        ] }) : /* @__PURE__ */ jsxs7(Fragment8, { children: [
-          /* @__PURE__ */ jsx10(Box5, { style: { flex: "1 1 160px" }, children: /* @__PURE__ */ jsx10(TextField2, { name: `${id}-device-label-${index}`, label: t.paneWidthLabel, value: item.label, disabled, onChange: (v) => width(index, { label: v }) }) }),
-          /* @__PURE__ */ jsx10(Box5, { style: { width: 140 }, children: /* @__PURE__ */ jsx10(
+        ] }) : /* @__PURE__ */ jsxs9(Fragment9, { children: [
+          /* @__PURE__ */ jsx12(Box6, { style: { flex: "1 1 160px" }, children: /* @__PURE__ */ jsx12(TextField2, { name: `${id}-device-label-${index}`, label: t.paneWidthLabel, value: item.label, disabled, onChange: (v) => width(index, { label: v }) }) }),
+          /* @__PURE__ */ jsx12(Box6, { style: { width: 140 }, children: /* @__PURE__ */ jsx12(
             TextField2,
             {
               name: `${id}-device-width-${index}`,
@@ -8148,12 +8755,12 @@ function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: T
               onChange: (v) => width(index, { width: /^\d{1,4}$/.test(v.trim()) ? Number(v.trim()) : NaN })
             }
           ) }),
-          /* @__PURE__ */ jsx10(Tool, { icon: "close", label: t.paneRemoveWidth, disabled, onClick: () => set2("previewDevices", devices.filter((_, i) => i !== index)) })
+          /* @__PURE__ */ jsx12(Tool, { icon: "close", label: t.paneRemoveWidth, disabled, onClick: () => set2("previewDevices", devices.filter((_, i) => i !== index)) })
         ] })
       ] }, typeof item === "string" ? item : `px-${index}`);
     }) }),
-    /* @__PURE__ */ jsx10(Flex4, { children: /* @__PURE__ */ jsx10(
-      Button4,
+    /* @__PURE__ */ jsx12(Flex6, { children: /* @__PURE__ */ jsx12(
+      Button6,
       {
         variant: "secondary",
         size: "S",
@@ -8163,15 +8770,15 @@ function PaneEditor({ id, toolbar, devices, set: set2, t, disabled, TextField: T
         children: t.paneAddWidth
       }
     ) }),
-    badDevices(devices) && /* @__PURE__ */ jsx10(Typography5, { role: "alert", variant: "pi", textColor: "danger600", children: t.paneInvalid })
+    badDevices(devices) && /* @__PURE__ */ jsx12(Typography7, { role: "alert", variant: "pi", textColor: "danger600", children: t.paneInvalid })
   ] });
 }
 var DAYS = (n) => Number.isInteger(n) && n >= 1 && n <= 3650;
 var badRetention = (h) => !h || !DAYS(h.retentionDays) || !DAYS(h.eventDays) || !DAYS(h.trashDays) || h.eventDays < h.retentionDays || !(Number.isInteger(h.maxSnapshots) && h.maxSnapshots >= 1 && h.maxSnapshots <= 1e3);
 function HistorySettings({ types, history, set: set2, t, disabled, ToggleField: ToggleField2, TextField: TextField2 }) {
   const all = history.contentTypes === "all";
-  const list = all ? [] : history.contentTypes;
-  const number = (key) => /* @__PURE__ */ jsx10(Box5, { style: { minWidth: 200 }, children: /* @__PURE__ */ jsx10(
+  const list2 = all ? [] : history.contentTypes;
+  const number = (key) => /* @__PURE__ */ jsx12(Box6, { style: { minWidth: 200 }, children: /* @__PURE__ */ jsx12(
     TextField2,
     {
       name: `history-${key}`,
@@ -8181,33 +8788,33 @@ function HistorySettings({ types, history, set: set2, t, disabled, ToggleField:
       onChange: (v) => set2(key, /^\d{1,5}$/.test(v.trim()) ? Number(v.trim()) : NaN)
     }
   ) });
-  return /* @__PURE__ */ jsx10(Box5, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "history-settings", children: [
-    /* @__PURE__ */ jsx10(Typography5, { variant: "beta", tag: "h2", children: t.historySettings }),
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.historySettingsHelp }),
-    /* @__PURE__ */ jsx10(ToggleField2, { name: "history-enabled", label: t.historyEnabled, value: history.enabled, disabled, onChange: (v) => set2("enabled", v) }),
-    /* @__PURE__ */ jsx10(ToggleField2, { name: "history-all", label: t.historyAll, value: all, disabled: disabled || !history.enabled, onChange: (v) => set2("contentTypes", v ? "all" : types.map((type) => type.uid)) }),
-    !all && /* @__PURE__ */ jsxs7(Checks, { disabled: disabled || !history.enabled, children: [
-      /* @__PURE__ */ jsx10("legend", { children: t.historyTypes }),
-      types.map((type) => /* @__PURE__ */ jsxs7("label", { children: [
-        /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(Box6, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "history-settings", children: [
+    /* @__PURE__ */ jsx12(Typography7, { variant: "beta", tag: "h2", children: t.historySettings }),
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.historySettingsHelp }),
+    /* @__PURE__ */ jsx12(ToggleField2, { name: "history-enabled", label: t.historyEnabled, value: history.enabled, disabled, onChange: (v) => set2("enabled", v) }),
+    /* @__PURE__ */ jsx12(ToggleField2, { name: "history-all", label: t.historyAll, value: all, disabled: disabled || !history.enabled, onChange: (v) => set2("contentTypes", v ? "all" : types.map((type) => type.uid)) }),
+    !all && /* @__PURE__ */ jsxs9(Checks, { disabled: disabled || !history.enabled, children: [
+      /* @__PURE__ */ jsx12("legend", { children: t.historyTypes }),
+      types.map((type) => /* @__PURE__ */ jsxs9("label", { children: [
+        /* @__PURE__ */ jsx12(
           "input",
           {
             type: "checkbox",
             name: `history-type-${type.uid}`,
-            checked: list.includes(type.uid),
-            onChange: (e) => set2("contentTypes", e.target.checked ? [...list, type.uid] : list.filter((uid) => uid !== type.uid))
+            checked: list2.includes(type.uid),
+            onChange: (e) => set2("contentTypes", e.target.checked ? [...list2, type.uid] : list2.filter((uid) => uid !== type.uid))
           }
         ),
         type.displayName
       ] }, type.uid))
     ] }),
-    /* @__PURE__ */ jsxs7(Flex4, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
+    /* @__PURE__ */ jsxs9(Flex6, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
       number("retentionDays"),
       number("maxSnapshots"),
       number("eventDays"),
       number("trashDays")
     ] }),
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: badRetention(history) ? "danger600" : "neutral600", role: badRetention(history) ? "alert" : void 0, children: badRetention(history) ? t.historyInvalid : `${t.historyRetentionHelp} ${t.trashDaysHelp}` })
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: badRetention(history) ? "danger600" : "neutral600", role: badRetention(history) ? "alert" : void 0, children: badRetention(history) ? t.historyInvalid : `${t.historyRetentionHelp} ${t.trashDaysHelp}` })
   ] }) });
 }
 function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: SelectField2, TextField: TextField2 }) {
@@ -8221,10 +8828,10 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
   };
   const fields = (type.attributes || []).filter((attr) => !SYSTEM_FIELDS2.includes(attr.name));
   const id = (name, index) => `sidebar-${name}-${type.uid}${index === void 0 ? "" : `-${index}`}`;
-  return /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
-    /* @__PURE__ */ jsx10(Typography5, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.sidebarHelp }),
-    /* @__PURE__ */ jsx10(Box5, { style: { maxWidth: 240 }, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
+    /* @__PURE__ */ jsx12(Typography7, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.sidebarHelp }),
+    /* @__PURE__ */ jsx12(Box6, { style: { maxWidth: 240 }, children: /* @__PURE__ */ jsx12(
       SelectField2,
       {
         name: id("position"),
@@ -8235,21 +8842,21 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
         onChange: (v) => set2("sidebarPosition", v, "left")
       }
     ) }),
-    items2.map((item, index) => /* @__PURE__ */ jsxs7(Item, { "data-testid": id("item", index), children: [
-      /* @__PURE__ */ jsxs7(Flex4, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
-        /* @__PURE__ */ jsx10(Box5, { style: { flex: "1 1 200px" }, children: /* @__PURE__ */ jsx10(TextField2, { name: id("label", index), label: t.sidebarItemLabel, value: item.label, disabled, onChange: (v) => edit(index, { label: v }) }) }),
-        /* @__PURE__ */ jsx10(Box5, { style: { minWidth: 180 }, children: /* @__PURE__ */ jsx10(
+    items2.map((item, index) => /* @__PURE__ */ jsxs9(Item, { "data-testid": id("item", index), children: [
+      /* @__PURE__ */ jsxs9(Flex6, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
+        /* @__PURE__ */ jsx12(Box6, { style: { flex: "1 1 200px" }, children: /* @__PURE__ */ jsx12(TextField2, { name: id("label", index), label: t.sidebarItemLabel, value: item.label, disabled, onChange: (v) => edit(index, { label: v }) }) }),
+        /* @__PURE__ */ jsx12(Box6, { style: { minWidth: 180 }, children: /* @__PURE__ */ jsx12(
           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__ */ jsx10(Icon, { name: value, size: 16 }) }))],
+            options: [{ value: "none", label: t.noIcon }, ...SIDEBAR_ICONS.map((value) => ({ value, label: t.icons[value], icon: /* @__PURE__ */ jsx12(Icon, { name: value, size: 16 }) }))],
             onChange: (v) => edit(index, { icon: v === "none" ? void 0 : v })
           }
         ) }),
-        /* @__PURE__ */ jsx10(Box5, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Box6, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsx12(
           SelectField2,
           {
             name: id("open", index),
@@ -8260,16 +8867,16 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
             onChange: (v) => edit(index, { open: v })
           }
         ) }),
-        /* @__PURE__ */ jsxs7(Flex4, { gap: 1, paddingBottom: 1, children: [
-          /* @__PURE__ */ jsx10(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index === 0, onClick: () => move(index, -1) }),
-          /* @__PURE__ */ jsx10(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index === items2.length - 1, onClick: () => move(index, 1) }),
-          /* @__PURE__ */ jsx10(Tool, { icon: "close", label: t.sidebarRemove, disabled, onClick: () => save(items2.filter((_, i) => i !== index)) })
+        /* @__PURE__ */ jsxs9(Flex6, { gap: 1, paddingBottom: 1, children: [
+          /* @__PURE__ */ jsx12(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index === 0, onClick: () => move(index, -1) }),
+          /* @__PURE__ */ jsx12(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index === items2.length - 1, onClick: () => move(index, 1) }),
+          /* @__PURE__ */ jsx12(Tool, { icon: "close", label: t.sidebarRemove, disabled, onClick: () => save(items2.filter((_, i) => i !== index)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7(Checks, { disabled, children: [
-        /* @__PURE__ */ jsx10("legend", { children: t.sidebarFields }),
-        fields.map((attr) => /* @__PURE__ */ jsxs7("label", { children: [
-          /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsxs9(Checks, { disabled, children: [
+        /* @__PURE__ */ jsx12("legend", { children: t.sidebarFields }),
+        fields.map((attr) => /* @__PURE__ */ jsxs9("label", { children: [
+          /* @__PURE__ */ jsx12(
             "input",
             {
               type: "checkbox",
@@ -8281,11 +8888,11 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
           attr.name
         ] }, attr.name))
       ] }),
-      badItem(item) && /* @__PURE__ */ jsx10(Typography5, { role: "alert", variant: "pi", textColor: "danger600", children: t.sidebarInvalid })
+      badItem(item) && /* @__PURE__ */ jsx12(Typography7, { role: "alert", variant: "pi", textColor: "danger600", children: t.sidebarInvalid })
     ] }, index)),
-    /* @__PURE__ */ jsxs7(Flex4, { gap: 2, alignItems: "center", children: [
-      /* @__PURE__ */ jsx10(
-        Button4,
+    /* @__PURE__ */ jsxs9(Flex6, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx12(
+        Button6,
         {
           variant: "secondary",
           size: "S",
@@ -8295,7 +8902,7 @@ function SidebarEditor({ type, entry, set: set2, t, disabled, SelectField: Selec
           children: t.sidebarAdd
         }
       ),
-      items2.length >= SIDEBAR_MAX && /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.f("sidebarLimit", { max: SIDEBAR_MAX }) })
+      items2.length >= SIDEBAR_MAX && /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.f("sidebarLimit", { max: SIDEBAR_MAX }) })
     ] })
   ] });
 }
@@ -8304,18 +8911,18 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
   const t = useMessages();
   const { get, put, del } = useClient();
   const { canRead, canUpdate, isLoading } = usePermissions2();
-  const [data, setData] = React9.useState(null);
-  const [catalog, setCatalog] = React9.useState(null);
-  const [settings, setSettings] = React9.useState(null);
-  const [media, setMedia] = React9.useState({});
-  const [sources, setSources] = React9.useState({});
-  const [dirty, setDirty] = React9.useState(false);
-  const [saving, setSaving] = React9.useState(false);
-  const [status, setStatus] = React9.useState("");
-  const [failed, setFailed] = React9.useState(false);
-  const [filter, setFilter] = React9.useState("");
-  const [picking, setPicking] = React9.useState(null);
-  React9.useEffect(() => {
+  const [data, setData] = React11.useState(null);
+  const [catalog, setCatalog] = React11.useState(null);
+  const [settings, setSettings] = React11.useState(null);
+  const [media, setMedia] = React11.useState({});
+  const [sources, setSources] = React11.useState({});
+  const [dirty, setDirty] = React11.useState(false);
+  const [saving, setSaving] = React11.useState(false);
+  const [status, setStatus] = React11.useState("");
+  const [failed, setFailed] = React11.useState(false);
+  const [filter, setFilter] = React11.useState("");
+  const [picking, setPicking] = React11.useState(null);
+  React11.useEffect(() => {
     if (!canRead || isLoading) return;
     let active = true;
     Promise.all([get("/blockscene/settings"), get("/blockscene/catalog")]).then(([s, c]) => {
@@ -8393,36 +9000,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 = React9.useRef(null);
-  const [floating, setFloating] = React9.useState(false);
+  const header = React11.useRef(null);
+  const [floating, setFloating] = React11.useState(false);
   const main = useMainRect2(header);
-  React9.useEffect(() => {
+  React11.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__ */ jsxs7(Flex4, { gap: 3, alignItems: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ jsx10(Typography5, { 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__ */ jsx10(Button4, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
-    /* @__PURE__ */ jsx10(Button4, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
+  const controls = (suffix) => ready && /* @__PURE__ */ jsxs9(Flex6, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ jsx12(Typography7, { 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__ */ jsx12(Button6, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
+    /* @__PURE__ */ jsx12(Button6, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
   ] });
-  return /* @__PURE__ */ jsx10(Box5, { padding: 8, background: "neutral100", children: /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 5, children: [
-    /* @__PURE__ */ jsx10("div", { ref: header, children: /* @__PURE__ */ jsxs7(Flex4, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ jsx10(Typography5, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
+  return /* @__PURE__ */ jsx12(Box6, { padding: 8, background: "neutral100", children: /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 5, children: [
+    /* @__PURE__ */ jsx12("div", { ref: header, children: /* @__PURE__ */ jsxs9(Flex6, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx12(Typography7, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
       controls("")
     ] }) }),
-    floating && main.width > 0 && /* @__PURE__ */ jsx10(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ jsxs7(Flex4, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ jsx10(Typography5, { variant: "beta", tag: "p", children: t.settingsTitle }),
+    floating && main.width > 0 && /* @__PURE__ */ jsx12(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ jsxs9(Flex6, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx12(Typography7, { variant: "beta", tag: "p", children: t.settingsTitle }),
       controls("-floating")
     ] }) }),
-    /* @__PURE__ */ jsx10(Typography5, { textColor: "neutral600", children: t.settingsIntro }),
-    isLoading ? /* @__PURE__ */ jsx10(Typography5, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ jsx10(Typography5, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ jsx10(Typography5, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ jsx10(Typography5, { children: t.loading }) : /* @__PURE__ */ jsxs7(Fragment8, { children: [
-      data.disabled && /* @__PURE__ */ jsx10(Box5, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ jsx10(Typography5, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
-      /* @__PURE__ */ jsx10(Box5, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ jsx10(Typography5, { variant: "beta", tag: "h2", children: t.palette }),
-        /* @__PURE__ */ jsx10(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx12(Typography7, { textColor: "neutral600", children: t.settingsIntro }),
+    isLoading ? /* @__PURE__ */ jsx12(Typography7, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ jsx12(Typography7, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ jsx12(Typography7, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ jsx12(Typography7, { children: t.loading }) : /* @__PURE__ */ jsxs9(Fragment9, { children: [
+      data.disabled && /* @__PURE__ */ jsx12(Box6, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ jsx12(Typography7, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
+      /* @__PURE__ */ jsx12(Box6, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ jsx12(Typography7, { variant: "beta", tag: "h2", children: t.palette }),
+        /* @__PURE__ */ jsx12(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ jsx12(
           ColorField,
           {
             name: `palette-${key}`,
@@ -8436,43 +9043,43 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           },
           key
         )) }),
-        badColor && /* @__PURE__ */ jsx10(Typography5, { role: "alert", textColor: "danger600", children: t.invalidColor }),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
-        /* @__PURE__ */ jsx10(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ jsxs7(Flex4, { direction: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx10(Box5, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ jsx10(Wireframe, { template, palette: settings.palette }) }),
-          /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
+        badColor && /* @__PURE__ */ jsx12(Typography7, { role: "alert", textColor: "danger600", children: t.invalidColor }),
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
+        /* @__PURE__ */ jsx12(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ jsxs9(Flex6, { direction: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx12(Box6, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ jsx12(Wireframe, { template, palette: settings.palette }) }),
+          /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
         ] }, template)) }),
-        /* @__PURE__ */ jsx10(Flex4, { children: /* @__PURE__ */ jsx10(Button4, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
+        /* @__PURE__ */ jsx12(Flex6, { children: /* @__PURE__ */ jsx12(Button6, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
           s.palette = { ...DEFAULT_PALETTE };
           return s;
         }), children: t.resetPalette }) })
       ] }) }),
-      /* @__PURE__ */ jsx10(Box5, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ jsx10(Typography5, { variant: "beta", tag: "h2", children: t.editor }),
-        /* @__PURE__ */ jsx10(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+      /* @__PURE__ */ jsx12(Box6, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ jsx12(Typography7, { variant: "beta", tag: "h2", children: t.editor }),
+        /* @__PURE__ */ jsx12(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.enabled = v;
           return s;
         }) }),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
-        /* @__PURE__ */ jsx10(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
+        /* @__PURE__ */ jsx12(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showOpenAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ jsx10(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ jsx12(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showCloseAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.toggleHelp }),
-        /* @__PURE__ */ jsx10(ToggleField2, { name: "editor-showRowThumbnails", label: t.showRowThumbnails, value: editor.showRowThumbnails !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.toggleHelp }),
+        /* @__PURE__ */ jsx12(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__ */ jsx10(ToggleField2, { name: "editor-friendlyLabels", label: t.friendlyLabels, value: editor.friendlyLabels !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ jsx12(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__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.friendlyLabelsHelp }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.friendlyLabelsHelp }),
+        /* @__PURE__ */ jsx12(
           SelectField2,
           {
             name: "editor-initialState",
@@ -8486,8 +9093,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
+        /* @__PURE__ */ jsx12(
           TextField2,
           {
             name: "editor-blockPreviewUrl",
@@ -8501,8 +9108,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.blockPreviewUrlHelp }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.blockPreviewUrlHelp }),
+        /* @__PURE__ */ jsx12(
           TextField2,
           {
             name: "editor-previewUrl",
@@ -8516,9 +9123,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
-        !editor.previewUrl && /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "warning700", "data-testid": "preview-url-empty", children: t.previewUrlEmpty }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
+        !editor.previewUrl && /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "warning700", "data-testid": "preview-url-empty", children: t.previewUrlEmpty }),
+        /* @__PURE__ */ jsx12(
           SelectField2,
           {
             name: "editor-previewMode",
@@ -8532,9 +9139,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "delta", tag: "h3", children: t.paneTitle }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
+        /* @__PURE__ */ jsx12(Typography7, { variant: "delta", tag: "h3", children: t.paneTitle }),
+        /* @__PURE__ */ jsx12(
           PaneEditor,
           {
             id: "editor",
@@ -8549,12 +9156,12 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        lazyEditors && /* @__PURE__ */ jsxs7(Fragment8, { children: [
-          /* @__PURE__ */ jsx10(ToggleField2, { name: "editor-lazyEditors", label: t.lazyEditors, value: editor.lazyEditors !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        lazyEditors && /* @__PURE__ */ jsxs9(Fragment9, { children: [
+          /* @__PURE__ */ jsx12(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__ */ jsx10(
+          /* @__PURE__ */ jsx12(
             UidListField,
             {
               TextField: TextField2,
@@ -8569,31 +9176,31 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
               })
             }
           ),
-          /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: badLazy ? "danger600" : "neutral600", role: badLazy ? "alert" : void 0, children: badLazy ? t.f("lazyFieldsInvalid", { max: LAZY_MAX }) : t.lazyEditorsHelp }),
-          data.blockPreviewAvailable && /* @__PURE__ */ jsxs7(Fragment8, { children: [
-            /* @__PURE__ */ jsx10(ToggleField2, { name: "editor-blockPreviewInForm", label: t.blockPreviewInForm, value: editor.blockPreviewInForm, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: badLazy ? "danger600" : "neutral600", role: badLazy ? "alert" : void 0, children: badLazy ? t.f("lazyFieldsInvalid", { max: LAZY_MAX }) : t.lazyEditorsHelp }),
+          data.blockPreviewAvailable && /* @__PURE__ */ jsxs9(Fragment9, { children: [
+            /* @__PURE__ */ jsx12(ToggleField2, { name: "editor-blockPreviewInForm", label: t.blockPreviewInForm, value: editor.blockPreviewInForm, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
               s.editor.blockPreviewInForm = v;
               return s;
             }) }),
-            /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
+            /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx10(Box5, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-actions-settings", children: [
-        /* @__PURE__ */ jsx10(Typography5, { variant: "beta", tag: "h2", children: t.rowActionsTitle }),
-        /* @__PURE__ */ jsx10(ToggleField2, { name: "editor-confirmDelete", label: t.confirmDeleteOption, value: editor.confirmDelete !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+      /* @__PURE__ */ jsx12(Box6, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-actions-settings", children: [
+        /* @__PURE__ */ jsx12(Typography7, { variant: "beta", tag: "h2", children: t.rowActionsTitle }),
+        /* @__PURE__ */ jsx12(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__ */ jsx10(ToggleField2, { name: "editor-duplicate", label: t.duplicateOption, value: editor.duplicate !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ jsx12(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__ */ jsx10(ToggleField2, { name: "editor-clipboard", label: t.clipboardOption, value: editor.clipboard !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ jsx12(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__ */ jsx10(
+        /* @__PURE__ */ jsx12(
           SelectField2,
           {
             name: "editor-hiddenBlocks",
@@ -8607,9 +9214,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: data.hiddenAttribute ? t.hiddenBlocksHelp : t.hiddenAttributeOff })
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: data.hiddenAttribute ? t.hiddenBlocksHelp : t.hiddenAttributeOff })
       ] }) }),
-      data.historyTypes && settings.history && /* @__PURE__ */ jsx10(
+      data.historyTypes && settings.history && /* @__PURE__ */ jsx12(
         HistorySettings,
         {
           types: data.historyTypes,
@@ -8624,9 +9231,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           })
         }
       ),
-      (data.contentTypes || []).length > 0 && /* @__PURE__ */ jsx10(Box5, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
-        /* @__PURE__ */ jsx10(Typography5, { variant: "beta", tag: "h2", children: t.contentTypes }),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
+      (data.contentTypes || []).length > 0 && /* @__PURE__ */ jsx12(Box6, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
+        /* @__PURE__ */ jsx12(Typography7, { variant: "beta", tag: "h2", children: t.contentTypes }),
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
         data.contentTypes.map((type) => {
           const entry = settings.contentTypes?.[type.uid] || {};
           const set2 = (key, value, fallback) => update((s) => {
@@ -8638,9 +9245,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             else delete s.contentTypes[type.uid];
             return s;
           });
-          return /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 4, children: [
-            /* @__PURE__ */ jsxs7(Flex4, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
-              /* @__PURE__ */ jsx10(Box5, { style: { minWidth: 220 }, children: /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 4, children: [
+            /* @__PURE__ */ jsxs9(Flex6, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
+              /* @__PURE__ */ jsx12(Box6, { style: { minWidth: 220 }, children: /* @__PURE__ */ jsx12(
                 ToggleField2,
                 {
                   name: `type-enabled-${type.uid}`,
@@ -8650,7 +9257,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (v) => set2("enabled", v, true)
                 }
               ) }),
-              /* @__PURE__ */ jsx10(Box5, { style: { minWidth: 240 }, children: /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx12(Box6, { style: { minWidth: 240 }, children: /* @__PURE__ */ jsx12(
                 SelectField2,
                 {
                   name: `type-mode-${type.uid}`,
@@ -8662,9 +9269,9 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 }
               ) })
             ] }),
-            entry.enabled !== false && /* @__PURE__ */ jsx10(SidebarEditor, { type, entry, set: set2, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 }),
-            entry.enabled !== false && /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, children: [
-              /* @__PURE__ */ jsx10(
+            entry.enabled !== false && /* @__PURE__ */ jsx12(SidebarEditor, { type, entry, set: set2, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 }),
+            entry.enabled !== false && /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, children: [
+              /* @__PURE__ */ jsx12(
                 ToggleField2,
                 {
                   name: `type-pane-${type.uid}`,
@@ -8677,7 +9284,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   }
                 }
               ),
-              (entry.previewToolbar || entry.previewDevices) && /* @__PURE__ */ jsx10(
+              (entry.previewToolbar || entry.previewDevices) && /* @__PURE__ */ jsx12(
                 PaneEditor,
                 {
                   id: `type-${type.uid}`,
@@ -8692,18 +9299,18 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             ] })
           ] }, type.uid);
         }),
-        badSidebar && /* @__PURE__ */ jsx10(Typography5, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
+        badSidebar && /* @__PURE__ */ jsx12(Typography7, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
       ] }) }),
-      /* @__PURE__ */ jsx10(Box5, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ jsx10(Typography5, { variant: "beta", tag: "h2", children: t.components }),
-        /* @__PURE__ */ jsx10(Searchbar2, { name: "component-filter", value: filter, placeholder: t.filter, clearLabel: t.clear, onClear: () => setFilter(""), onChange: (e) => setFilter(e.target.value), children: t.filter }),
-        /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
-        /* @__PURE__ */ jsx10(Grid2, { "data-testid": "components-grid", children: components.map((component) => {
+      /* @__PURE__ */ jsx12(Box6, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ jsx12(Typography7, { variant: "beta", tag: "h2", children: t.components }),
+        /* @__PURE__ */ jsx12(Searchbar2, { name: "component-filter", value: filter, placeholder: t.filter, clearLabel: t.clear, onClear: () => setFilter(""), onChange: (e) => setFilter(e.target.value), children: t.filter }),
+        /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
+        /* @__PURE__ */ jsx12(Grid2, { "data-testid": "components-grid", children: components.map((component) => {
           const entry = settings.components[component.uid] || {};
           const meta = { ...catalog.components?.[component.uid] || {}, ...media[component.uid] || {} };
           const candidates = candidatesFor(component.uid, meta, catalog);
-          return /* @__PURE__ */ jsxs7(Card2, { "data-testid": `settings-${component.uid}`, children: [
-            /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsxs9(Card2, { "data-testid": `settings-${component.uid}`, children: [
+            /* @__PURE__ */ jsx12(
               Thumb,
               {
                 candidates,
@@ -8714,23 +9321,23 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 onResolved: (index) => setSources((current) => current[component.uid] === index ? current : { ...current, [component.uid]: index })
               }
             ),
-            /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-              /* @__PURE__ */ jsx10(Typography5, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
-              /* @__PURE__ */ jsxs7(Typography5, { variant: "pi", textColor: "neutral600", children: [
+            /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+              /* @__PURE__ */ jsx12(Typography7, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
+              /* @__PURE__ */ jsxs9(Typography7, { variant: "pi", textColor: "neutral600", children: [
                 component.uid,
                 " \xB7 ",
                 component.category
               ] }),
-              /* @__PURE__ */ jsxs7(Typography5, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
+              /* @__PURE__ */ jsxs9(Typography7, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
                 t.source,
                 ": ",
                 sourceOf(component.uid, Boolean(meta.manualImage)),
                 meta.manualName ? ` (${meta.manualName})` : ""
               ] }),
-              meta.manualMissing && /* @__PURE__ */ jsx10(Typography5, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
-              /* @__PURE__ */ jsxs7(Flex4, { gap: 2, wrap: "wrap", children: [
-                /* @__PURE__ */ jsx10(Button4, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
-                entry.mediaId && /* @__PURE__ */ jsx10(Button4, { variant: "tertiary", size: "S", disabled: !canUpdate || saving, onClick: () => {
+              meta.manualMissing && /* @__PURE__ */ jsx12(Typography7, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
+              /* @__PURE__ */ jsxs9(Flex6, { gap: 2, wrap: "wrap", children: [
+                /* @__PURE__ */ jsx12(Button6, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
+                entry.mediaId && /* @__PURE__ */ jsx12(Button6, { 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];
@@ -8743,7 +9350,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   });
                 }, children: t.useAutomatic })
               ] }),
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx12(
                 SelectField2,
                 {
                   name: `template-${component.uid}`,
@@ -8757,7 +9364,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   })
                 }
               ),
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx12(
                 SelectField2,
                 {
                   name: `typology-${component.uid}`,
@@ -8768,7 +9375,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (v) => setComponent(component.uid, "typology", v === "auto" ? void 0 : v)
                 }
               ),
-              /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx12(
                 TagsField,
                 {
                   name: `tags-${component.uid}`,
@@ -8779,12 +9386,12 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   onChange: (tags) => setComponent(component.uid, "tags", tags.length ? tags : void 0)
                 }
               ),
-              meta.variants?.length > 0 && /* @__PURE__ */ jsxs7(Typography5, { variant: "pi", textColor: "neutral600", "data-testid": `variants-${component.uid}`, children: [
+              meta.variants?.length > 0 && /* @__PURE__ */ jsxs9(Typography7, { variant: "pi", textColor: "neutral600", "data-testid": `variants-${component.uid}`, children: [
                 t.variantsFromCode,
                 ": ",
                 meta.variants.map((item) => localized(item.label, t.locale) || item.id).join(", ")
               ] }),
-              catalog.groups?.[component.uid] && /* @__PURE__ */ jsx10(
+              catalog.groups?.[component.uid] && /* @__PURE__ */ jsx12(
                 LayoutFields,
                 {
                   component,
@@ -8799,7 +9406,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           ] }, component.uid);
         }) })
       ] }) }),
-      picking && /* @__PURE__ */ jsx10(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
+      picking && /* @__PURE__ */ jsx12(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
         const uid = picking;
         setPicking(null);
         if (!asset?.id) return;
@@ -8815,8 +9422,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
 function LayoutFields({ component, layout, set: set2, t, disabled, SelectField: SelectField2 }) {
   const fields = (component.layoutFields || []).map((name) => ({ value: name, label: name }));
   const change = (key, value) => set2(key === "columnsField" && value === "none" ? void 0 : Object.fromEntries(Object.entries({ ...layout, [key]: value }).filter(([, v]) => v !== "none" && v !== void 0)));
-  return /* @__PURE__ */ jsxs7(Flex4, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": `layout-${component.uid}`, style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs9(Flex6, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": `layout-${component.uid}`, style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx12(
       SelectField2,
       {
         name: `layout-columns-${component.uid}`,
@@ -8827,8 +9434,8 @@ function LayoutFields({ component, layout, set: set2, t, disabled, SelectField:
         onChange: (v) => change("columnsField", v)
       }
     ),
-    layout?.columnsField && /* @__PURE__ */ jsxs7(Fragment8, { children: [
-      /* @__PURE__ */ jsx10(
+    layout?.columnsField && /* @__PURE__ */ jsxs9(Fragment9, { children: [
+      /* @__PURE__ */ jsx12(
         SelectField2,
         {
           name: `layout-mobile-${component.uid}`,
@@ -8839,7 +9446,7 @@ function LayoutFields({ component, layout, set: set2, t, disabled, SelectField:
           onChange: (v) => change("mobileColumnsField", v)
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         SelectField2,
         {
           name: `layout-max-${component.uid}`,
@@ -8851,7 +9458,7 @@ function LayoutFields({ component, layout, set: set2, t, disabled, SelectField:
         }
       )
     ] }),
-    /* @__PURE__ */ jsx10(Typography5, { variant: "pi", textColor: "neutral600", children: fields.length ? t.layoutHelp : t.layoutNoFields })
+    /* @__PURE__ */ jsx12(Typography7, { variant: "pi", textColor: "neutral600", children: fields.length ? t.layoutHelp : t.layoutNoFields })
   ] });
 }
 function register(app, Component2, to) {
@@ -8870,13 +9477,13 @@ function register(app, Component2, to) {
 }
 
 // admin/catalog.ts
-import * as React11 from "react";
+import * as React13 from "react";
 
 // admin/FieldHelp.tsx
-import * as React10 from "react";
+import * as React12 from "react";
 import styled8 from "styled-components";
-import { Flex as Flex5, Tooltip } from "@strapi/design-system";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Flex as Flex7, Tooltip } from "@strapi/design-system";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var HelpButton = styled8.button`
   display: inline-flex; padding: 0; border: 0; border-radius: 50%; background: none; cursor: help; color: inherit;
   &:hover, &:focus-visible { color: ${({ theme }) => theme.colors.primary600}; }
@@ -8884,13 +9491,13 @@ var HelpButton = styled8.button`
 `;
 function FieldHelp({ text, previous, title }) {
   const m = useMessages();
-  const kept = React10.isValidElement(previous) && previous.props.title ? React10.cloneElement(previous, { title }) : previous;
-  return /* @__PURE__ */ jsxs8(Flex5, { gap: 1, alignItems: "center", children: [
-    kept,
-    /* @__PURE__ */ jsx11(Tooltip, { label: text, style: { maxWidth: 320 }, children: /* @__PURE__ */ jsx11(HelpButton, { type: "button", "aria-label": m.fieldHelp, children: /* @__PURE__ */ jsx11(Icon, { name: "info", size: 14 }) }) })
+  const kept2 = React12.isValidElement(previous) && previous.props.title ? React12.cloneElement(previous, { title }) : previous;
+  return /* @__PURE__ */ jsxs10(Flex7, { gap: 1, alignItems: "center", children: [
+    kept2,
+    /* @__PURE__ */ jsx13(Tooltip, { label: text, style: { maxWidth: 320 }, children: /* @__PURE__ */ jsx13(HelpButton, { type: "button", "aria-label": m.fieldHelp, children: /* @__PURE__ */ jsx13(Icon, { name: "info", size: 14 }) }) })
   ] });
 }
-var helpAction = (text, previous) => /* @__PURE__ */ jsx11(FieldHelp, { text, previous, title: React10.isValidElement(previous) && previous.props.title || { id: "blockscene.fieldHelp" } });
+var helpAction = (text, previous) => /* @__PURE__ */ jsx13(FieldHelp, { text, previous, title: React12.isValidElement(previous) && previous.props.title || { id: "blockscene.fieldHelp" } });
 
 // admin/catalog.ts
 var cached = null;
@@ -8903,8 +9510,8 @@ var load = (get) => flight || (flight = get("/blockscene/catalog").then(({ data
   flight = null;
 }));
 function useCatalog(get) {
-  const [catalog, setCatalog] = React11.useState(null);
-  React11.useEffect(() => {
+  const [catalog, setCatalog] = React13.useState(null);
+  React13.useEffect(() => {
     let active = true;
     load(get).then((data) => {
       if (active) setCatalog(data);
@@ -8939,83 +9546,644 @@ var labelsHook = (get, relabel, drop) => (args) => {
   }
 };
 
-// admin/strapi4.tsx
-import { Fragment as Fragment9, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function Modal({ open, onOpenChange, trigger, title, children, width = "80vw" }) {
-  const id = React12.useId();
-  return /* @__PURE__ */ jsxs9(Fragment9, { children: [
-    trigger,
-    open && /* @__PURE__ */ jsxs9(ModalLayout, { onClose: () => onOpenChange(false), labelledBy: id, width, children: [
-      /* @__PURE__ */ jsx12(ModalHeader, { children: /* @__PURE__ */ jsx12(Typography6, { id, variant: "beta", children: title }) }),
-      /* @__PURE__ */ jsx12(ModalBody, { children })
+// admin/LazyInput.tsx
+import * as React14 from "react";
+import { Field, Flex as Flex8, Typography as Typography8 } from "@strapi/design-system";
+import styled9 from "styled-components";
+
+// admin/sanitize.mjs
+var DROP = /* @__PURE__ */ new Set(["SCRIPT", "STYLE", "IFRAME", "FRAME", "OBJECT", "EMBED", "LINK", "META", "BASE", "FORM", "TEMPLATE", "NOSCRIPT"]);
+var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "xlink:href", "action", "formaction", "srcset", "poster", "background"]);
+var unsafeUrl = (value) => /^(javascript|vbscript|data:text\/html)/i.test(String(value).replace(/[\u0000- ]/g, ""));
+var STYLE_PROPS = /* @__PURE__ */ new Set([
+  "color",
+  "background-color",
+  "text-align",
+  "font-size",
+  "font-weight",
+  "font-style",
+  "font-family",
+  "text-decoration",
+  "text-transform",
+  "line-height",
+  "letter-spacing",
+  "vertical-align",
+  "width",
+  "height",
+  "border-color"
+]);
+function safeStyle(value) {
+  return String(value).split(";").map((part) => part.split(":")).filter(([prop, ...rest]) => {
+    const name = prop?.trim().toLowerCase();
+    const val = rest.join(":").trim();
+    return STYLE_PROPS.has(name) && val && !/url\s*\(|expression|[\\<>]|@import/i.test(val);
+  }).map(([prop, ...rest]) => `${prop.trim().toLowerCase()}: ${rest.join(":").trim()}`).join("; ");
+}
+function cleanTree(root) {
+  for (const el of [...root.children]) {
+    if (DROP.has(String(el.tagName).toUpperCase())) {
+      el.remove();
+      continue;
+    }
+    for (const { name, value } of [...el.attributes]) {
+      const key = name.toLowerCase();
+      if (key === "style") {
+        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);
+    }
+    cleanTree(el);
+  }
+  return root;
+}
+function sanitizeHtml(html) {
+  if (typeof html !== "string" || !html.trim() || typeof DOMParser === "undefined") return "";
+  return cleanTree(new DOMParser().parseFromString(html, "text/html").body).innerHTML;
+}
+
+// admin/LazyInput.tsx
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var config = { on: false, fields: [] };
+var listeners = /* @__PURE__ */ new Set();
+function setLazyConfig(next) {
+  if (next.on === config.on && next.fields.join() === config.fields.join()) return;
+  config = next;
+  listeners.forEach((run) => run());
+}
+var subscribe = (run) => {
+  listeners.add(run);
+  return () => {
+    listeners.delete(run);
+  };
+};
+var read2 = () => config;
+var lazyFor = (uid) => config.on && config.fields.includes(uid);
+var Preview = styled9.div`
+  min-height: 240px; border: 1px solid ${({ theme }) => theme.colors.neutral200}; border-radius: 4px; overflow: hidden;
+  background: ${({ theme, $disabled }) => $disabled ? theme.colors.neutral150 : theme.colors.neutral0};
+  color: ${({ theme }) => theme.colors.neutral800}; font-size: 1.4rem; line-height: 1.5;
+  cursor: ${({ $disabled }) => $disabled ? "default" : "text"};
+  &:hover { border-color: ${({ theme, $disabled }) => $disabled ? theme.colors.neutral200 : theme.colors.primary600}; }
+  &:focus-visible { outline: 2px solid ${({ theme }) => theme.colors.primary600}; outline-offset: 2px; }
+  /* Stands in for the editor toolbar, so mounting the editor barely moves the page. */
+  & > [data-bar] { height: 40px; display: flex; align-items: center; padding: 0 12px; border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200}; }
+  & > [data-body] { padding: 8px 12px; overflow-wrap: anywhere; }
+  & [data-body] img { max-width: 100%; height: auto; }
+  & [data-body] :is(ul, ol) { padding-left: 2.4rem; list-style: revert; }
+  & [data-body] :is(h1, h2, h3, h4, h5, h6) { font-weight: 600; margin: 0.6em 0 0.3em; }
+  & [data-body] h1 { font-size: 2.4rem; } & [data-body] h2 { font-size: 2rem; } & [data-body] h3 { font-size: 1.8rem; } & [data-body] h4 { font-size: 1.6rem; }
+  & [data-body] p { margin: 0.4em 0; }
+  & [data-body] a { color: ${({ theme }) => theme.colors.primary600}; text-decoration: underline; }
+`;
+function Placeholder({ name, label, hint, error, required, labelAction, placeholder, value, disabled, onActivate }) {
+  const t = useMessages();
+  const html = React14.useMemo(() => typeof value === "string" ? sanitizeHtml(value) : value == null ? "" : null, [value]);
+  const activate = disabled ? void 0 : (event) => {
+    event.preventDefault();
+    onActivate();
+  };
+  return /* @__PURE__ */ jsx14(Field.Root, { id: name, name, error, hint, required, children: /* @__PURE__ */ jsxs11(Flex8, { direction: "column", alignItems: "stretch", gap: 1, children: [
+    /* @__PURE__ */ jsx14(Field.Label, { action: labelAction, children: label }),
+    /* @__PURE__ */ jsxs11(
+      Preview,
+      {
+        id: name,
+        "data-blockscene-lazy": name,
+        $disabled: Boolean(disabled),
+        role: disabled ? void 0 : "button",
+        tabIndex: disabled ? void 0 : 0,
+        "aria-disabled": disabled || void 0,
+        "aria-label": disabled ? void 0 : `${label || name}: ${t.lazyEdit}`,
+        onClick: activate,
+        onFocus: activate,
+        onKeyDown: disabled ? void 0 : (e) => {
+          if (e.key === "Enter" || e.key === " ") activate?.(e);
+        },
+        children: [
+          /* @__PURE__ */ jsx14("div", { "data-bar": true, children: /* @__PURE__ */ jsx14(Typography8, { variant: "pi", textColor: "neutral500", children: disabled ? "" : t.lazyEdit }) }),
+          html === null ? /* @__PURE__ */ jsx14("div", { "data-body": true, children: JSON.stringify(value) }) : html ? /* @__PURE__ */ jsx14("div", { "data-body": true, dangerouslySetInnerHTML: { __html: html } }) : /* @__PURE__ */ jsx14("div", { "data-body": true, children: /* @__PURE__ */ jsx14(Typography8, { textColor: "neutral500", children: placeholder || "" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx14(Field.Hint, {}),
+    /* @__PURE__ */ jsx14(Field.Error, {})
+  ] }) });
+}
+function lazyInput(uid, Real) {
+  const Lazy = React14.forwardRef((props, ref) => {
+    React14.useSyncExternalStore(subscribe, read2);
+    const [active, setActive] = React14.useState(() => !lazyFor(uid));
+    const box = React14.useRef(null);
+    const focus = React14.useRef(false);
+    React14.useEffect(() => {
+      if (!active || !focus.current) return;
+      focus.current = false;
+      let frame2 = 0;
+      const started = performance.now();
+      const poll = () => {
+        const editable = box.current?.querySelector(".ck-editor__editable");
+        if (editable?.isContentEditable) return editable.focus();
+        if (performance.now() - started < 5e3) frame2 = requestAnimationFrame(poll);
+      };
+      poll();
+      return () => cancelAnimationFrame(frame2);
+    }, [active]);
+    return /* @__PURE__ */ jsx14("div", { ref: box, style: { display: "contents" }, children: active || !lazyFor(uid) ? /* @__PURE__ */ jsx14(Real, { ...props, ref }) : /* @__PURE__ */ jsx14(Placeholder, { ...props, onActivate: () => {
+      focus.current = true;
+      setActive(true);
+    } }) });
+  });
+  Lazy.displayName = `BlocksceneLazy(${uid})`;
+  return Lazy;
+}
+function wrapCustomFields(app) {
+  const all = app?.customFields?.getAll?.() || {};
+  for (const [uid, field] of Object.entries(all)) {
+    const load2 = field?.components?.Input;
+    if (typeof load2 !== "function" || load2.blockscene) continue;
+    const wrapped = () => Promise.resolve(load2()).then((mod) => lazyFor(uid) ? { ...mod, default: lazyInput(uid, mod?.default ?? mod) } : mod);
+    wrapped.blockscene = true;
+    field.components.Input = wrapped;
+  }
+}
+
+// admin/Activity.tsx
+import * as React15 from "react";
+import {
+  Box as Box7,
+  Button as Button7,
+  Dialog,
+  Field as Field2,
+  Flex as Flex9,
+  Link,
+  Modal,
+  SingleSelect,
+  SingleSelectOption,
+  Switch,
+  Table,
+  Tabs,
+  Tbody,
+  Td,
+  TextInput,
+  Th,
+  Thead,
+  Tr,
+  Typography as Typography9
+} from "@strapi/design-system";
+import { Layouts, Page, useFetchClient as useFetchClient2, useNotification as useNotification2, useRBAC as useRBAC2 } from "@strapi/strapi/admin";
+import { Fragment as Fragment11, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var ACTIVITY = [{ action: "plugin::blockscene.activity.read", subject: null }];
+var TRASH = ["read", "restore", "purge"].map((name) => ({ action: `plugin::blockscene.trash.${name}`, subject: null }));
+var ACTIONS = ["create", "update", "publish", "unpublish", "discard", "delete", "restore", "purge"];
+var DAY = 24 * 60 * 60 * 1e3;
+var contentMenuLink = (Component2) => ({
+  to: "plugins/blockscene",
+  icon: () => /* @__PURE__ */ jsx15(Icon, { name: "clock", size: 20 }),
+  intlLabel: { id: "blockscene.contentMenu", defaultMessage: "Activity and trash" },
+  permissions: [...ACTIVITY, TRASH[0]],
+  // Not an `async` function: Strapi 5 warns on AsyncFunction loaders.
+  Component: () => Promise.resolve({ default: Component2 })
+});
+var when = (t, at) => {
+  try {
+    return new Date(at).toLocaleString(t.locale, { dateStyle: "medium", timeStyle: "short" });
+  } catch {
+    return at;
+  }
+};
+var editUrl = (type, documentId, locale) => {
+  const base = window.location.pathname.split("/plugins/blockscene")[0];
+  const kind = type?.kind === "singleType" ? "single-types" : "collection-types";
+  return `${base}/content-manager/${kind}/${type.uid}${kind === "single-types" ? "" : `/${encodeURIComponent(documentId)}`}${locale ? `?plugins[i18n][locale]=${encodeURIComponent(locale)}` : ""}`;
+};
+var query = (params) => new URLSearchParams(Object.entries(params).filter(([, v]) => v !== "" && v != null).map(([k, v]) => [k, String(v)])).toString();
+var Select = ({ label, value, onChange, options, name }) => /* @__PURE__ */ jsx15(Box7, { style: { minWidth: 180 }, children: /* @__PURE__ */ jsxs12(Field2.Root, { name, children: [
+  /* @__PURE__ */ jsx15(Field2.Label, { children: label }),
+  /* @__PURE__ */ jsx15(SingleSelect, { value, onChange: (v) => onChange(String(v)), children: options.map((o) => /* @__PURE__ */ jsx15(SingleSelectOption, { value: o.value, children: o.label }, o.value)) })
+] }) });
+var Input = ({ label, value, onChange, name, type = "text" }) => /* @__PURE__ */ jsx15(Box7, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsxs12(Field2.Root, { name, children: [
+  /* @__PURE__ */ jsx15(Field2.Label, { children: label }),
+  /* @__PURE__ */ jsx15(TextInput, { name, type, value, onChange: (e) => onChange(e.target.value) })
+] }) });
+function Pager({ t, pagination, setPage }) {
+  if (!pagination?.total) return null;
+  const { page, pageCount, total } = pagination;
+  return /* @__PURE__ */ jsxs12(Flex9, { justifyContent: "space-between", alignItems: "center", paddingTop: 4, children: [
+    /* @__PURE__ */ jsx15(Typography9, { variant: "pi", textColor: "neutral600", children: t.f("contentPage", { page, pages: Math.max(pageCount, 1), total }) }),
+    /* @__PURE__ */ jsxs12(Flex9, { gap: 2, children: [
+      /* @__PURE__ */ jsx15(Button7, { variant: "tertiary", size: "S", disabled: page <= 1, onClick: () => setPage(page - 1), children: t.contentPrevious }),
+      /* @__PURE__ */ jsx15(Button7, { variant: "tertiary", size: "S", disabled: page >= pageCount, onClick: () => setPage(page + 1), children: t.contentNext })
     ] })
   ] });
 }
-var Menu2 = ({ label, testid, items: items2 }) => /* @__PURE__ */ jsx12("div", { "data-testid": testid, children: /* @__PURE__ */ jsx12(SimpleMenu2, { variant: "tertiary", size: "S", "aria-label": label, title: label, endIcon: null, label: /* @__PURE__ */ jsx12(Icon, { name: "more", size: 16 }), children: items2.map((item) => /* @__PURE__ */ jsx12(MenuItem2, { onClick: item.onSelect, "data-testid": item.testid, children: /* @__PURE__ */ jsxs9(Flex6, { as: "span", gap: 2, alignItems: "center", children: [
-  /* @__PURE__ */ jsx12(Icon, { name: item.icon, size: 16 }),
-  item.label
-] }) }, item.testid)) }) });
-function overlayVariant(c, components, zone, at, uid, values) {
-  const row = variantRow(components[uid], components, values, (n) => [...Array(n).keys()]);
-  for (const name of Object.keys(values)) if (name in row) c.onChange({ target: { name: `${zone}.${at}.${name}`, value: row[name] } });
-}
-function useRowForm(c, components) {
-  const toggleNotification = useNotification();
-  const latest = React12.useRef(c.modifiedData);
-  latest.current = c.modifiedData;
-  if (typeof c.onChange !== "function") return null;
+function useList(get, path, params, refresh = 0) {
+  const [state, setState] = React15.useState({ data: null, failed: false });
+  const key = `${path}?${query(params)}`;
+  React15.useEffect(() => {
+    let active = true;
+    setState((s) => ({ data: s.data, failed: false, loading: true }));
+    get(`/blockscene${key}`).then(({ data }) => active && setState({ data, failed: false })).catch(() => active && setState({ data: null, failed: true }));
+    return () => {
+      active = false;
+    };
+  }, [get, key, refresh]);
+  return state;
+}
+var Doc = ({ t, type, row, documentId, locale }) => {
+  const title = row.title || t.contentUntitled;
+  return /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+    row.exists && type ? /* @__PURE__ */ jsx15(Link, { href: editUrl(type, documentId, locale), children: title }) : /* @__PURE__ */ jsx15(Typography9, { fontWeight: "bold", children: title }),
+    /* @__PURE__ */ jsxs12(Typography9, { variant: "pi", textColor: "neutral600", children: [
+      type?.displayName || row.contentType,
+      locale ? ` \xB7 ${locale}` : "",
+      row.exists === false ? ` \xB7 ${t.contentGone}` : ""
+    ] })
+  ] });
+};
+function ActivityTab({ t, get }) {
+  const [filters, setFilters] = React15.useState({ actor: "", contentType: "", action: "", from: "", to: "", q: "" });
+  const [search, setSearch] = React15.useState("");
+  const [page, setPage] = React15.useState(1);
+  const set2 = (key, value) => {
+    setFilters((f) => ({ ...f, [key]: value }));
+    setPage(1);
+  };
+  const day = (value, end) => {
+    if (!value) return "";
+    const d = /* @__PURE__ */ new Date(`${value}T${end ? "23:59:59.999" : "00:00:00"}`);
+    return Number.isFinite(d.getTime()) ? d.toISOString() : "";
+  };
+  const { data, failed } = useList(get, "/activity", { ...filters, from: day(filters.from, false), to: day(filters.to, true), page, pageSize: 25 });
+  const types = new Map((data?.types || []).map((type) => [type.uid, type]));
+  return /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    data && !data.enabled && /* @__PURE__ */ jsx15(Box7, { padding: 3, background: "warning100", hasRadius: true, children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", textColor: "warning700", children: t.contentOff }) }),
+    /* @__PURE__ */ jsxs12(Flex9, { tag: "form", gap: 3, wrap: "wrap", alignItems: "flex-end", onSubmit: (e) => {
+      e.preventDefault();
+      set2("q", search.trim());
+    }, children: [
+      /* @__PURE__ */ jsx15(
+        Select,
+        {
+          name: "actor",
+          label: t.activityPerson,
+          value: filters.actor,
+          onChange: (v) => set2("actor", v),
+          options: [{ value: "", label: t.activityAnyone }, ...(data?.actors || []).map((a) => ({ value: a.actor, label: a.actorName || (a.actor === "system" ? t.historySystem : a.actor) }))]
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        Select,
+        {
+          name: "contentType",
+          label: t.activityType,
+          value: filters.contentType,
+          onChange: (v) => set2("contentType", v),
+          options: [{ value: "", label: t.activityAnyType }, ...(data?.types || []).map((type) => ({ value: type.uid, label: type.displayName }))]
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        Select,
+        {
+          name: "action",
+          label: t.activityAction,
+          value: filters.action,
+          onChange: (v) => set2("action", v),
+          options: [{ value: "", label: t.activityAnyAction }, ...ACTIONS.map((a) => ({ value: a, label: t.historyActions[a] || a }))]
+        }
+      ),
+      /* @__PURE__ */ jsx15(Input, { name: "from", type: "date", label: t.activityFrom, value: filters.from, onChange: (v) => set2("from", v) }),
+      /* @__PURE__ */ jsx15(Input, { name: "to", type: "date", label: t.activityTo, value: filters.to, onChange: (v) => set2("to", v) }),
+      /* @__PURE__ */ jsx15(Input, { name: "q", label: t.activitySearch, value: search, onChange: setSearch }),
+      /* @__PURE__ */ jsx15(Button7, { type: "submit", variant: "secondary", children: t.activitySearchButton }),
+      /* @__PURE__ */ jsx15(Button7, { type: "button", variant: "tertiary", onClick: () => {
+        setSearch("");
+        setFilters({ actor: "", contentType: "", action: "", from: "", to: "", q: "" });
+        setPage(1);
+      }, children: t.contentClear })
+    ] }),
+    failed ? /* @__PURE__ */ jsx15(Typography9, { role: "alert", textColor: "danger600", children: t.activityFailed }) : !data ? /* @__PURE__ */ jsx15(Typography9, { textColor: "neutral600", children: t.contentLoading }) : !data.results.length ? /* @__PURE__ */ jsx15(Typography9, { textColor: "neutral600", children: t.activityEmpty }) : /* @__PURE__ */ jsxs12(Box7, { children: [
+      /* @__PURE__ */ jsxs12(Table, { colCount: 4, rowCount: data.results.length + 1, "data-testid": "blockscene-activity", children: [
+        /* @__PURE__ */ jsx15(Thead, { children: /* @__PURE__ */ jsxs12(Tr, { children: [
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: t.activityWhen }) }),
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: t.activityDocument }) }),
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: t.activityWho }) }),
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: t.activityWhat }) })
+        ] }) }),
+        /* @__PURE__ */ jsx15(Tbody, { children: data.results.map((event) => /* @__PURE__ */ jsxs12(Tr, { "data-testid": `activity-${event.id}`, children: [
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: when(t, event.at) }) }),
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsx15(Doc, { t, type: types.get(event.contentType), row: event, documentId: event.relatedDocumentId, locale: event.locale }) }),
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: event.actorName || (event.actor === "system" ? t.historySystem : event.actor) }) }),
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+            /* @__PURE__ */ jsx15(Typography9, { variant: "omega", fontWeight: "bold", children: t.historyActions[event.action] || event.action }),
+            /* @__PURE__ */ jsx15(Typography9, { variant: "pi", textColor: event.summary?.missing ? "warning700" : "neutral700", children: ["delete", "purge"].includes(event.action) ? "" : [event.summary?.restoredFrom ? t.activityRestoredFrom : "", summaryText(t, event.summary)].filter(Boolean).join(" \xB7 ") })
+          ] }) })
+        ] }, event.id)) })
+      ] }),
+      /* @__PURE__ */ jsx15(Pager, { t, pagination: data.pagination, setPage })
+    ] })
+  ] });
+}
+function Report({ t, report }) {
+  const locale = (value) => value ?? t.contentNone;
+  const line = (item) => item.code === "incoming" ? t.f("report.incoming", item) : t.f(`report.${item.code}`, { ...item, locale: locale(item.locale), locales: (item.locales || []).map(locale).join(", "), fields: (item.fields || []).join(", ") });
+  const incoming = report.incoming && (report.incoming.reconnect || report.incoming.gone || report.incoming.replaced || report.incoming.published) ? [{ code: "incoming", ...report.incoming }] : [];
+  const warnings = [...report.warnings || [], ...incoming];
+  return /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "stretch", gap: 2, "data-testid": "restore-report", children: [
+    report.blocking?.length > 0 && /* @__PURE__ */ jsxs12(Box7, { padding: 3, background: "danger100", hasRadius: true, children: [
+      /* @__PURE__ */ jsx15(Typography9, { variant: "pi", fontWeight: "bold", textColor: "danger700", children: t.restoreBlocked }),
+      /* @__PURE__ */ jsx15("ul", { style: { margin: "4px 0 0", paddingLeft: 16 }, children: report.blocking.map((item, i) => /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", textColor: "danger700", children: line(item) }) }, i)) })
+    ] }),
+    warnings.length > 0 && /* @__PURE__ */ jsxs12(Box7, { padding: 3, background: "warning100", hasRadius: true, children: [
+      /* @__PURE__ */ jsx15(Typography9, { variant: "pi", fontWeight: "bold", textColor: "warning700", children: t.restoreWarnings }),
+      /* @__PURE__ */ jsx15("ul", { style: { margin: "4px 0 0", paddingLeft: 16 }, children: warnings.map((item, i) => /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", textColor: "warning700", children: line(item) }) }, i)) })
+    ] })
+  ] });
+}
+function Preview2({ t, id, get, onClose }) {
+  const [row, setRow] = React15.useState(null);
+  const [failed, setFailed] = React15.useState(false);
+  React15.useEffect(() => {
+    get(`/blockscene/trash/${id}`).then(({ data }) => setRow(data)).catch(() => setFailed(true));
+  }, [get, id]);
+  return /* @__PURE__ */ jsx15(Modal.Root, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs12(Modal.Content, { style: { width: "min(900px, 92vw)" }, children: [
+    /* @__PURE__ */ jsx15(Modal.Header, { children: /* @__PURE__ */ jsx15(Modal.Title, { children: row?.title || t.trashPreview }) }),
+    /* @__PURE__ */ jsx15(Modal.Body, { children: failed ? /* @__PURE__ */ jsx15(Typography9, { role: "alert", textColor: "danger600", children: t.trashFailed }) : !row ? /* @__PURE__ */ jsx15(Typography9, { children: t.contentLoading }) : /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "stretch", gap: 5, "data-testid": "trash-preview", children: [
+      row.incoming > 0 && /* @__PURE__ */ jsx15(Typography9, { variant: "pi", textColor: "neutral600", children: t.f("trashIncoming", { count: row.incoming }) }),
+      row.entries.map((entry, i) => /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsxs12(Typography9, { variant: "delta", tag: "h3", children: [
+          entry.locale || t.contentNone,
+          entry.status ? ` \xB7 ${entry.status === "published" ? t.trashPublished : t.trashDraft}` : ""
+        ] }),
+        /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", textColor: "neutral600", children: t.trashFields }),
+        /* @__PURE__ */ jsx15("dl", { style: { display: "grid", gridTemplateColumns: "minmax(120px, max-content) 1fr", gap: "4px 16px", margin: 0 }, children: entry.fields.map((field) => /* @__PURE__ */ jsxs12(React15.Fragment, { children: [
+          /* @__PURE__ */ jsx15("dt", { children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", fontWeight: "bold", children: field.name }) }),
+          /* @__PURE__ */ jsx15("dd", { style: { margin: 0, wordBreak: "break-word" }, children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: field.count !== void 0 ? t.f("trashItems", { count: field.count }) : field.value }) })
+        ] }, field.name)) }),
+        entry.blocks.length > 0 && /* @__PURE__ */ jsxs12(Fragment11, { children: [
+          /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", textColor: "neutral600", children: t.trashBlocks }),
+          /* @__PURE__ */ jsx15("ol", { style: { margin: 0, paddingLeft: 20 }, children: entry.blocks.map((block, j) => /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: block.name }) }, j)) })
+        ] })
+      ] }, i))
+    ] }) }),
+    /* @__PURE__ */ jsx15(Modal.Footer, { children: /* @__PURE__ */ jsx15(Modal.Close, { children: /* @__PURE__ */ jsx15(Button7, { variant: "tertiary", children: t.trashClose }) }) })
+  ] }) });
+}
+function TrashTab({ t, get, post, del, can }) {
+  const { toggleNotification } = useNotification2();
+  const [contentType, setType] = React15.useState("");
+  const [restored, setRestored] = React15.useState(false);
+  const [page, setPage] = React15.useState(1);
+  const [refresh, reload] = React15.useReducer((n) => n + 1, 0);
+  const { data, failed } = useList(get, "/trash", { contentType, status: restored ? "restored" : "trashed", page, pageSize: 20 }, refresh);
+  const [preview, setPreview] = React15.useState(null);
+  const [restore, setRestore] = React15.useState(null);
+  const [remove, setRemove] = React15.useState(null);
+  const [busy, setBusy] = React15.useState(false);
+  const types = new Map((data?.types || []).map((type) => [type.uid, type]));
+  const title = (row) => row.title || t.contentUntitled;
+  const check = async (row) => {
+    setRestore({ row, report: null });
+    try {
+      const { data: data2 } = await get(`/blockscene/trash/${row.id}/check`);
+      setRestore({ row, report: data2 });
+    } catch {
+      setRestore({ row, report: { blocking: [], warnings: [] }, failed: true });
+    }
+  };
+  const confirmRestore = async () => {
+    setBusy(true);
+    try {
+      const { data: result } = await post(`/blockscene/trash/${restore.row.id}/restore`, {});
+      setRestore({ ...restore, done: result });
+      reload();
+    } catch (error) {
+      const details = error?.response?.data?.error?.details;
+      if (details) setRestore({ ...restore, report: details });
+      else {
+        setRestore(null);
+        toggleNotification({ type: "danger", message: t.restoreFailed });
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+  const confirmRemove = async () => {
+    setBusy(true);
+    try {
+      await del(`/blockscene/trash/${remove.id}`);
+      toggleNotification({ type: "success", message: t.trashDeleted });
+      reload();
+    } catch {
+      toggleNotification({ type: "danger", message: t.trashDeleteFailed });
+    } finally {
+      setBusy(false);
+      setRemove(null);
+    }
+  };
+  const expires = (at) => {
+    const days = Math.floor((new Date(at).getTime() - Date.now()) / DAY);
+    return days < 1 ? t.trashExpiresToday : t.f("trashExpiresIn", { days });
+  };
+  return /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsxs12(Flex9, { gap: 4, wrap: "wrap", alignItems: "flex-end", children: [
+      /* @__PURE__ */ jsx15(
+        Select,
+        {
+          name: "trash-type",
+          label: t.activityType,
+          value: contentType,
+          onChange: (v) => {
+            setType(v);
+            setPage(1);
+          },
+          options: [{ value: "", label: t.activityAnyType }, ...(data?.types || []).map((type) => ({ value: type.uid, label: type.displayName }))]
+        }
+      ),
+      /* @__PURE__ */ jsxs12(Flex9, { gap: 2, paddingBottom: 2, children: [
+        /* @__PURE__ */ jsx15(Switch, { "aria-label": t.trashShowRestored, checked: restored, onCheckedChange: (v) => {
+          setRestored(v);
+          setPage(1);
+        } }),
+        /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: t.trashShowRestored })
+      ] })
+    ] }),
+    failed ? /* @__PURE__ */ jsx15(Typography9, { role: "alert", textColor: "danger600", children: t.trashFailed }) : !data ? /* @__PURE__ */ jsx15(Typography9, { textColor: "neutral600", children: t.contentLoading }) : !data.results.length ? /* @__PURE__ */ jsx15(Typography9, { textColor: "neutral600", children: t.trashEmpty }) : /* @__PURE__ */ jsxs12(Box7, { children: [
+      /* @__PURE__ */ jsxs12(Table, { colCount: 5, rowCount: data.results.length + 1, "data-testid": "blockscene-trash", children: [
+        /* @__PURE__ */ jsx15(Thead, { children: /* @__PURE__ */ jsxs12(Tr, { children: [
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: t.activityDocument }) }),
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: t.trashLocales }) }),
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: t.trashDeletedBy }) }),
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: restored ? t.trashRestoredAs : t.trashExpires }) }),
+          /* @__PURE__ */ jsx15(Th, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "sigma", children: " " }) })
+        ] }) }),
+        /* @__PURE__ */ jsx15(Tbody, { children: data.results.map((row) => /* @__PURE__ */ jsxs12(Tr, { "data-testid": `trash-${row.id}`, children: [
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsx15(Doc, { t, type: types.get(row.contentType), row: { ...row, exists: void 0 }, documentId: row.relatedDocumentId, locale: null }) }),
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: (row.locales || []).map((l) => l ?? t.contentNone).join(", ") }) }),
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "flex-start", children: [
+            /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: row.actorName || (row.actor === "system" ? t.historySystem : row.actor) }),
+            /* @__PURE__ */ jsx15(Typography9, { variant: "pi", textColor: "neutral600", children: when(t, row.deletedAt) })
+          ] }) }),
+          /* @__PURE__ */ jsxs12(Td, { children: [
+            /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: restored ? row.restoredAt ? when(t, row.restoredAt) : "" : expires(row.expiresAt) }),
+            restored && row.restoredAs && types.get(row.contentType) && /* @__PURE__ */ jsx15(Box7, { children: /* @__PURE__ */ jsx15(Link, { href: editUrl(types.get(row.contentType), row.restoredAs, null), children: t.contentOpen }) })
+          ] }),
+          /* @__PURE__ */ jsx15(Td, { children: /* @__PURE__ */ jsxs12(Flex9, { gap: 2, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ jsx15(Button7, { variant: "tertiary", size: "S", onClick: () => setPreview(row.id), children: t.trashPreview }),
+            !restored && can.canRestore && /* @__PURE__ */ jsx15(Button7, { variant: "secondary", size: "S", onClick: () => check(row), "data-testid": `trash-restore-${row.id}`, children: t.trashRestore }),
+            can.canPurge && /* @__PURE__ */ jsx15(Button7, { variant: "danger-light", size: "S", onClick: () => setRemove(row), "data-testid": `trash-delete-${row.id}`, children: t.trashDelete })
+          ] }) })
+        ] }, row.id)) })
+      ] }),
+      /* @__PURE__ */ jsx15(Pager, { t, pagination: data.pagination, setPage })
+    ] }),
+    preview !== null && /* @__PURE__ */ jsx15(Preview2, { t, id: preview, get, onClose: () => setPreview(null) }),
+    restore && /* @__PURE__ */ jsx15(Dialog.Root, { open: true, onOpenChange: (open) => !open && !busy && setRestore(null), children: /* @__PURE__ */ jsxs12(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx15(Dialog.Header, { children: t.f("restoreTitle", { title: title(restore.row) }) }),
+      /* @__PURE__ */ jsx15(Dialog.Body, { children: /* @__PURE__ */ jsx15(Flex9, { direction: "column", alignItems: "stretch", gap: 3, width: "100%", children: restore.done ? /* @__PURE__ */ jsxs12(Flex9, { direction: "column", alignItems: "flex-start", gap: 2, role: "status", "data-testid": "restore-done", children: [
+        /* @__PURE__ */ jsx15(Typography9, { textColor: "success700", children: restore.done.already ? t.restoreAlready : t.restoreDone }),
+        restore.done.documentId && types.get(restore.row.contentType) && /* @__PURE__ */ jsx15(Link, { href: editUrl(types.get(restore.row.contentType), restore.done.documentId, restore.done.locales?.[0] ?? null), children: t.restoreOpen }),
+        !restore.done.already && /* @__PURE__ */ jsx15(Report, { t, report: { warnings: restore.done.warnings, incoming: restore.done.incoming && { ...restore.done.incoming, reconnect: restore.done.incoming.reconnected } } })
+      ] }) : !restore.report ? /* @__PURE__ */ jsx15(Typography9, { children: t.restoreChecking }) : restore.failed ? /* @__PURE__ */ jsx15(Typography9, { role: "alert", textColor: "danger600", children: t.restoreFailed }) : /* @__PURE__ */ jsxs12(Fragment11, { children: [
+        /* @__PURE__ */ jsxs12(Typography9, { variant: "pi", children: [
+          t.restoreIntro,
+          " ",
+          restore.report.documentId ? t.restoreInto : t.restoreNew
+        ] }),
+        restore.report.locales?.length > 0 && restore.report.locales[0] !== null && /* @__PURE__ */ jsx15(Typography9, { variant: "pi", children: t.f("restoreLocales", { locales: restore.report.locales.join(", ") }) }),
+        /* @__PURE__ */ jsx15(Report, { t, report: restore.report })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs12(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx15(Dialog.Cancel, { children: /* @__PURE__ */ jsx15(Button7, { variant: "tertiary", disabled: busy, children: restore.done ? t.trashClose : t.restoreCancel }) }),
+        !restore.done && /* @__PURE__ */ jsx15(Button7, { onClick: confirmRestore, loading: busy, disabled: busy || !restore.report || restore.failed || restore.report.blocking?.length > 0, "data-testid": "restore-confirm", children: t.restoreConfirm })
+      ] })
+    ] }) }),
+    remove && /* @__PURE__ */ jsx15(Dialog.Root, { open: true, onOpenChange: (open) => !open && !busy && setRemove(null), children: /* @__PURE__ */ jsxs12(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx15(Dialog.Header, { children: t.trashDeleteTitle }),
+      /* @__PURE__ */ jsx15(Dialog.Body, { children: /* @__PURE__ */ jsx15(Typography9, { children: t.f("trashDeleteConfirm", { title: title(remove) }) }) }),
+      /* @__PURE__ */ jsxs12(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx15(Dialog.Cancel, { children: /* @__PURE__ */ jsx15(Button7, { variant: "tertiary", disabled: busy, children: t.restoreCancel }) }),
+        /* @__PURE__ */ jsx15(Button7, { variant: "danger", onClick: confirmRemove, loading: busy, disabled: busy, "data-testid": "delete-confirm", children: t.trashDelete })
+      ] })
+    ] }) })
+  ] });
+}
+function ContentPage() {
+  const t = useMessages();
+  const { get, post, del } = useFetchClient2();
+  const activity = useRBAC2(ACTIVITY);
+  const trash = useRBAC2(TRASH);
+  const [tab, setTab] = React15.useState(null);
+  if (activity.isLoading || trash.isLoading) return /* @__PURE__ */ jsx15(Page.Loading, {});
+  const canActivity = Boolean(activity.allowedActions?.canRead), canTrash = Boolean(trash.allowedActions?.canRead);
+  if (!canActivity && !canTrash) return /* @__PURE__ */ jsx15(Page.NoPermissions, {});
+  const current = tab || (canActivity ? "activity" : "trash");
+  return /* @__PURE__ */ jsxs12(Page.Main, { children: [
+    /* @__PURE__ */ jsx15(Page.Title, { children: t.contentTitle }),
+    /* @__PURE__ */ jsx15(Layouts.Header, { title: t.contentTitle, subtitle: t.contentSubtitle }),
+    /* @__PURE__ */ jsx15(Layouts.Content, { children: /* @__PURE__ */ jsxs12(Tabs.Root, { value: current, onValueChange: setTab, children: [
+      /* @__PURE__ */ jsxs12(Tabs.List, { "aria-label": t.contentTitle, children: [
+        canActivity && /* @__PURE__ */ jsx15(Tabs.Trigger, { value: "activity", children: t.activityTab }),
+        canTrash && /* @__PURE__ */ jsx15(Tabs.Trigger, { value: "trash", children: t.trashTab })
+      ] }),
+      /* @__PURE__ */ jsxs12(Box7, { paddingTop: 6, paddingBottom: 6, background: "neutral0", hasRadius: true, paddingLeft: 6, paddingRight: 6, marginTop: 4, children: [
+        canActivity && /* @__PURE__ */ jsx15(Tabs.Content, { value: "activity", children: /* @__PURE__ */ jsx15(ActivityTab, { t, get }) }),
+        canTrash && /* @__PURE__ */ jsx15(Tabs.Content, { value: "trash", children: /* @__PURE__ */ jsx15(TrashTab, { t, get, post, del, can: trash.allowedActions }) })
+      ] })
+    ] }) })
+  ] });
+}
+
+// admin/strapi5.tsx
+import { Fragment as Fragment12, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+function Modal2({ open, onOpenChange, trigger, title, children, width = "80vw" }) {
+  return /* @__PURE__ */ jsxs13(Dialog2.Root, { open, onOpenChange, children: [
+    trigger && /* @__PURE__ */ jsx16(Dialog2.Trigger, { children: trigger }),
+    /* @__PURE__ */ jsxs13(Dialog2.Content, { style: { width, maxWidth: "92vw" }, children: [
+      /* @__PURE__ */ jsx16(Dialog2.Header, { children: /* @__PURE__ */ jsx16(Dialog2.Title, { children: title }) }),
+      /* @__PURE__ */ jsx16(Dialog2.Body, { children })
+    ] })
+  ] });
+}
+async function relationsOf(get, { uid, id, field }, locale) {
+  const out = [];
+  for (let page = 1; page <= 20; page++) {
+    const query2 = new URLSearchParams({ page: String(page), pageSize: "100", ...locale ? { locale } : {} });
+    const { data } = await get(`/content-manager/relations/${uid}/${id}/${field}?${query2}`);
+    out.push(...data?.results || []);
+    if (page >= (data?.pagination?.pageCount || 1)) break;
+  }
+  return out.reverse();
+}
+function useRowForm(c, values, get) {
+  const onChange = useForm3("Blockscene", (state) => state.onChange);
+  const errors = useForm3("Blockscene", (state) => state.errors);
+  const { toggleNotification } = useNotification3();
+  const latest = React16.useRef(values);
+  latest.current = values;
+  const locale = c.form?.initialValues?.locale || void 0;
+  if (typeof onChange !== "function") return null;
   return {
-    model: c.slug,
-    locale: c.initialData?.locale || void 0,
+    model: c.model,
+    locale,
     rows: (zone) => Array.isArray(latest.current?.[zone]) ? latest.current[zone] : [],
-    setRows: (zone, rows) => c.onChange({ target: { name: zone, value: rows } }),
-    errorRows: (zone) => errorRows(c.formErrors, zone),
-    keys: (rows, _at, n) => integerKeys(rows, n),
+    setRows: (zone, rows) => onChange(zone, rows),
+    errorRows: (zone) => errorRows(errors, zone),
+    keys: fractionalKeys,
     notify: (type, message) => toggleNotification({ type, message }),
-    prepare: async (rows) => rows.map((row) => cloneRow(row, components))
+    prepare: (rows) => Promise.all(rows.map(async (row) => {
+      const server = /* @__PURE__ */ new Map();
+      for (const slot of relationSlots(row, c.components)) server.set(slot.path, await relationsOf(get, slot, locale));
+      return cloneRow(row, c.components, {
+        relation: (value, attr, path) => toConnect(currentRelations(server.get(path.join(".")) || [], value), attr.targetModel || attr.target)
+      });
+    }))
   };
 }
-function Picker() {
-  const c = useCMEditViewDataManager();
-  const { get, put } = useFetchClient();
+function useScope() {
+  const c = useContext2();
+  const rbac = useDocumentRBAC2("Blockscene", (state) => state);
+  const { get, put } = useFetchClient3();
+  const formValues = useForm3("Blockscene", (state) => state.values);
   const catalog = useCatalog(get);
-  const components = c.allLayoutData?.components || {};
-  const form = useRowForm(c, components);
-  const schema = c.layout || c.allLayoutData?.contentType;
-  const allowed = (c.isCreatingEntry ? c.createActionAllowedFields : c.updateActionAllowedFields) || [];
+  const creating = !c.id && !c.form?.initialValues?.id && !c.form?.initialValues?.documentId;
+  const allowed = (creating ? rbac.canCreateFields : rbac.canUpdateFields) || [];
+  const fields = c.layout?.edit?.layout?.flat(3) || [];
   const zones = editableZones(
-    schema,
-    c.modifiedData,
-    (name) => allowed.includes(name) && schema?.metadatas?.[name]?.edit?.editable !== false,
-    !c.addComponentToDynamicZone
-  ).map((zone) => ({ ...zone, label: zoneLabel(schema, zone.name) }));
-  const add = (zone, uid, values) => {
-    const close = catalog?.groups?.[uid];
-    if (!canInsert(zone, uid, c.modifiedData, components, close ? 2 : 1) || close && !zone.components.includes(close))
-      return false;
-    const at = Array.isArray(c.modifiedData?.[zone.name]) ? c.modifiedData[zone.name].length : 0;
-    c.addComponentToDynamicZone(
-      zone.name,
-      components[uid],
-      components,
-      Boolean(c.formErrors?.[zone.name])
-    );
-    if (values) overlayVariant(c, components, zone.name, at, uid, values);
-    if (close)
-      c.addComponentToDynamicZone(
-        zone.name,
-        components[close],
-        components,
-        Boolean(c.formErrors?.[zone.name])
-      );
-    return true;
-  };
-  if (!catalog?.editor?.enabled || catalog.contentTypes?.[c.slug]?.enabled === false) return null;
-  const docKey = `${c.slug}:${c.isCreatingEntry ? "new" : c.initialData?.id}:${c.initialData?.locale || ""}`;
-  return /* @__PURE__ */ jsx12("div", { hidden: true, "data-blockscene-editor": "", children: /* @__PURE__ */ jsx12(Workspace, { c, schema, zones, components, add, catalog, docKey, form, get, put }) });
+    c.contentType,
+    formValues ?? c.form?.values,
+    (name) => allowed.includes(name) && (creating || (rbac.canReadFields || []).includes(name)) && fields.find((field) => field.name === name)?.disabled !== true,
+    c.isLoading || c.form?.disabled || !c.form?.addFieldRow
+  ).map((zone) => ({
+    ...zone,
+    label: fields.find((field) => field.name === zone.name)?.label || zone.name
+  }));
+  const typeSettings = catalog?.contentTypes?.[c.model] || {};
+  const gallery = zones.length > 0 && Boolean(catalog?.editor?.enabled) && typeSettings.enabled !== false;
+  const history = !creating && Boolean(c.id) && Boolean(catalog?.history?.contentTypes?.includes(c.model));
+  return { c, rbac, get, put, formValues, catalog, creating, zones, typeSettings, gallery, history };
 }
-function Workspace({ c, schema, zones, components, add, catalog, docKey, form, get, put }) {
-  const typeSettings = catalog.contentTypes?.[c.slug] || {};
+var Menu2 = ({ label, testid, items: items2 }) => /* @__PURE__ */ jsx16(Box8, { "data-testid": testid, children: /* @__PURE__ */ jsx16(SimpleMenu2, { variant: "tertiary", size: "S", "aria-label": label, title: label, endIcon: null, label: /* @__PURE__ */ jsx16(Icon, { name: "more", size: 16 }), children: items2.map((item) => /* @__PURE__ */ jsx16(MenuItem2, { onSelect: item.onSelect, "data-testid": item.testid, children: /* @__PURE__ */ jsxs13(Flex10, { gap: 2, alignItems: "center", children: [
+  /* @__PURE__ */ jsx16(Icon, { name: item.icon, size: 16 }),
+  item.label
+] }) }, item.testid)) }) });
+function Editor() {
+  const scope = useScope();
+  const { catalog, typeSettings, gallery } = scope;
+  const lazy = Boolean(catalog?.editor?.enabled && catalog.editor.lazyEditors !== false && typeSettings.enabled !== false);
+  const lazyFields = (catalog?.editor?.lazyFields || []).join(",");
+  React16.useEffect(() => {
+    if (catalog) setLazyConfig({ on: lazy, fields: lazyFields ? lazyFields.split(",") : [] });
+  }, [catalog, lazy, lazyFields]);
+  const kept2 = React16.useRef(false);
+  if (!scope.c.isLoading) kept2.current = gallery;
+  if (!kept2.current) return null;
+  return /* @__PURE__ */ jsx16(Guard, { children: /* @__PURE__ */ jsx16("div", { hidden: true, "data-blockscene-editor": "", children: /* @__PURE__ */ jsx16(Workspace, { scope }) }) });
+}
+function Workspace({ scope }) {
+  const { c, get, put, formValues, catalog, creating, zones, typeSettings } = scope;
+  const user = useAuth("Blockscene", (state2) => state2.user);
+  const form = useRowForm(c, formValues ?? c.form?.values, get);
   const editor = {
     ...catalog.editor,
     previewMode: typeSettings.previewMode || catalog.editor.previewMode,
@@ -9024,32 +10192,49 @@ function Workspace({ c, schema, zones, components, add, catalog, docKey, form, g
     previewToolbar: typeSettings.previewToolbar || catalog.editor.previewToolbar,
     previewDevices: typeSettings.previewDevices || catalog.editor.previewDevices
   };
-  const host = usePreviewHost4(c, schema, components, get, put);
+  const host = usePreviewHost5();
   const state = useEditorState(editor, host);
-  return /* @__PURE__ */ jsxs9(Fragment9, { children: [
-    /* @__PURE__ */ jsx12(
+  const add = (zone, uid, preset) => {
+    const values = formValues ?? c.form.values;
+    const close = catalog?.groups?.[uid];
+    if (c.form.disabled || !canInsert(zone, uid, values, c.components, close ? 2 : 1) || close && !zone.components.includes(close))
+      return false;
+    const at = Array.isArray(values?.[zone.name]) ? values[zone.name].length : 0;
+    c.form.addFieldRow(
+      zone.name,
+      {
+        ...variantRow(c.components[uid], c.components, preset),
+        __component: uid
+      },
+      at
+    );
+    if (close) c.form.addFieldRow(zone.name, { __component: close }, at + 1);
+    return true;
+  };
+  return /* @__PURE__ */ jsxs13(Fragment12, { children: [
+    /* @__PURE__ */ jsx16(
       Gallery,
       {
         zones,
-        components,
+        components: c.components,
         add,
-        Modal,
+        Modal: Modal2,
         Toggle: ToggleField,
+        Menu: Menu2,
         get,
         put,
         editor: catalog.editor,
         catalog,
-        docKey,
-        contentType: c.slug,
-        userId: auth.getUserInfo?.()?.id,
+        docKey: `${c.model}:${creating ? "new" : c.id}:${c.form?.initialValues?.locale || ""}`,
+        contentType: c.model,
+        userId: user?.id,
         form,
-        Menu: Menu2,
-        zoneTools: state.preview.base ? /* @__PURE__ */ jsx12(ZoneBarTools, { state }) : null,
+        zoneTools: /* @__PURE__ */ jsx16(ZoneBarTools, { state }),
         openBlock: state.openBlock,
         openInsert: state.openInsert
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx16(
       PagePreview,
       {
         editor,
@@ -9058,102 +10243,73 @@ function Workspace({ c, schema, zones, components, add, catalog, docKey, form, g
         groups: catalog.groups || null,
         hiddenAttribute: catalog.editor.hiddenBlocks !== "off" ? catalog.hiddenAttribute : null,
         form,
-        Modal,
+        Modal: Modal2,
         Toggle: ToggleField
       }
     )
   ] });
 }
-function usePreviewHost4(c, schema, components, get, put) {
-  const toggleNotification = useNotification();
-  const { components: library } = useLibrary();
-  const creating = Boolean(c.isCreatingEntry);
-  const readable = React12.useCallback(
-    (name) => creating || (c.readActionAllowedFields || []).includes(name),
-    [creating, c.readActionAllowedFields]
-  );
+function Panel2() {
+  const { c, rbac, get, catalog, gallery, history } = useScope();
+  const canReadHistory = Boolean(useRBAC3(HISTORY_READ).allowedActions?.canRead);
+  const preview = usePreviewZone(usePreviewHost5());
+  const groups = gallery ? catalog?.groups : null;
+  const problems = groups && preview.zone ? (0, import_groups.validateGroups)(preview.rows, groups) : [];
+  const versions = history && canReadHistory;
+  if (!versions && !problems.length) return null;
   return {
-    ds: 1,
-    model: c.slug,
-    documentId: creating ? void 0 : c.initialData?.id,
-    locale: c.initialData?.locale || void 0,
-    creating,
-    loading: false,
-    disabled: false,
-    contentType: schema,
-    components,
-    values: c.modifiedData,
-    history: null,
-    readable,
-    editable: (name) => ((creating ? c.createActionAllowedFields : c.updateActionAllowedFields) || []).includes(name) && schema?.metadatas?.[name]?.edit?.editable !== false && typeof c.addComponentToDynamicZone === "function" && typeof c.onChange === "function",
-    fieldLabel: (name) => zoneLabel(schema, name),
-    onChange: (name, value) => c.onChange({ target: { name, value } }),
-    // Native insertion at a position (4.11+): the edit view's own default data structure, relations emptied.
-    // An insert variant's values are overlaid on the first row as in the gallery insert (Picker `add`).
-    insertRows: (zone, at, items2, values) => {
-      items2.forEach((item, i) => c.addComponentToDynamicZone(zone, components[item.__component], components, Boolean(c.formErrors?.[zone]), at + i));
-      if (values && items2[0]) overlayVariant(c, components, zone, at, items2[0].__component, values);
-    },
-    get,
-    put,
-    notify: (type, message) => toggleNotification({ type, message }),
-    MediaLibrary: library?.["media-library"],
-    useNativeBase: () => null,
-    Actions: Actions4
+    title: "Blockscene",
+    content: /* @__PURE__ */ jsx16(Guard, { children: /* @__PURE__ */ jsxs13(Flex10, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      problems.length > 0 && /* @__PURE__ */ jsx16(GroupDiagnostics, { scope: preview, groups, problems }),
+      versions && /* @__PURE__ */ jsx16(
+        History,
+        {
+          model: c.model,
+          documentId: c.id,
+          schema: c.contentType,
+          components: c.components,
+          editable: (name) => (rbac.canUpdateFields || []).some((field) => field === name || field.startsWith(`${name}.`)),
+          disabled: Boolean(c.form?.disabled),
+          get,
+          relationsOf
+        }
+      )
+    ] }) })
   };
 }
-var zoneLabel = (schema, name) => schema?.layouts?.edit?.flat().find((field) => field?.name === name)?.metadatas?.label || schema?.metadatas?.[name]?.edit?.label || name;
-function Actions4({ parts }) {
-  const c = useCMEditViewDataManager();
-  const t = useMessages();
-  const { formatMessage } = useIntl2();
-  const dirty = React12.useMemo(
-    () => c.isCreatingEntry ? Object.keys(c.modifiedData || {}).length > 0 : JSON.stringify(c.initialData) !== JSON.stringify(c.modifiedData),
-    [c.initialData, c.modifiedData, c.isCreatingEntry]
-  );
-  const published = typeof c.initialData?.publishedAt === "string";
-  const status = c.hasDraftAndPublish && !c.isCreatingEntry ? published ? "published" : "draft" : void 0;
-  const save = formatMessage({ id: "content-manager.containers.Edit.submit", defaultMessage: "Save" });
-  const publish = formatMessage(published ? { id: "app.utils.unpublish", defaultMessage: "Unpublish" } : { id: "app.utils.publish", defaultMessage: "Publish" });
-  const native = (label) => [...document.querySelectorAll("#main-content button")].find((b) => b.textContent?.trim() === label);
-  const actions = [
-    // Publish is the primary action, Save the secondary one (as in the Strapi 5 pane toolbar).
-    { label: save, variant: "secondary", disabled: !dirty, loading: c.status === "submit-pending", reason: t.saveDisabledHint },
-    ...c.hasDraftAndPublish && !c.isCreatingEntry ? [{ label: publish, variant: "default", disabled: dirty, loading: c.status === (published ? "unpublish-pending" : "publish-pending"), reason: t.publishDisabledHint }] : []
-  ].filter((action) => native(action.label));
-  return /* @__PURE__ */ jsxs9(Flex6, { gap: 2, alignItems: "center", "data-testid": "page-preview-actions", children: [
-    parts.includes("status") && (status || dirty) && /* @__PURE__ */ jsxs9(Flex6, { gap: 2, alignItems: "center", style: { order: parts.indexOf("status") }, children: [
-      status && /* @__PURE__ */ jsx12(Status, { size: "S", showBullet: false, role: "status", "data-testid": "page-preview-status", variant: published ? "success" : "secondary", children: /* @__PURE__ */ jsx12(Typography6, { as: "span", variant: "omega", fontWeight: "bold", children: formatMessage({ id: `content-manager.containers.List.${status}`, defaultMessage: status === "published" ? "Published" : "Draft" }) }) }),
-      dirty && /* @__PURE__ */ jsx12(Typography6, { variant: "pi", textColor: "neutral600", children: t.unsaved })
-    ] }),
-    parts.includes("actions") && actions.map((action) => /* @__PURE__ */ jsx12("span", { title: action.disabled ? action.reason : void 0, style: { order: parts.indexOf("actions") }, children: /* @__PURE__ */ jsx12(
-      Button5,
-      {
-        size: "S",
-        variant: action.variant,
-        disabled: action.disabled,
-        loading: action.loading,
-        "aria-description": action.disabled ? action.reason : void 0,
-        onClick: () => native(action.label)?.click(),
-        children: action.label
-      }
-    ) }, action.label))
-  ] });
-}
-var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ jsxs9(Flex6, { gap: 3, children: [
-  /* @__PURE__ */ jsx12(
-    Switch,
+var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ jsxs13(Flex10, { gap: 3, children: [
+  /* @__PURE__ */ jsx16(
+    Switch2,
     {
       name,
       "aria-label": label,
-      selected: Boolean(value),
+      checked: Boolean(value),
       disabled,
-      onChange: () => onChange(!value)
+      onCheckedChange: onChange
     }
   ),
-  /* @__PURE__ */ jsx12(Typography6, { children: label })
+  /* @__PURE__ */ jsx16(Typography10, { children: label })
+] });
+var TextField = ({
+  name,
+  label,
+  value,
+  onChange,
+  disabled,
+  placeholder
+}) => /* @__PURE__ */ jsxs13(Field3.Root, { name, children: [
+  /* @__PURE__ */ jsx16(Field3.Label, { children: label }),
+  /* @__PURE__ */ jsx16(
+    TextInput2,
+    {
+      name,
+      value,
+      disabled,
+      placeholder,
+      onChange: (e) => onChange(e.target.value)
+    }
+  )
 ] });
-var TextField = ({ name, label, value, onChange, disabled, placeholder }) => /* @__PURE__ */ jsx12(TextInput, { name, label, value, disabled, placeholder, onChange: (e) => onChange(e.target.value) });
 var SelectField = ({
   name,
   label,
@@ -9161,66 +10317,77 @@ var SelectField = ({
   onChange,
   disabled,
   options
-}) => /* @__PURE__ */ jsx12(
-  SingleSelect,
-  {
-    name,
-    label,
-    value,
-    disabled,
-    onChange: (v) => onChange(String(v)),
-    children: options.map((o) => /* @__PURE__ */ jsx12(SingleSelectOption, { value: o.value, children: o.label }, o.value))
-  }
-);
+}) => /* @__PURE__ */ jsxs13(Field3.Root, { name, children: [
+  /* @__PURE__ */ jsx16(Field3.Label, { children: label }),
+  /* @__PURE__ */ jsx16(
+    SingleSelect2,
+    {
+      value,
+      disabled,
+      startIcon: options.find((o) => o.value === value)?.icon,
+      onChange: (v) => onChange(String(v)),
+      children: options.map((o) => /* @__PURE__ */ jsx16(SingleSelectOption2, { value: o.value, startIcon: o.icon, children: o.label }, o.value))
+    }
+  )
+] });
 function MediaPicker({ onClose, onSelect }) {
-  const { components } = useLibrary();
-  const Dialog = components?.["media-library"];
-  if (!Dialog) {
-    onClose();
-    return null;
-  }
-  return /* @__PURE__ */ jsx12(
-    Dialog,
+  const components = useStrapiApp2(
+    "Blockscene",
+    (state) => state.components
+  );
+  const Dialog3 = components?.["media-library"];
+  React16.useEffect(() => {
+    if (!Dialog3) onClose();
+  }, [Dialog3, onClose]);
+  if (!Dialog3) return null;
+  return /* @__PURE__ */ jsx16(
+    Dialog3,
     {
       onClose,
       allowedTypes: ["images"],
+      multiple: false,
       onSelectAssets: (assets) => onSelect(assets?.[0])
     }
   );
 }
 function usePermissions() {
-  const { allowedActions, isLoading } = useRBAC(permissions);
+  const { allowedActions, isLoading } = useRBAC3(
+    Object.values(permissions).flat()
+  );
   return {
     canRead: allowedActions.canRead,
     canUpdate: allowedActions.canUpdate,
     isLoading
   };
 }
-var SettingsPage = () => /* @__PURE__ */ jsx12(Guard, { children: /* @__PURE__ */ jsx12(
+var SettingsPage = () => /* @__PURE__ */ jsx16(Guard, { children: /* @__PURE__ */ jsx16(
   Settings,
   {
-    useClient: useFetchClient,
+    useClient: useFetchClient3,
     usePermissions,
     MediaPicker,
     ToggleField,
     SelectField,
-    TextField
+    TextField,
+    lazyEditors: true
   }
 ) });
-var strapi4_default = {
+var strapiApp = null;
+var strapi5_default = {
   register(app) {
-    register(app, SettingsPage, "/settings/blockscene");
+    strapiApp = app;
+    register(app, SettingsPage, "blockscene");
     app.registerPlugin({ id: "blockscene", name: "Blockscene", apis: { registerPanel: (panel) => registerPanel(panel, ICON_NAMES) } });
+    app.addMenuLink(contentMenuLink(() => /* @__PURE__ */ jsx16(Guard, { children: /* @__PURE__ */ jsx16(ContentPage, {}) })));
   },
   registerTrads,
   bootstrap(app) {
-    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", labelsHook(() => getFetchClient().get, labelEditLayout4, dropField4));
-    app.injectContentManagerComponent("editView", "right-links", {
-      name: "blockscene",
-      Component: () => /* @__PURE__ */ jsx12(Guard, { children: /* @__PURE__ */ jsx12(Picker, {}) })
-    });
+    app.getPlugin("content-manager").apis.addEditViewSidePanel([Panel2]);
+    app.getPlugin("content-manager").injectComponent("editView", "right-links", { name: "blockscene", Component: Editor });
+    app.registerHook("Admin/CM/pages/EditView/mutate-edit-view-layout", labelsHook(() => getFetchClient().get, labelEditLayout, dropField));
+    wrapCustomFields(strapiApp);
   }
 };
 export {
-  strapi4_default as default
+  strapi5_default as default
 };