@aduptive/strapi-blockscene 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/admin.cjs

@@ -4,6 +4,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -25,6 +29,113 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// server/groups.js
+var require_groups = __commonJS({
+  "server/groups.js"(exports, module2) {
+    "use strict";
+    var UID = /^[a-z0-9-]+\.[a-z0-9-]+$/;
+    function safeGroups2(value, knownUids) {
+      if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+      const out = {};
+      for (const [open, close] of Object.entries(value)) {
+        if (!UID.test(open) || typeof close !== "string" || !UID.test(close) || open === close) continue;
+        if (knownUids && (!knownUids.includes(open) || !knownUids.includes(close))) continue;
+        out[open] = close;
+      }
+      for (const close of Object.values(out)) if (out[close]) return null;
+      return Object.keys(out).length ? out : null;
+    }
+    var uidOf = (row) => typeof row?.__component === "string" ? row.__component : "";
+    var isOpener2 = (row, g) => Boolean(g) && Object.prototype.hasOwnProperty.call(g, uidOf(row));
+    var isClose2 = (row, g) => Boolean(g) && Object.values(g).includes(uidOf(row));
+    var blockKey2 = (row) => row && row.id != null ? `${row.__component}#${row.id}` : row && row.__temp_key__ != null ? String(row.__temp_key__) : null;
+    function validateGroups3(rows, g) {
+      const errors = [];
+      if (!g || !Array.isArray(rows)) return errors;
+      const stack = [];
+      rows.forEach((row, index) => {
+        const uid = uidOf(row);
+        if (isOpener2(row, g)) {
+          stack.push({ index, uid, close: g[uid] });
+          return;
+        }
+        if (!isClose2(row, g)) return;
+        const top = stack[stack.length - 1];
+        if (!top) errors.push({ code: "closeBeforeOpen", index, uid });
+        else if (top.close !== uid) errors.push({ code: "mismatch", index, uid, expected: top.close, open: top.uid, openIndex: top.index });
+        else stack.pop();
+      });
+      for (const open of stack) errors.push({ code: "unclosed", index: open.index, uid: open.uid, expected: open.close });
+      return errors;
+    }
+    function groupRange3(rows, start, g) {
+      const stack = [g[uidOf(rows[start])]];
+      for (let i = start + 1; i < rows.length; i++) {
+        const row = rows[i];
+        if (isOpener2(row, g)) stack.push(g[uidOf(row)]);
+        else if (isClose2(row, g) && uidOf(row) === stack[stack.length - 1]) {
+          stack.pop();
+          if (!stack.length) return [start, i];
+        }
+      }
+      return [start, rows.length - 1];
+    }
+    function groupRows2(rows, g, depth = 0, offset = 0) {
+      const out = [];
+      let i = 0;
+      while (i < rows.length) {
+        const row = rows[i];
+        if (isOpener2(row, g)) {
+          const [, end] = groupRange3(rows, i, g);
+          const closed = uidOf(rows[end]) === g[uidOf(row)] && end > i;
+          out.push({
+            type: "group",
+            key: blockKey2(row),
+            closeKey: closed ? blockKey2(rows[end]) : null,
+            row,
+            index: offset + i,
+            depth,
+            children: groupRows2(rows.slice(i + 1, closed ? end : end + 1), g, depth + 1, offset + i + 1)
+          });
+          i = end + 1;
+          continue;
+        }
+        out.push({ type: "block", key: blockKey2(row), row, index: offset + i, depth, stray: isClose2(row, g) });
+        i++;
+      }
+      return out;
+    }
+    function topLevelRanges2(rows, g) {
+      const ranges = [];
+      let i = 0;
+      while (i < rows.length) {
+        const end = isOpener2(rows[i], g) ? groupRange3(rows, i, g)[1] : i;
+        ranges.push([i, end]);
+        i = end + 1;
+      }
+      return ranges;
+    }
+    function moveGroup2(rows, key, direction, g) {
+      if (!g) return null;
+      const ranges = topLevelRanges2(rows, g);
+      const at = ranges.findIndex(([s]) => blockKey2(rows[s]) === String(key));
+      const to = at + (direction === "up" ? -1 : 1);
+      if (at < 0 || to < 0 || to >= ranges.length) return null;
+      const [a, b] = direction === "up" ? [ranges[to], ranges[at]] : [ranges[at], ranges[to]];
+      return [...rows.slice(0, a[0]), ...rows.slice(b[0], b[1] + 1), ...rows.slice(a[0], a[1] + 1), ...rows.slice(b[1] + 1)];
+    }
+    function removeGroup2(rows, key, g) {
+      if (!g) return null;
+      const start = rows.findIndex((row) => blockKey2(row) === String(key));
+      if (start < 0 || !isOpener2(rows[start], g)) return null;
+      const [, end] = groupRange3(rows, start, g);
+      return [...rows.slice(0, start), ...rows.slice(end + 1)];
+    }
+    module2.exports = { safeGroups: safeGroups2, validateGroups: validateGroups3, groupRange: groupRange3, groupRows: groupRows2, topLevelRanges: topLevelRanges2, moveGroup: moveGroup2, removeGroup: removeGroup2, blockKey: blockKey2, isOpener: isOpener2, isClose: isClose2 };
+  }
+});
 
 // admin/strapi4.tsx
 var strapi4_exports = {};
@@ -32,18 +143,42 @@ __export(strapi4_exports, {
   default: () => strapi4_default
 });
 module.exports = __toCommonJS(strapi4_exports);
-var React5 = __toESM(require("react"));
-var import_design_system3 = require("@strapi/design-system");
+var React8 = __toESM(require("react"));
+var import_design_system5 = require("@strapi/design-system");
 var import_helper_plugin = require("@strapi/helper-plugin");
 
 // admin/Gallery.tsx
-var React2 = __toESM(require("react"));
-var import_react_dom2 = require("react-dom");
-var import_design_system = require("@strapi/design-system");
-var import_styled_components = __toESM(require("styled-components"));
+var React4 = __toESM(require("react"));
+var import_react_dom3 = require("react-dom");
+var import_design_system2 = require("@strapi/design-system");
+var import_styled_components3 = __toESM(require("styled-components"));
 
 // admin/model.mjs
 var import_fractional_indexing = require("fractional-indexing");
+function componentDefaults(schema, components, stack = []) {
+  if (!schema || stack.includes(schema))
+    throw new Error("Invalid recursive component defaults");
+  const row = {};
+  for (const [name, attr] of Object.entries(schema.attributes || {})) {
+    if (Object.hasOwn(attr, "default")) {
+      const value = structuredClone(attr.default);
+      if (attr.type === "password") row[name] = "";
+      else if (attr.type === "relation")
+        row[name] = { connect: [], disconnect: [] };
+      else if (value !== null || attr.type === "boolean") row[name] = value;
+    } else if (attr.type === "component" && attr.required) {
+      const create = () => componentDefaults(components[attr.component], components, [
+        ...stack,
+        schema
+      ]);
+      if (attr.repeatable) {
+        const keys = (0, import_fractional_indexing.generateNKeysBetween)(null, null, attr.min || 0);
+        row[name] = keys.map((key) => ({ ...create(), __temp_key__: key }));
+      } else row[name] = create();
+    } else if (attr.type === "dynamiczone" && attr.required) row[name] = [];
+  }
+  return row;
+}
 function editableZones(schema, values, canEdit, disabled = false) {
   if (disabled) return [];
   return Object.entries(schema?.attributes || {}).filter(
@@ -76,6 +211,18 @@ function candidatesFor(uid, meta = {}, config = {}) {
     `${base}/${encodeURIComponent(uid)}.webp${version}`
   ].filter(Boolean);
 }
+function blockPreviewSrc(template, uid, { variant = "default", locale = "" } = {}) {
+  if (!template || !uid) return null;
+  const dot = uid.indexOf(".");
+  const values = { uid, name: uid.slice(dot + 1), category: dot < 0 ? "" : uid.slice(0, dot), variant, locale };
+  try {
+    const url = new URL(template.replace(/\{(uid|name|category|variant|locale)\}/g, (_, key) => encodeURIComponent(values[key] || "")));
+    url.pathname = url.pathname.replace(/\/{2,}/g, "/");
+    return ["http:", "https:"].includes(url.protocol) ? url.href : null;
+  } catch {
+    return null;
+  }
+}
 var SYSTEM_FIELDS = [
   "id",
   "documentId",
@@ -89,49 +236,59 @@ var SYSTEM_FIELDS = [
 ];
 var fieldType = (attr) => attr?.type === "customField" ? String(attr.customField || "").includes("CKEditor") ? "richtext" : "customField" : attr?.type || "unknown";
 var fieldsOf = (schema) => Object.entries(schema?.attributes || {}).filter(([name]) => !SYSTEM_FIELDS.includes(name)).map(([name, attr]) => ({ name, type: fieldType(attr) }));
-var categoryOf = (uid, schema, meta = {}) => meta.category || schema?.category || uid.split(".")[0];
-var byCategory = (a, b) => (a === "admin" ? 1 : 0) - (b === "admin" ? 1 : 0) || a.localeCompare(b);
+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 || {});
   return zone.components.filter((uid) => !closers.includes(uid));
 };
-function entriesFor(zone, components, config, query, category = "all") {
+function entryOf(uid, schema, config) {
+  const meta = config.components?.[uid] || {};
+  return {
+    uid,
+    label: meta.label || schema.info?.displayName || uid,
+    description: meta.description || schema.info?.description || "",
+    typology: meta.typology || "text",
+    facets: meta.facets || [],
+    tags: meta.tags || [],
+    keywords: meta.keywords || "",
+    fields: fieldsOf(schema),
+    candidates: candidatesFor(uid, meta, config),
+    template: meta.template || "generic"
+  };
+}
+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();
-  return pickable(zone, config).flatMap((uid) => {
-    const schema = components[uid];
-    if (!schema) return [];
-    const meta = config.components?.[uid] || {};
-    const entry = {
-      uid,
-      label: meta.label || schema.info?.displayName || uid,
-      description: meta.description || schema.info?.description || "",
-      category: categoryOf(uid, schema, meta),
-      fields: fieldsOf(schema),
-      candidates: candidatesFor(uid, meta, config),
-      template: meta.template || "generic"
-    };
-    if (category !== "all" && entry.category !== category) return [];
-    return `${entry.label} ${entry.description} ${entry.category} ${uid} ${meta.keywords || ""}`.toLocaleLowerCase().includes(needle) ? [entry] : [];
-  }).sort(
-    (a, b) => byCategory(a.category, b.category) || a.label.localeCompare(b.label)
-  );
+  const any = (picked, values) => !picked?.length || picked.some((value) => values.includes(value));
+  return allEntries(zone, components, config).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 categoriesFor(zone, components, config) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const uid of pickable(zone, config)) {
-    const schema = components[uid];
-    if (!schema) continue;
-    const c = categoryOf(uid, schema, config.components?.[uid] || {});
-    counts.set(c, (counts.get(c) || 0) + 1);
-  }
-  return [...counts.entries()].sort(([a], [b]) => byCategory(a, b));
+function optionsFor(zone, components, config) {
+  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 facets = entries.flatMap((entry) => entry.facets);
+  return {
+    total: entries.length,
+    uids: entries.map((entry) => entry.uid),
+    typologies: count(entries.map((entry) => entry.typology)).sort(([a], [b]) => typologyRank(a) - typologyRank(b)),
+    tags: count(entries.flatMap((entry) => entry.tags)).sort(([a], [b]) => a.localeCompare(b)),
+    media: count(facets.filter((facet) => FACETS.media.includes(facet))),
+    content: count(facets.filter((facet) => FACETS.content.includes(facet)))
+  };
 }
 function groupEntries(entries) {
   const map = /* @__PURE__ */ new Map();
   for (const entry of entries)
-    map.set(entry.category, [...map.get(entry.category) || [], entry]);
-  return [...map.entries()].map(([category, items]) => ({
-    category,
+    map.set(entry.typology, [...map.get(entry.typology) || [], entry]);
+  return [...map.entries()].map(([typology, items]) => ({
+    typology,
     entries: items
   }));
 }
@@ -139,18 +296,18 @@ function memoryKey({ base = "", userId, contentType, zone }) {
   if (!userId || !contentType || !zone) return null;
   return `blockscene:v1:${base}:${userId}:${contentType}:${zone}`;
 }
-function readMemory(storage2, key) {
+function readMemory(storage3, key) {
   try {
-    const value = key && storage2?.getItem(key);
+    const value = key && storage3?.getItem(key);
     return value === "open" || value === "closed" ? value : null;
   } catch {
     return null;
   }
 }
-function writeMemory(storage2, key, value) {
+function writeMemory(storage3, key, value) {
   try {
     if (key && (value === "open" || value === "closed"))
-      storage2?.setItem(key, value);
+      storage3?.setItem(key, value);
   } catch {
   }
 }
@@ -160,6 +317,117 @@ function initialState(editor, remembered) {
   return "closed";
 }
 
+// admin/preview.mjs
+var import_groups = __toESM(require_groups(), 1);
+var PROTOCOL = "blockscene:page-preview:v1";
+var TEXT_TYPES = ["string", "text"];
+var RICH_TYPES = ["richtext", "blocks", "customField"];
+var EDITABLE_TYPES = [...TEXT_TYPES, ...RICH_TYPES];
+var SCALAR = ["string", "text", "richtext", "email", "enumeration", "integer", "biginteger", "float", "decimal", "boolean", "date", "datetime", "time", "json", "blocks", "uid", "customField"];
+var blockKey = (row) => row && row.id != null ? `${row.__component}#${row.id}` : row && row.__temp_key__ != null ? String(row.__temp_key__) : null;
+function projectRow(row, schema, components, cmsOrigin, depth = 0) {
+  if (!row || !schema || depth > 3) return null;
+  const out = {};
+  for (const [name, attr] of Object.entries(schema.attributes || {})) {
+    const value = row[name];
+    if (attr.type === "password" || attr.type === "relation" || attr.private) continue;
+    if (SCALAR.includes(attr.type)) {
+      if (value !== void 0) out[name] = typeof value === "string" ? value.slice(0, 2e5) : value;
+    } else if (attr.type === "media") {
+      const files = (attr.multiple ? Array.isArray(value) ? value : [] : value ? [value] : []).map((file) => projectMedia(file, cmsOrigin)).filter(Boolean);
+      out[name] = attr.multiple ? files : files[0] || null;
+    } else if (attr.type === "component") {
+      const child = components?.[attr.component];
+      out[name] = attr.repeatable ? (Array.isArray(value) ? value : []).slice(0, 100).map((item, i) => ({ ...projectRow(item, child, components, cmsOrigin, depth + 1), __key: blockKey(item) ?? String(i) })) : projectRow(value, child, components, cmsOrigin, depth + 1);
+    }
+  }
+  return out;
+}
+function projectMedia(file, cmsOrigin) {
+  if (!file || typeof file.url !== "string") return null;
+  try {
+    const url = new URL(file.url, cmsOrigin);
+    if (!["http:", "https:"].includes(url.protocol)) return null;
+    return { url: url.href, alternativeText: String(file.alternativeText || ""), caption: String(file.caption || ""), width: Number(file.width) || 0, height: Number(file.height) || 0, mime: String(file.mime || "") };
+  } catch {
+    return null;
+  }
+}
+function editableFields(uid, row, components) {
+  const schema = components?.[uid];
+  const out = [];
+  const SYSTEM = ["id", "documentId", "locale", "createdAt", "updatedAt", "publishedAt", "createdBy", "updatedBy", "localizations", "__component", "__temp_key__"];
+  const push = (name, attr, label) => {
+    if (!SYSTEM.includes(name.split(".").pop()) && attr?.private !== true && EDITABLE_TYPES.includes(attr?.type)) out.push({ name, type: attr.type, label });
+  };
+  for (const [name, attr] of Object.entries(schema?.attributes || {})) {
+    if (attr.type === "component" && attr.repeatable) {
+      (Array.isArray(row?.[name]) ? row[name] : []).slice(0, 50).forEach((_, i) => {
+        for (const [child, childAttr] of Object.entries(components?.[attr.component]?.attributes || {})) push(`${name}.${i}.${child}`, childAttr, `${name} ${i + 1} \xB7 ${child}`);
+      });
+    } else push(name, attr, name);
+  }
+  return out;
+}
+function mediaFields(uid, row, components) {
+  const media = {};
+  for (const [name, attr] of Object.entries(components?.[uid]?.attributes || {})) {
+    if (attr.type === "media" && attr.private !== true) media[name] = { required: attr.required === true, multiple: attr.multiple === true, present: attr.multiple ? Array.isArray(row?.[name]) && row[name].length > 0 : Boolean(row?.[name]) };
+  }
+  return media;
+}
+function projectPage(rows, components, cmsOrigin, hidden = null) {
+  return (Array.isArray(rows) ? rows : []).slice(0, 200).flatMap((row, index) => {
+    const uid = row?.__component;
+    const key = blockKey(row);
+    const schema = components?.[uid];
+    if (!uid || key == null || !schema) return [];
+    return [{
+      key,
+      index,
+      uid,
+      label: schema.info?.displayName || uid,
+      data: projectRow(row, schema, components, cmsOrigin),
+      fields: editableFields(uid, row, components),
+      media: mediaFields(uid, row, components),
+      ...hidden && row[hidden] === true && { hidden: true }
+    }];
+  });
+}
+function isPreviewMessage(event, origin, source, channel, type) {
+  return event.origin === origin && event.source === source && event.data?.protocol === PROTOCOL && event.data?.channel === channel && event.data?.type === type;
+}
+
+// admin/devices.ts
+var React = __toESM(require("react"));
+var DEVICES = { fit: 0, mobile: 390, tablet: 834, desktop: 1440 };
+function useStageSize(el) {
+  const [size, setSize] = React.useState({ width: 0, height: 0 });
+  React.useEffect(() => {
+    if (!el) return;
+    const measure = () => setSize({ width: el.clientWidth, height: el.clientHeight });
+    measure();
+    const observer = "ResizeObserver" in window ? new ResizeObserver(measure) : null;
+    observer?.observe(el);
+    return () => observer?.disconnect();
+  }, [el]);
+  return size;
+}
+var frameStyle = (device, stage) => {
+  const width = DEVICES[device];
+  if (!width || !stage.width) return { left: 0, width: "100%", height: "100%" };
+  const scale = Math.min(1, stage.width / width);
+  return { left: Math.max(0, (stage.width - width * scale) / 2), width, height: stage.height / scale, transform: `scale(${scale})` };
+};
+var stageBackground = (theme) => {
+  const line = theme?.colors?.neutral150 || "#eaeaef";
+  return {
+    backgroundColor: theme?.colors?.neutral100 || "#f6f6f9",
+    backgroundImage: `linear-gradient(${line} 1px, transparent 1px), linear-gradient(90deg, ${line} 1px, transparent 1px)`,
+    backgroundSize: "24px 24px"
+  };
+};
+
 // admin/accordions.mjs
 function zoneLists(root = document) {
   return [...root.querySelectorAll("ol[aria-describedby]")].filter((list) => list.querySelector(":scope > li button[aria-expanded]"));
@@ -172,28 +440,100 @@ function findZoneList(label, root = document) {
 function toggles(list) {
   return [...list.querySelectorAll(":scope > li")].map((item) => item.querySelector("button[aria-expanded]")).filter(Boolean);
 }
+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);
+  rects.forEach((r, i) => (gap(r) === 0 ? now : later).push(i));
+  later.sort((a, b) => gap(rects[a]) - gap(rects[b]));
+  return { now, later };
+}
+function scroller(el) {
+  for (let node = el?.parentElement; node && node !== document.body; node = node.parentElement) {
+    const { overflowY } = getComputedStyle(node);
+    if ((overflowY === "auto" || overflowY === "scroll") && node.scrollHeight > node.clientHeight) return node;
+  }
+  return null;
+}
+var jobs = /* @__PURE__ */ new Map();
+function stopAll() {
+  for (const stop of jobs.values()) stop();
+  jobs.clear();
+}
+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()) {
-  const pending = toggles(list).filter((button) => button.getAttribute("aria-expanded") === "true" !== open);
+  jobs.get(list)?.();
+  jobs.delete(list);
+  const header = (li) => li.querySelector("button[aria-expanded]");
+  const differs = (li) => {
+    const b = li.isConnected && header(li);
+    return b && b.getAttribute("aria-expanded") === "true" !== open ? b : null;
+  };
+  const click = (rows2) => {
+    const buttons = rows2.map(differs).filter(Boolean);
+    if (buttons.length) batch(() => {
+      for (const b of buttons) b.click();
+    });
+    return buttons.length;
+  };
+  const rows = [...list.querySelectorAll(":scope > li")].filter(differs);
+  if (!rows.length) return 0;
+  const root = scroller(list);
+  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);
+  let stopped = false, handle = 0;
   if (open) {
-    batch(() => {
-      for (const button of pending) button.click();
+    if (typeof IntersectionObserver === "undefined") return click(rows);
+    const near = (li) => planRows([li.getBoundingClientRect()], view(), height).now.length > 0;
+    const queue = new Set(now.map((i) => rows[i]));
+    let changed2 = 0;
+    const flush = () => {
+      handle = 0;
+      if (stopped) return;
+      const next = [];
+      for (const li of queue) {
+        if (next.length === PER_FRAME) break;
+        queue.delete(li);
+        if (near(li)) next.push(li);
+        else observer.observe(li);
+      }
+      changed2 += click(next);
+      if (queue.size) handle = frame(flush);
+    };
+    const observer = new IntersectionObserver((entries) => {
+      for (const entry of entries) if (entry.isIntersecting) {
+        observer.unobserve(entry.target);
+        queue.add(entry.target);
+      }
+      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, () => {
+      stopped = true;
+      observer.disconnect();
     });
-    return Promise.resolve(pending.length);
+    flush();
+    return changed2;
   }
-  const frame = () => new Promise((resolve) => typeof requestAnimationFrame === "function" ? requestAnimationFrame(() => resolve()) : setTimeout(resolve, 16));
-  return (async () => {
-    let changed = 0;
-    for (const button of pending) {
-      if (!button.isConnected || button.getAttribute("aria-expanded") !== "true") continue;
-      button.click();
-      changed++;
-      await frame();
-    }
-    return changed;
-  })();
+  const changed = click(now.map((i) => rows[i]));
+  if (!later.length) return changed;
+  const pending = later.map((i) => rows[i]);
+  const slice = (deadline) => {
+    if (stopped) return;
+    click(pending.splice(0, deadline.timeRemaining() > 10 ? PER_FRAME : 1));
+    if (pending.length) idle(slice);
+    else jobs.delete(list);
+  };
+  idle(slice);
+  jobs.set(list, () => {
+    stopped = true;
+  });
+  return changed;
 }
 function isNativeAddButton(button, zone) {
-  if (!button || button.getAttribute("aria-expanded") || button.closest('ol[aria-describedby] > li, [role="dialog"], [data-testid^="open-gallery-"], [data-testid^="block-"], [data-testid^="page-preview"], [data-testid^="bp-"]')) return false;
+  if (!button || button.getAttribute("aria-expanded") || button.closest('ol[aria-describedby] > li, [role="dialog"], [data-testid^="open-gallery-"], [data-testid^="block-"], [data-testid^="page-preview"], [data-testid^="bp-"], [data-testid^="zone-"], [data-blockscene-row-actions]')) return false;
   const text = (button.textContent || "").trim();
   return Boolean(text) && new RegExp(`(^|\\s)${String(zone.name).replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}$`).test(text);
 }
@@ -237,7 +577,7 @@ function Wireframe({ template, palette, className, noPreview }) {
 }
 
 // admin/RowPreviews.tsx
-var React = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 
 // admin/messages.ts
@@ -285,10 +625,11 @@ var en_default = {
   "templates.faq": "FAQ",
   brokenMedia: "The selected media no longer exists; the next source is used.",
   editor: "Editor preferences",
-  enabled: "Editor enhancements enabled",
-  enabledHelp: "Off restores the native picker and accordions. This page stays available to turn it back on.",
+  enabled: "Blockscene enabled",
+  enabledHelp: "Off turns the whole plugin off at once, with no restart: every edit view is native again and the layout group publish check stops. Use it if something goes wrong in production.",
   showOpenAll: 'Show "Open all blocks"',
   showCloseAll: 'Show "Close all blocks"',
+  showRowThumbnails: "Show block thumbnails in the rows",
   initialState: "Initial accordion state",
   "states.closed": "All closed",
   "states.open": "All open",
@@ -300,13 +641,20 @@ var en_default = {
   "modes.form": "Fields",
   "modes.split": "Fields + page",
   "modes.preview": "Visual editor",
-  previewModeHelp: "Applies when opening a document; each editor can switch modes and the browser remembers the last choice.",
+  previewModeHelp: "Every edit view opens in this mode, unless its content type sets its own below. Editors can switch while they edit; the switch is not remembered.",
+  lazyEdit: "Click to edit",
+  lazyEditors: "Load rich-text editors on demand",
+  lazyFields: "Custom fields loaded on demand",
+  lazyEditorsHelp: "Listed custom fields show a read-only preview until clicked or focused, so opening large pages stays fast. Separate uids with commas.",
+  lazyFieldsInvalid: "Use up to {max} custom field uids such as plugin::ckeditor5.CKEditor or global::my-field.",
   previewV4: "The whole-page preview is available in the Strapi 5 distribution only; these options have no effect on Strapi 4.",
   modeForm: "Fields",
   modeSplit: "Fields + page",
   modePreview: "Visual editor",
   previewPane: "Page preview",
   resize: "Resize preview pane",
+  resizeHint: "Drag to resize; double-click to reset to half",
+  scrollToHovered: "Scroll to the highlighted block",
   previewHelp: "Unsaved changes appear in the preview. Click a block to open its form, an image to open the Media Library, a text to edit it.",
   previewNoUrl: "No preview URL: set it in Settings, Blockscene, or configure Strapi's native Preview for this content type.",
   previewFailed: "The preview did not answer within 15 s. If the frontend is still loading it will appear by itself; the form stays usable.",
@@ -343,19 +691,137 @@ var en_default = {
   diagInsertClose: 'Insert the missing "{expected}" after row {n}',
   diagStrayHint: "Remove the stray marker with the row's own delete action, or move it after an open marker.",
   modeGroup: "Editing mode",
+  undo: "Undo",
+  redo: "Redo",
+  historyGroup: "Undo history",
   saveDisabledHint: "No unsaved changes to save.",
   publishDisabledHint: "Publishing is unavailable: save first, fix the errors shown in the form, or check your permissions.",
   countAll: "{count} blocks",
   countFiltered: "{shown} of {total}",
-  filterCategory: "Filter by category",
-  allCategories: "All categories",
   showFields: "Fields",
   showFieldsHint: "Show the field list on each block",
   columns: "Columns",
   noPreview: "no preview",
   "templates.none": "No preview",
   noChanges: "No unsaved changes",
-  rowPreview: "Open the {label} preview"
+  rowPreview: "Open the {label} preview",
+  deviceGroup: "Preview width",
+  "device.fit": "Fit",
+  "device.mobile": "Mobile",
+  "device.tablet": "Tablet",
+  "device.desktop": "Desktop",
+  contentTypes: "Content types",
+  contentTypesHelp: 'The gallery, accordions and page preview work on these content types (the ones with a Dynamic Zone). Turn one off to leave its edit view native. "Opens in" is how every edit view of that type starts; editors can still switch while they edit.',
+  typeMode: "Opens in",
+  modeDefault: "Default ({mode})",
+  blockModalDone: "Done",
+  crashed: "Blockscene stopped here after an error. The native editor is unaffected. If it happens again, turn Blockscene off in Settings, Blockscene.",
+  sidebarLabel: "Page fields",
+  "nav.all": "All",
+  "nav.recent": "Recently used",
+  "nav.starred": "Starred",
+  typologiesTitle: "Typologies",
+  collapseSidebar: "Collapse sidebar",
+  expandSidebar: "Expand sidebar",
+  "filters.tags": "Tags",
+  "filters.media": "Media",
+  "filters.content": "Content",
+  clearAll: "Clear all",
+  removeFilter: "Remove filter {name}",
+  "typologies.hero": "Hero",
+  "typologies.text": "Text",
+  "typologies.media": "Media",
+  "typologies.listing": "Listing",
+  "typologies.cards": "Cards",
+  "typologies.cta": "Call to action",
+  "typologies.form": "Form",
+  "typologies.layout": "Layout",
+  "facets.image": "Image",
+  "facets.video": "Video",
+  "facets.gallery": "Gallery",
+  "facets.richtext": "Rich text",
+  "facets.list": "List",
+  "facets.dynamic": "Dynamic",
+  "facets.form": "Form",
+  star: "Star",
+  unstar: "Remove star",
+  quickInsert: "Insert {label}",
+  insert: "Insert",
+  closeDetail: "Close details",
+  typology: "Typology",
+  typologyAuto: "Automatic ({name})",
+  tags: "Tags",
+  tagsHelp: "Comma separated, up to 10 tags of 24 characters. They become a gallery filter.",
+  sidebarTitle: "Visual editor sidebar: {name}",
+  sidebarHelp: "Buttons on an edge of the visual editor. Each one opens some of the document's own fields in a drawer or a modal.",
+  sidebarPosition: "Sidebar position",
+  "positions.left": "Left",
+  "positions.right": "Right",
+  "positions.bottom": "Bottom",
+  sidebarItemLabel: "Label",
+  sidebarIcon: "Icon",
+  noIcon: "No icon",
+  "icons.text": "Text",
+  "icons.tag": "Tag",
+  "icons.seo": "SEO",
+  "icons.settings": "Settings",
+  "icons.image": "Image",
+  "icons.link": "Link",
+  "icons.palette": "Palette",
+  "icons.list": "List",
+  "icons.globe": "Globe",
+  "icons.info": "Info",
+  sidebarOpens: "Opens as",
+  "opens.drawer": "Drawer",
+  "opens.modal": "Modal",
+  moveUp: "Move up",
+  moveDown: "Move down",
+  sidebarRemove: "Remove item",
+  sidebarFields: "Fields",
+  sidebarInvalid: "Give the item a label (up to 40 characters, no < or >) and pick at least one field.",
+  sidebarInvalidSave: "Fix the sidebar items marked above before saving.",
+  sidebarAdd: "Add item",
+  sidebarLimit: "Up to {max} items.",
+  restoreProject: "Restore project defaults",
+  resetAll: "Reset to defaults",
+  restoreProjectConfirm: "Discard every setting saved on this page and go back to the project defaults from the code?",
+  resetAllConfirm: "Discard every setting saved on this page and go back to the defaults?",
+  restored: "Defaults restored.",
+  blockPreview: "Live block preview",
+  livePreviewFailed: "Live preview unavailable, showing the image.",
+  blockPreviewUrl: "Block preview URL",
+  blockPreviewUrlHelp: "Optional. A page of your frontend that renders one block on its own, shown large when a gallery card is clicked, e.g. http://localhost:3026/pt-BR/block-preview/'{name}'/'{variant}'. Placeholders: '{uid}', '{name}' (after the dot), '{category}' (before the dot), '{variant}' (default), '{locale}'. Empty uses the page preview route when there is one, else the image.",
+  rowActions: "Actions for {label}",
+  selectBlock: "Select {label}",
+  hiddenBadge: "Hidden",
+  hideBlock: "Hide {label} on the site",
+  showBlock: "Show {label} on the site",
+  duplicateBlock: "Duplicate {label}",
+  copyBlock: "Copy {label}",
+  confirmDeleteTitle: "Delete block",
+  confirmDelete: "Delete block {name}?",
+  confirmDeleteMarker: "This is a group marker: only the marker is removed, not the blocks inside the group, and the group stays unbalanced until it is fixed.",
+  delete: "Delete",
+  selectMode: "Select blocks to copy",
+  copySelected: "Copy selected ({count})",
+  paste: "Paste {count, plural, one {# block} other {# blocks}}",
+  pasted: "{count, plural, one {# block pasted} other {# blocks pasted}}.",
+  copied: "{count, plural, one {# block copied} other {# blocks copied}}. Paste on any page of this site.",
+  copyFailed: "Could not copy: the browser storage is full or blocked.",
+  pasteNotAllowed: 'Nothing was pasted: "{uid}" is not allowed in this zone.',
+  pasteFull: "Nothing was pasted: the zone has no room for {count} more blocks.",
+  pasteUnbalanced: "Nothing was pasted: the copied blocks contain an incomplete group.",
+  rowActionFailed: "The action could not be completed; the form was not changed.",
+  rowActionsTitle: "Row actions",
+  confirmDeleteOption: "Confirm before deleting a block",
+  duplicateOption: 'Show "Duplicate" on each block',
+  clipboardOption: 'Show "Copy" and "Paste" (across pages)',
+  hiddenBlocks: "Blocks hidden on the site",
+  "hiddenModes.strip": "Removed from the content API",
+  "hiddenModes.flag": "Sent with the flag (the frontend decides)",
+  "hiddenModes.off": "Off (no hide button)",
+  hiddenBlocksHelp: "The eye on each block marks it hidden on the site. Removed: content API reads (REST, GraphQL) leave it out, the admin always shows it. Flag: it is sent with the attribute so the frontend can decide.",
+  hiddenAttributeOff: "The plugin config sets hiddenAttribute to false: blocks cannot be hidden."
 };
 
 // admin/translations/pt-BR.json
@@ -400,10 +866,11 @@ var pt_BR_default = {
   "templates.faq": "FAQ",
   brokenMedia: "A m\xEDdia escolhida n\xE3o existe mais; a pr\xF3xima origem \xE9 usada.",
   editor: "Prefer\xEAncias do editor",
-  enabled: "Melhorias do editor ativas",
-  enabledHelp: "Desligado restaura o seletor e os accordions nativos. Esta p\xE1gina continua dispon\xEDvel para reativar.",
+  enabled: "Blockscene ligado",
+  enabledHelp: "Desligado, o plugin inteiro para na hora, sem restart: toda tela de edi\xE7\xE3o volta a ser nativa e a verifica\xE7\xE3o de grupos na publica\xE7\xE3o para. Use se algo der errado em produ\xE7\xE3o.",
   showOpenAll: 'Mostrar "Abrir todos os blocos"',
   showCloseAll: 'Mostrar "Fechar todos os blocos"',
+  showRowThumbnails: "Mostrar miniaturas dos blocos nas linhas",
   initialState: "Estado inicial dos accordions",
   "states.closed": "Todos fechados",
   "states.open": "Todos abertos",
@@ -415,13 +882,20 @@ var pt_BR_default = {
   "modes.form": "Campos",
   "modes.split": "Campos + p\xE1gina",
   "modes.preview": "Editor visual",
-  previewModeHelp: "Vale ao abrir um documento; cada editor pode trocar de modo e o navegador lembra a \xFAltima escolha.",
+  previewModeHelp: "Toda tela de edi\xE7\xE3o abre neste modo, a menos que o tipo de conte\xFAdo defina o seu abaixo. Quem edita pode trocar durante a edi\xE7\xE3o; a troca n\xE3o fica gravada.",
+  lazyEdit: "Clique para editar",
+  lazyEditors: "Carregar editores de texto rico sob demanda",
+  lazyFields: "Campos personalizados carregados sob demanda",
+  lazyEditorsHelp: "Os campos personalizados listados mostram uma pr\xE9via somente leitura at\xE9 receberem clique ou foco, para que p\xE1ginas grandes abram r\xE1pido. Separe os uids com v\xEDrgulas.",
+  lazyFieldsInvalid: "Use at\xE9 {max} uids de campos personalizados, como plugin::ckeditor5.CKEditor ou global::meu-campo.",
   previewV4: "A preview de p\xE1gina inteira existe apenas na distribui\xE7\xE3o Strapi 5; estas op\xE7\xF5es n\xE3o t\xEAm efeito no Strapi 4.",
   modeForm: "Campos",
   modeSplit: "Campos + p\xE1gina",
   modePreview: "Editor visual",
   previewPane: "Preview da p\xE1gina",
   resize: "Redimensionar painel de preview",
+  resizeHint: "Arraste para redimensionar; clique duplo volta \xE0 metade",
+  scrollToHovered: "Rolar at\xE9 o bloco destacado",
   previewHelp: "Altera\xE7\xF5es n\xE3o salvas aparecem na preview. Clique em um bloco para abrir seu formul\xE1rio, em uma imagem para abrir a Media Library, em um texto para edit\xE1-lo.",
   previewNoUrl: "Sem URL de preview: defina em Configura\xE7\xF5es, Blockscene, ou configure a Preview nativa do Strapi para este tipo de conte\xFAdo.",
   previewFailed: "A preview n\xE3o respondeu em 15 s. Se o frontend ainda estiver carregando, ela aparece sozinha; o formul\xE1rio continua utiliz\xE1vel.",
@@ -458,19 +932,137 @@ var pt_BR_default = {
   diagInsertClose: 'Inserir o fechamento "{expected}" que falta depois da linha {n}',
   diagStrayHint: "Remova o marcador \xF3rf\xE3o pela a\xE7\xE3o de excluir da pr\xF3pria linha, ou mova-o para depois de uma abertura.",
   modeGroup: "Modo de edi\xE7\xE3o",
+  undo: "Desfazer",
+  redo: "Refazer",
+  historyGroup: "Hist\xF3rico de edi\xE7\xE3o",
   saveDisabledHint: "N\xE3o h\xE1 altera\xE7\xF5es para salvar.",
   publishDisabledHint: "Publica\xE7\xE3o indispon\xEDvel: salve antes, corrija os erros do formul\xE1rio ou verifique suas permiss\xF5es.",
   countAll: "{count} blocos",
   countFiltered: "{shown} de {total}",
-  filterCategory: "Filtrar por categoria",
-  allCategories: "Todas as categorias",
   showFields: "Campos",
   showFieldsHint: "Mostrar a lista de campos em cada bloco",
   columns: "Colunas",
   noPreview: "sem preview",
   "templates.none": "Sem preview",
   noChanges: "Sem altera\xE7\xF5es pendentes",
-  rowPreview: "Abrir a pr\xE9via de {label}"
+  rowPreview: "Abrir a pr\xE9via de {label}",
+  deviceGroup: "Largura do preview",
+  "device.fit": "Ajustar",
+  "device.mobile": "Celular",
+  "device.tablet": "Tablet",
+  "device.desktop": "Desktop",
+  contentTypes: "Tipos de conte\xFAdo",
+  contentTypesHelp: 'A galeria, os accordions e o preview da p\xE1gina funcionam nestes tipos de conte\xFAdo (os que t\xEAm uma zona din\xE2mica). Desligue um para deixar a edi\xE7\xE3o dele nativa. "Abre em" \xE9 como toda tela de edi\xE7\xE3o desse tipo come\xE7a; quem edita ainda pode trocar durante a edi\xE7\xE3o.',
+  typeMode: "Abre em",
+  modeDefault: "Padr\xE3o ({mode})",
+  blockModalDone: "Concluir",
+  crashed: "O Blockscene parou aqui por causa de um erro. O editor nativo n\xE3o foi afetado. Se acontecer de novo, desligue o Blockscene em Settings, Blockscene.",
+  sidebarLabel: "Campos da p\xE1gina",
+  "nav.all": "Todos",
+  "nav.recent": "Usados recentemente",
+  "nav.starred": "Favoritos",
+  typologiesTitle: "Tipologias",
+  collapseSidebar: "Recolher barra lateral",
+  expandSidebar: "Expandir barra lateral",
+  "filters.tags": "Tags",
+  "filters.media": "M\xEDdia",
+  "filters.content": "Conte\xFAdo",
+  clearAll: "Limpar tudo",
+  removeFilter: "Remover filtro {name}",
+  "typologies.hero": "Hero",
+  "typologies.text": "Texto",
+  "typologies.media": "M\xEDdia",
+  "typologies.listing": "Listagem",
+  "typologies.cards": "Cards",
+  "typologies.cta": "Chamada para a\xE7\xE3o",
+  "typologies.form": "Formul\xE1rio",
+  "typologies.layout": "Layout",
+  "facets.image": "Imagem",
+  "facets.video": "V\xEDdeo",
+  "facets.gallery": "Galeria",
+  "facets.richtext": "Texto rico",
+  "facets.list": "Lista",
+  "facets.dynamic": "Din\xE2mico",
+  "facets.form": "Formul\xE1rio",
+  star: "Favoritar",
+  unstar: "Remover dos favoritos",
+  quickInsert: "Inserir {label}",
+  insert: "Inserir",
+  closeDetail: "Fechar detalhes",
+  typology: "Tipologia",
+  typologyAuto: "Autom\xE1tica ({name})",
+  tags: "Tags",
+  tagsHelp: "Separadas por v\xEDrgula, at\xE9 10 tags de 24 caracteres. Viram filtro na galeria.",
+  sidebarTitle: "Barra lateral do editor visual: {name}",
+  sidebarHelp: "Bot\xF5es numa borda do editor visual. Cada um abre alguns campos do pr\xF3prio documento numa gaveta ou num modal.",
+  sidebarPosition: "Posi\xE7\xE3o da barra lateral",
+  "positions.left": "Esquerda",
+  "positions.right": "Direita",
+  "positions.bottom": "Embaixo",
+  sidebarItemLabel: "R\xF3tulo",
+  sidebarIcon: "\xCDcone",
+  noIcon: "Sem \xEDcone",
+  "icons.text": "Texto",
+  "icons.tag": "Etiqueta",
+  "icons.seo": "SEO",
+  "icons.settings": "Configura\xE7\xF5es",
+  "icons.image": "Imagem",
+  "icons.link": "Link",
+  "icons.palette": "Paleta",
+  "icons.list": "Lista",
+  "icons.globe": "Globo",
+  "icons.info": "Informa\xE7\xE3o",
+  sidebarOpens: "Abre como",
+  "opens.drawer": "Gaveta",
+  "opens.modal": "Modal",
+  moveUp: "Mover para cima",
+  moveDown: "Mover para baixo",
+  sidebarRemove: "Remover item",
+  sidebarFields: "Campos",
+  sidebarInvalid: "D\xEA um r\xF3tulo ao item (at\xE9 40 caracteres, sem < ou >) e escolha pelo menos um campo.",
+  sidebarInvalidSave: "Corrija os itens da barra lateral marcados acima antes de salvar.",
+  sidebarAdd: "Adicionar item",
+  sidebarLimit: "At\xE9 {max} itens.",
+  restoreProject: "Restaurar padr\xF5es do projeto",
+  resetAll: "Restaurar padr\xF5es",
+  restoreProjectConfirm: "Descartar todas as configura\xE7\xF5es salvas nesta p\xE1gina e voltar aos padr\xF5es do projeto definidos no c\xF3digo?",
+  resetAllConfirm: "Descartar todas as configura\xE7\xF5es salvas nesta p\xE1gina e voltar aos padr\xF5es?",
+  restored: "Padr\xF5es restaurados.",
+  blockPreview: "Preview ao vivo do bloco",
+  livePreviewFailed: "Preview ao vivo indispon\xEDvel, mostrando a imagem.",
+  blockPreviewUrl: "URL de preview do bloco",
+  blockPreviewUrlHelp: "Opcional. Uma p\xE1gina do seu frontend que renderiza um bloco sozinho, mostrada em tamanho grande ao clicar num card da galeria, por exemplo http://localhost:3026/pt-BR/block-preview/'{name}'/'{variant}'. Marcadores: '{uid}', '{name}' (depois do ponto), '{category}' (antes do ponto), '{variant}' (default), '{locale}'. Vazio usa a rota de preview de p\xE1gina quando existir, sen\xE3o a imagem.",
+  rowActions: "A\xE7\xF5es de {label}",
+  selectBlock: "Selecionar {label}",
+  hiddenBadge: "Oculto",
+  hideBlock: "Ocultar {label} no site",
+  showBlock: "Mostrar {label} no site",
+  duplicateBlock: "Duplicar {label}",
+  copyBlock: "Copiar {label}",
+  confirmDeleteTitle: "Excluir bloco",
+  confirmDelete: "Excluir o bloco {name}?",
+  confirmDeleteMarker: "Este \xE9 um marcador de grupo: s\xF3 o marcador \xE9 removido, n\xE3o os blocos dentro do grupo, e o grupo fica desbalanceado at\xE9 ser corrigido.",
+  delete: "Excluir",
+  selectMode: "Selecionar blocos para copiar",
+  copySelected: "Copiar selecionados ({count})",
+  paste: "Colar {count, plural, one {# bloco} other {# blocos}}",
+  pasted: "{count, plural, one {# bloco colado} other {# blocos colados}}.",
+  copied: "{count, plural, one {# bloco copiado} other {# blocos copiados}}. Cole em qualquer p\xE1gina deste site.",
+  copyFailed: "N\xE3o foi poss\xEDvel copiar: o armazenamento do navegador est\xE1 cheio ou bloqueado.",
+  pasteNotAllowed: 'Nada foi colado: "{uid}" n\xE3o \xE9 permitido nesta zona.',
+  pasteFull: "Nada foi colado: a zona n\xE3o tem espa\xE7o para mais {count} blocos.",
+  pasteUnbalanced: "Nada foi colado: os blocos copiados cont\xEAm um grupo incompleto.",
+  rowActionFailed: "A a\xE7\xE3o n\xE3o p\xF4de ser conclu\xEDda; o formul\xE1rio n\xE3o foi alterado.",
+  rowActionsTitle: "A\xE7\xF5es dos blocos",
+  confirmDeleteOption: "Confirmar antes de excluir um bloco",
+  duplicateOption: 'Mostrar "Duplicar" em cada bloco',
+  clipboardOption: 'Mostrar "Copiar" e "Colar" (entre p\xE1ginas)',
+  hiddenBlocks: "Blocos ocultos no site",
+  "hiddenModes.strip": "Removidos da API de conte\xFAdo",
+  "hiddenModes.flag": "Enviados com a marca\xE7\xE3o (o frontend decide)",
+  "hiddenModes.off": "Desligado (sem bot\xE3o de ocultar)",
+  hiddenBlocksHelp: "O olho em cada bloco o marca como oculto no site. Removidos: as leituras da API de conte\xFAdo (REST, GraphQL) o deixam de fora; o admin sempre o mostra. Marca\xE7\xE3o: ele \xE9 enviado com o atributo para o frontend decidir.",
+  hiddenAttributeOff: "A config do plugin define hiddenAttribute como false: n\xE3o \xE9 poss\xEDvel ocultar blocos."
 };
 
 // admin/translations/pt.json
@@ -515,10 +1107,11 @@ var pt_default = {
   "templates.faq": "FAQ",
   brokenMedia: "A m\xEDdia escolhida n\xE3o existe mais; a pr\xF3xima origem \xE9 usada.",
   editor: "Prefer\xEAncias do editor",
-  enabled: "Melhorias do editor ativas",
-  enabledHelp: "Desligado restaura o seletor e os accordions nativos. Esta p\xE1gina continua dispon\xEDvel para reativar.",
+  enabled: "Blockscene ligado",
+  enabledHelp: "Desligado, o plugin inteiro para de imediato, sem rein\xEDcio: todos os ecr\xE3s de edi\xE7\xE3o voltam a ser nativos e a verifica\xE7\xE3o de grupos na publica\xE7\xE3o para. Use-o se algo correr mal em produ\xE7\xE3o.",
   showOpenAll: 'Mostrar "Abrir todos os blocos"',
   showCloseAll: 'Mostrar "Fechar todos os blocos"',
+  showRowThumbnails: "Mostrar miniaturas dos blocos nas linhas",
   initialState: "Estado inicial dos accordions",
   "states.closed": "Todos fechados",
   "states.open": "Todos abertos",
@@ -530,13 +1123,20 @@ var pt_default = {
   "modes.form": "Campos",
   "modes.split": "Campos + p\xE1gina",
   "modes.preview": "Editor visual",
-  previewModeHelp: "Vale ao abrir um documento; cada editor pode trocar de modo e o navegador lembra a \xFAltima escolha.",
+  previewModeHelp: "Cada ecr\xE3 de edi\xE7\xE3o abre neste modo, salvo se o tipo de conte\xFAdo definir o seu abaixo. Quem edita pode mudar durante a edi\xE7\xE3o; a mudan\xE7a n\xE3o fica guardada.",
+  lazyEdit: "Clique para editar",
+  lazyEditors: "Carregar editores de texto rico a pedido",
+  lazyFields: "Campos personalizados carregados a pedido",
+  lazyEditorsHelp: "Os campos personalizados indicados mostram uma pr\xE9-visualiza\xE7\xE3o s\xF3 de leitura at\xE9 receberem clique ou foco, para que p\xE1ginas grandes abram depressa. Separe os uids com v\xEDrgulas.",
+  lazyFieldsInvalid: "Use at\xE9 {max} uids de campos personalizados, como plugin::ckeditor5.CKEditor ou global::meu-campo.",
   previewV4: "A pr\xE9-visualiza\xE7\xE3o de p\xE1gina inteira existe apenas na distribui\xE7\xE3o Strapi 5; estas op\xE7\xF5es n\xE3o t\xEAm efeito no Strapi 4.",
   modeForm: "Campos",
   modeSplit: "Campos + p\xE1gina",
   modePreview: "Editor visual",
   previewPane: "Pr\xE9-visualiza\xE7\xE3o da p\xE1gina",
   resize: "Redimensionar painel de pr\xE9-visualiza\xE7\xE3o",
+  resizeHint: "Arraste para redimensionar; duplo clique rep\xF5e a metade",
+  scrollToHovered: "Deslocar at\xE9 ao bloco destacado",
   previewHelp: "As altera\xE7\xF5es por guardar aparecem na pr\xE9-visualiza\xE7\xE3o. Clique num bloco para abrir o seu formul\xE1rio, numa imagem para abrir a Media Library, num texto para o editar.",
   previewNoUrl: "Sem URL de pr\xE9-visualiza\xE7\xE3o: defina em Defini\xE7\xF5es, Blockscene, ou configure a Preview nativa do Strapi para este tipo de conte\xFAdo.",
   previewFailed: "A pr\xE9-visualiza\xE7\xE3o n\xE3o respondeu em 15 s. Se o frontend ainda estiver a carregar, ela aparece sozinha; o formul\xE1rio continua utiliz\xE1vel.",
@@ -573,19 +1173,137 @@ var pt_default = {
   diagInsertClose: 'Inserir o fecho "{expected}" em falta depois da linha {n}',
   diagStrayHint: "Remova o marcador \xF3rf\xE3o pela a\xE7\xE3o de eliminar da pr\xF3pria linha, ou mova-o para depois de uma abertura.",
   modeGroup: "Modo de edi\xE7\xE3o",
+  undo: "Anular",
+  redo: "Refazer",
+  historyGroup: "Hist\xF3rico de edi\xE7\xE3o",
   saveDisabledHint: "N\xE3o h\xE1 altera\xE7\xF5es por guardar.",
   publishDisabledHint: "Publica\xE7\xE3o indispon\xEDvel: guarde antes, corrija os erros do formul\xE1rio ou verifique as suas permiss\xF5es.",
   countAll: "{count} blocos",
   countFiltered: "{shown} de {total}",
-  filterCategory: "Filtrar por categoria",
-  allCategories: "Todas as categorias",
   showFields: "Campos",
   showFieldsHint: "Mostrar a lista de campos em cada bloco",
   columns: "Colunas",
   noPreview: "sem pr\xE9-visualiza\xE7\xE3o",
   "templates.none": "Sem pr\xE9-visualiza\xE7\xE3o",
   noChanges: "Sem altera\xE7\xF5es pendentes",
-  rowPreview: "Abrir a pr\xE9-visualiza\xE7\xE3o de {label}"
+  rowPreview: "Abrir a pr\xE9-visualiza\xE7\xE3o de {label}",
+  deviceGroup: "Largura da pr\xE9-visualiza\xE7\xE3o",
+  "device.fit": "Ajustar",
+  "device.mobile": "Telem\xF3vel",
+  "device.tablet": "Tablet",
+  "device.desktop": "Computador",
+  contentTypes: "Tipos de conte\xFAdo",
+  contentTypesHelp: 'A galeria, os acorde\xF5es e a pr\xE9-visualiza\xE7\xE3o da p\xE1gina funcionam nestes tipos de conte\xFAdo (os que t\xEAm uma zona din\xE2mica). Desligue um para manter a edi\xE7\xE3o nativa. "Abre em" \xE9 como come\xE7a cada ecr\xE3 de edi\xE7\xE3o desse tipo; quem edita pode sempre mudar durante a edi\xE7\xE3o.',
+  typeMode: "Abre em",
+  modeDefault: "Predefini\xE7\xE3o ({mode})",
+  blockModalDone: "Concluir",
+  crashed: "O Blockscene parou aqui devido a um erro. O editor nativo n\xE3o foi afetado. Se voltar a acontecer, desligue o Blockscene em Settings, Blockscene.",
+  sidebarLabel: "Campos da p\xE1gina",
+  "nav.all": "Todos",
+  "nav.recent": "Usados recentemente",
+  "nav.starred": "Favoritos",
+  typologiesTitle: "Tipologias",
+  collapseSidebar: "Recolher barra lateral",
+  expandSidebar: "Expandir barra lateral",
+  "filters.tags": "Etiquetas",
+  "filters.media": "Multim\xE9dia",
+  "filters.content": "Conte\xFAdo",
+  clearAll: "Limpar tudo",
+  removeFilter: "Remover filtro {name}",
+  "typologies.hero": "Hero",
+  "typologies.text": "Texto",
+  "typologies.media": "Multim\xE9dia",
+  "typologies.listing": "Listagem",
+  "typologies.cards": "Cart\xF5es",
+  "typologies.cta": "Chamada para a\xE7\xE3o",
+  "typologies.form": "Formul\xE1rio",
+  "typologies.layout": "Layout",
+  "facets.image": "Imagem",
+  "facets.video": "V\xEDdeo",
+  "facets.gallery": "Galeria",
+  "facets.richtext": "Texto rico",
+  "facets.list": "Lista",
+  "facets.dynamic": "Din\xE2mico",
+  "facets.form": "Formul\xE1rio",
+  star: "Marcar como favorito",
+  unstar: "Remover dos favoritos",
+  quickInsert: "Inserir {label}",
+  insert: "Inserir",
+  closeDetail: "Fechar detalhes",
+  typology: "Tipologia",
+  typologyAuto: "Autom\xE1tica ({name})",
+  tags: "Etiquetas",
+  tagsHelp: "Separadas por v\xEDrgulas, at\xE9 10 etiquetas de 24 caracteres. Tornam-se um filtro na galeria.",
+  sidebarTitle: "Barra lateral do editor visual: {name}",
+  sidebarHelp: "Bot\xF5es numa margem do editor visual. Cada um abre alguns campos do pr\xF3prio documento numa gaveta ou num modal.",
+  sidebarPosition: "Posi\xE7\xE3o da barra lateral",
+  "positions.left": "Esquerda",
+  "positions.right": "Direita",
+  "positions.bottom": "Em baixo",
+  sidebarItemLabel: "R\xF3tulo",
+  sidebarIcon: "\xCDcone",
+  noIcon: "Sem \xEDcone",
+  "icons.text": "Texto",
+  "icons.tag": "Etiqueta",
+  "icons.seo": "SEO",
+  "icons.settings": "Defini\xE7\xF5es",
+  "icons.image": "Imagem",
+  "icons.link": "Liga\xE7\xE3o",
+  "icons.palette": "Paleta",
+  "icons.list": "Lista",
+  "icons.globe": "Globo",
+  "icons.info": "Informa\xE7\xE3o",
+  sidebarOpens: "Abre como",
+  "opens.drawer": "Gaveta",
+  "opens.modal": "Modal",
+  moveUp: "Mover para cima",
+  moveDown: "Mover para baixo",
+  sidebarRemove: "Remover item",
+  sidebarFields: "Campos",
+  sidebarInvalid: "D\xEA um r\xF3tulo ao item (at\xE9 40 caracteres, sem < ou >) e escolha pelo menos um campo.",
+  sidebarInvalidSave: "Corrija os itens da barra lateral assinalados acima antes de guardar.",
+  sidebarAdd: "Adicionar item",
+  sidebarLimit: "At\xE9 {max} itens.",
+  restoreProject: "Repor predefini\xE7\xF5es do projeto",
+  resetAll: "Repor predefini\xE7\xF5es",
+  restoreProjectConfirm: "Descartar todas as defini\xE7\xF5es guardadas nesta p\xE1gina e voltar \xE0s predefini\xE7\xF5es do projeto definidas no c\xF3digo?",
+  resetAllConfirm: "Descartar todas as defini\xE7\xF5es guardadas nesta p\xE1gina e voltar \xE0s predefini\xE7\xF5es?",
+  restored: "Predefini\xE7\xF5es repostas.",
+  blockPreview: "Pr\xE9-visualiza\xE7\xE3o ao vivo do bloco",
+  livePreviewFailed: "Pr\xE9-visualiza\xE7\xE3o ao vivo indispon\xEDvel, a mostrar a imagem.",
+  blockPreviewUrl: "URL de pr\xE9-visualiza\xE7\xE3o do bloco",
+  blockPreviewUrlHelp: "Opcional. Uma p\xE1gina do seu frontend que renderiza um bloco isolado, mostrada em grande ao clicar num cart\xE3o da galeria, por exemplo http://localhost:3026/pt-PT/block-preview/'{name}'/'{variant}'. Marcadores: '{uid}', '{name}' (depois do ponto), '{category}' (antes do ponto), '{variant}' (default), '{locale}'. Vazio usa a rota de pr\xE9-visualiza\xE7\xE3o de p\xE1gina quando existir, caso contr\xE1rio a imagem.",
+  rowActions: "A\xE7\xF5es de {label}",
+  selectBlock: "Selecionar {label}",
+  hiddenBadge: "Oculto",
+  hideBlock: "Ocultar {label} no site",
+  showBlock: "Mostrar {label} no site",
+  duplicateBlock: "Duplicar {label}",
+  copyBlock: "Copiar {label}",
+  confirmDeleteTitle: "Eliminar bloco",
+  confirmDelete: "Eliminar o bloco {name}?",
+  confirmDeleteMarker: "Este \xE9 um marcador de grupo: s\xF3 o marcador \xE9 removido, n\xE3o os blocos dentro do grupo, e o grupo fica desequilibrado at\xE9 ser corrigido.",
+  delete: "Eliminar",
+  selectMode: "Selecionar blocos para copiar",
+  copySelected: "Copiar selecionados ({count})",
+  paste: "Colar {count, plural, one {# bloco} other {# blocos}}",
+  pasted: "{count, plural, one {# bloco colado} other {# blocos colados}}.",
+  copied: "{count, plural, one {# bloco copiado} other {# blocos copiados}}. Cole em qualquer p\xE1gina deste site.",
+  copyFailed: "N\xE3o foi poss\xEDvel copiar: o armazenamento do navegador est\xE1 cheio ou bloqueado.",
+  pasteNotAllowed: 'Nada foi colado: "{uid}" n\xE3o \xE9 permitido nesta zona.',
+  pasteFull: "Nada foi colado: a zona n\xE3o tem espa\xE7o para mais {count} blocos.",
+  pasteUnbalanced: "Nada foi colado: os blocos copiados cont\xEAm um grupo incompleto.",
+  rowActionFailed: "N\xE3o foi poss\xEDvel concluir a a\xE7\xE3o; o formul\xE1rio n\xE3o foi alterado.",
+  rowActionsTitle: "A\xE7\xF5es dos blocos",
+  confirmDeleteOption: "Confirmar antes de eliminar um bloco",
+  duplicateOption: 'Mostrar "Duplicar" em cada bloco',
+  clipboardOption: 'Mostrar "Copiar" e "Colar" (entre p\xE1ginas)',
+  hiddenBlocks: "Blocos ocultos no site",
+  "hiddenModes.strip": "Removidos da API de conte\xFAdo",
+  "hiddenModes.flag": "Enviados com a marca\xE7\xE3o (o frontend decide)",
+  "hiddenModes.off": "Desligado (sem bot\xE3o de ocultar)",
+  hiddenBlocksHelp: "O olho em cada bloco marca-o como oculto no site. Removidos: as leituras da API de conte\xFAdo (REST, GraphQL) deixam-no de fora; o admin mostra-o sempre. Marca\xE7\xE3o: \xE9 enviado com o atributo para o frontend decidir.",
+  hiddenAttributeOff: "A configura\xE7\xE3o do plugin define hiddenAttribute como false: n\xE3o \xE9 poss\xEDvel ocultar blocos."
 };
 
 // admin/translations/fr.json
@@ -630,10 +1348,11 @@ var fr_default = {
   "templates.faq": "FAQ",
   brokenMedia: "Le m\xE9dia choisi n'existe plus ; la source suivante est utilis\xE9e.",
   editor: "Pr\xE9f\xE9rences de l'\xE9diteur",
-  enabled: "Am\xE9liorations de l'\xE9diteur activ\xE9es",
-  enabledHelp: "D\xE9sactiv\xE9 r\xE9tablit le s\xE9lecteur et les accord\xE9ons natifs. Cette page reste disponible pour les r\xE9activer.",
+  enabled: "Blockscene activ\xE9",
+  enabledHelp: "D\xE9sactiv\xE9, tout le plugin s'arr\xEAte aussit\xF4t, sans red\xE9marrage : chaque vue d'\xE9dition redevient native et la v\xE9rification des groupes \xE0 la publication s'arr\xEAte. \xC0 utiliser si quelque chose se passe mal en production.",
   showOpenAll: "Afficher \xAB Ouvrir tous les blocs \xBB",
   showCloseAll: "Afficher \xAB Fermer tous les blocs \xBB",
+  showRowThumbnails: "Afficher les miniatures des blocs dans les lignes",
   initialState: "\xC9tat initial des accord\xE9ons",
   "states.closed": "Tous ferm\xE9s",
   "states.open": "Tous ouverts",
@@ -645,13 +1364,20 @@ var fr_default = {
   "modes.form": "Champs",
   "modes.split": "Champs + page",
   "modes.preview": "\xC9diteur visuel",
-  previewModeHelp: "S'applique \xE0 l'ouverture d'un document ; chaque \xE9diteur peut changer de mode et le navigateur retient le dernier choix.",
+  previewModeHelp: "Chaque vue d'\xE9dition s'ouvre dans ce mode, sauf si son type de contenu d\xE9finit le sien ci-dessous. L'\xE9diteur peut changer pendant l'\xE9dition ; ce choix n'est pas m\xE9moris\xE9.",
+  lazyEdit: "Cliquer pour modifier",
+  lazyEditors: "Charger les \xE9diteurs de texte riche \xE0 la demande",
+  lazyFields: "Champs personnalis\xE9s charg\xE9s \xE0 la demande",
+  lazyEditorsHelp: "Les champs personnalis\xE9s list\xE9s affichent un aper\xE7u en lecture seule jusqu'au clic ou au focus, pour que les grandes pages s'ouvrent vite. S\xE9parez les uids par des virgules.",
+  lazyFieldsInvalid: "Utilisez jusqu'\xE0 {max} uids de champs personnalis\xE9s, comme plugin::ckeditor5.CKEditor ou global::mon-champ.",
   previewV4: "L'aper\xE7u de page enti\xE8re n'existe que dans la distribution Strapi 5 ; ces options n'ont aucun effet sur Strapi 4.",
   modeForm: "Champs",
   modeSplit: "Champs + page",
   modePreview: "\xC9diteur visuel",
   previewPane: "Aper\xE7u de la page",
   resize: "Redimensionner le panneau d'aper\xE7u",
+  resizeHint: "Faites glisser pour redimensionner ; double-clic pour revenir \xE0 la moiti\xE9",
+  scrollToHovered: "Faire d\xE9filer jusqu\u2019au bloc en surbrillance",
   previewHelp: "Les modifications non enregistr\xE9es apparaissent dans l'aper\xE7u. Cliquez sur un bloc pour ouvrir son formulaire, sur une image pour ouvrir la M\xE9diath\xE8que, sur un texte pour le modifier.",
   previewNoUrl: "Aucune URL d'aper\xE7u : d\xE9finissez-la dans Param\xE8tres, Blockscene, ou configurez l'aper\xE7u natif de Strapi pour ce type de contenu.",
   previewFailed: "L'aper\xE7u n'a pas r\xE9pondu en 15 s. Si le frontend est encore en train de charger, il appara\xEEtra de lui-m\xEAme ; le formulaire reste utilisable.",
@@ -688,19 +1414,137 @@ var fr_default = {
   diagInsertClose: "Ins\xE9rer la fermeture \xAB {expected} \xBB manquante apr\xE8s la ligne {n}",
   diagStrayHint: "Supprimez le marqueur orphelin avec l'action de suppression de la ligne, ou d\xE9placez-le apr\xE8s une ouverture.",
   modeGroup: "Mode d'\xE9dition",
+  undo: "Annuler",
+  redo: "R\xE9tablir",
+  historyGroup: "Historique des modifications",
   saveDisabledHint: "Aucune modification \xE0 enregistrer.",
   publishDisabledHint: "Publication indisponible : enregistrez d'abord, corrigez les erreurs du formulaire ou v\xE9rifiez vos droits.",
   countAll: "{count} blocs",
   countFiltered: "{shown} sur {total}",
-  filterCategory: "Filtrer par cat\xE9gorie",
-  allCategories: "Toutes les cat\xE9gories",
   showFields: "Champs",
   showFieldsHint: "Afficher la liste des champs sur chaque bloc",
   columns: "Colonnes",
   noPreview: "pas d\u2019aper\xE7u",
   "templates.none": "Pas d\u2019aper\xE7u",
   noChanges: "Aucune modification en attente",
-  rowPreview: "Ouvrir l\u2019aper\xE7u de {label}"
+  rowPreview: "Ouvrir l\u2019aper\xE7u de {label}",
+  deviceGroup: "Largeur de l'aper\xE7u",
+  "device.fit": "Ajuster",
+  "device.mobile": "Mobile",
+  "device.tablet": "Tablette",
+  "device.desktop": "Ordinateur",
+  contentTypes: "Types de contenu",
+  contentTypesHelp: "La galerie, les accord\xE9ons et l'aper\xE7u de page fonctionnent sur ces types de contenu (ceux qui ont une Dynamic Zone). D\xE9sactivez-en un pour garder son \xE9dition native. \xAB S'ouvre en \xBB d\xE9finit le mode de d\xE9part de chaque vue d'\xE9dition de ce type ; l'\xE9diteur peut toujours changer pendant l'\xE9dition.",
+  typeMode: "S'ouvre en",
+  modeDefault: "Par d\xE9faut ({mode})",
+  blockModalDone: "Termin\xE9",
+  crashed: "Blockscene s'est arr\xEAt\xE9 ici \xE0 cause d'une erreur. L'\xE9diteur natif n'est pas touch\xE9. Si cela se reproduit, d\xE9sactivez Blockscene dans Settings, Blockscene.",
+  sidebarLabel: "Champs de la page",
+  "nav.all": "Tous",
+  "nav.recent": "Utilis\xE9s r\xE9cemment",
+  "nav.starred": "Favoris",
+  typologiesTitle: "Typologies",
+  collapseSidebar: "R\xE9duire la barre lat\xE9rale",
+  expandSidebar: "D\xE9plier la barre lat\xE9rale",
+  "filters.tags": "\xC9tiquettes",
+  "filters.media": "M\xE9dias",
+  "filters.content": "Contenu",
+  clearAll: "Tout effacer",
+  removeFilter: "Retirer le filtre {name}",
+  "typologies.hero": "Hero",
+  "typologies.text": "Texte",
+  "typologies.media": "M\xE9dias",
+  "typologies.listing": "Liste d'\xE9l\xE9ments",
+  "typologies.cards": "Cartes",
+  "typologies.cta": "Appel \xE0 l'action",
+  "typologies.form": "Formulaire",
+  "typologies.layout": "Mise en page",
+  "facets.image": "Image",
+  "facets.video": "Vid\xE9o",
+  "facets.gallery": "Galerie",
+  "facets.richtext": "Texte riche",
+  "facets.list": "Liste",
+  "facets.dynamic": "Dynamique",
+  "facets.form": "Formulaire",
+  star: "Ajouter aux favoris",
+  unstar: "Retirer des favoris",
+  quickInsert: "Ins\xE9rer {label}",
+  insert: "Ins\xE9rer",
+  closeDetail: "Fermer les d\xE9tails",
+  typology: "Typologie",
+  typologyAuto: "Automatique ({name})",
+  tags: "\xC9tiquettes",
+  tagsHelp: "S\xE9par\xE9es par des virgules, jusqu'\xE0 10 \xE9tiquettes de 24 caract\xE8res. Elles deviennent un filtre de la galerie.",
+  sidebarTitle: "Barre lat\xE9rale de l'\xE9diteur visuel : {name}",
+  sidebarHelp: "Des boutons sur un bord de l'\xE9diteur visuel. Chacun ouvre certains champs du document dans un tiroir ou une fen\xEAtre modale.",
+  sidebarPosition: "Position de la barre lat\xE9rale",
+  "positions.left": "Gauche",
+  "positions.right": "Droite",
+  "positions.bottom": "En bas",
+  sidebarItemLabel: "Libell\xE9",
+  sidebarIcon: "Ic\xF4ne",
+  noIcon: "Aucune ic\xF4ne",
+  "icons.text": "Texte",
+  "icons.tag": "\xC9tiquette",
+  "icons.seo": "SEO",
+  "icons.settings": "Param\xE8tres",
+  "icons.image": "Image",
+  "icons.link": "Lien",
+  "icons.palette": "Palette",
+  "icons.list": "Liste",
+  "icons.globe": "Globe",
+  "icons.info": "Info",
+  sidebarOpens: "S'ouvre en",
+  "opens.drawer": "Tiroir",
+  "opens.modal": "Fen\xEAtre modale",
+  moveUp: "Monter",
+  moveDown: "Descendre",
+  sidebarRemove: "Supprimer l'\xE9l\xE9ment",
+  sidebarFields: "Champs",
+  sidebarInvalid: "Donnez un libell\xE9 \xE0 l'\xE9l\xE9ment (40 caract\xE8res maximum, sans < ni >) et choisissez au moins un champ.",
+  sidebarInvalidSave: "Corrigez les \xE9l\xE9ments de barre lat\xE9rale signal\xE9s ci-dessus avant d'enregistrer.",
+  sidebarAdd: "Ajouter un \xE9l\xE9ment",
+  sidebarLimit: "{max} \xE9l\xE9ments maximum.",
+  restoreProject: "R\xE9tablir les valeurs du projet",
+  resetAll: "R\xE9tablir les valeurs par d\xE9faut",
+  restoreProjectConfirm: "Abandonner tous les r\xE9glages enregistr\xE9s sur cette page et revenir aux valeurs du projet d\xE9finies dans le code ?",
+  resetAllConfirm: "Abandonner tous les r\xE9glages enregistr\xE9s sur cette page et revenir aux valeurs par d\xE9faut ?",
+  restored: "Valeurs r\xE9tablies.",
+  blockPreview: "Aper\xE7u en direct du bloc",
+  livePreviewFailed: "Aper\xE7u en direct indisponible, l'image est affich\xE9e.",
+  blockPreviewUrl: "URL d'aper\xE7u de bloc",
+  blockPreviewUrlHelp: "Facultatif. Une page de votre frontend qui affiche un seul bloc, montr\xE9e en grand quand on clique sur une carte de la galerie, par ex. http://localhost:3026/fr/block-preview/'{name}'/'{variant}'. Variables : '{uid}', '{name}' (apr\xE8s le point), '{category}' (avant le point), '{variant}' (default), '{locale}'. Vide : la route d'aper\xE7u de page si elle existe, sinon l'image.",
+  rowActions: "Actions pour {label}",
+  selectBlock: "S\xE9lectionner {label}",
+  hiddenBadge: "Masqu\xE9",
+  hideBlock: "Masquer {label} sur le site",
+  showBlock: "Afficher {label} sur le site",
+  duplicateBlock: "Dupliquer {label}",
+  copyBlock: "Copier {label}",
+  confirmDeleteTitle: "Supprimer le bloc",
+  confirmDelete: "Supprimer le bloc {name} ?",
+  confirmDeleteMarker: "C'est un marqueur de groupe : seul le marqueur est supprim\xE9, pas les blocs du groupe, et le groupe reste d\xE9s\xE9quilibr\xE9 jusqu'\xE0 sa correction.",
+  delete: "Supprimer",
+  selectMode: "S\xE9lectionner des blocs \xE0 copier",
+  copySelected: "Copier la s\xE9lection ({count})",
+  paste: "Coller {count, plural, one {# bloc} other {# blocs}}",
+  pasted: "{count, plural, one {# bloc coll\xE9} other {# blocs coll\xE9s}}.",
+  copied: "{count, plural, one {# bloc copi\xE9} other {# blocs copi\xE9s}}. Collez-les sur n'importe quelle page de ce site.",
+  copyFailed: "Copie impossible : le stockage du navigateur est plein ou bloqu\xE9.",
+  pasteNotAllowed: "Rien n'a \xE9t\xE9 coll\xE9 : \xAB {uid} \xBB n'est pas autoris\xE9 dans cette zone.",
+  pasteFull: "Rien n'a \xE9t\xE9 coll\xE9 : la zone n'a pas de place pour {count} blocs de plus.",
+  pasteUnbalanced: "Rien n'a \xE9t\xE9 coll\xE9 : les blocs copi\xE9s contiennent un groupe incomplet.",
+  rowActionFailed: "L'action n'a pas abouti ; le formulaire n'a pas chang\xE9.",
+  rowActionsTitle: "Actions des blocs",
+  confirmDeleteOption: "Confirmer avant de supprimer un bloc",
+  duplicateOption: "Afficher \xAB Dupliquer \xBB sur chaque bloc",
+  clipboardOption: "Afficher \xAB Copier \xBB et \xAB Coller \xBB (entre pages)",
+  hiddenBlocks: "Blocs masqu\xE9s sur le site",
+  "hiddenModes.strip": "Retir\xE9s de l'API de contenu",
+  "hiddenModes.flag": "Envoy\xE9s avec l'indicateur (le frontend d\xE9cide)",
+  "hiddenModes.off": "D\xE9sactiv\xE9 (pas de bouton masquer)",
+  hiddenBlocksHelp: "L'\u0153il de chaque bloc le marque comme masqu\xE9 sur le site. Retir\xE9s : les lectures de l'API de contenu (REST, GraphQL) l'omettent, l'admin l'affiche toujours. Indicateur : il est envoy\xE9 avec l'attribut et le frontend d\xE9cide.",
+  hiddenAttributeOff: "La configuration du plugin fixe hiddenAttribute \xE0 false : les blocs ne peuvent pas \xEAtre masqu\xE9s."
 };
 
 // admin/translations/es.json
@@ -745,10 +1589,11 @@ var es_default = {
   "templates.faq": "FAQ",
   brokenMedia: "El medio elegido ya no existe; se usa el siguiente origen.",
   editor: "Preferencias del editor",
-  enabled: "Mejoras del editor activadas",
-  enabledHelp: "Desactivado restaura el selector y los acordeones nativos. Esta p\xE1gina sigue disponible para reactivarlas.",
+  enabled: "Blockscene activado",
+  enabledHelp: "Desactivado, todo el plugin se detiene al instante, sin reinicio: cada vista de edici\xF3n vuelve a ser nativa y se detiene la verificaci\xF3n de grupos al publicar. \xDAsalo si algo falla en producci\xF3n.",
   showOpenAll: "Mostrar \xABAbrir todos los bloques\xBB",
   showCloseAll: "Mostrar \xABCerrar todos los bloques\xBB",
+  showRowThumbnails: "Mostrar miniaturas de los bloques en las filas",
   initialState: "Estado inicial de los acordeones",
   "states.closed": "Todos cerrados",
   "states.open": "Todos abiertos",
@@ -760,13 +1605,20 @@ var es_default = {
   "modes.form": "Campos",
   "modes.split": "Campos + p\xE1gina",
   "modes.preview": "Editor visual",
-  previewModeHelp: "Se aplica al abrir un documento; cada editor puede cambiar de modo y el navegador recuerda la \xFAltima elecci\xF3n.",
+  previewModeHelp: "Cada vista de edici\xF3n se abre en este modo, salvo que su tipo de contenido defina el suyo abajo. Quien edita puede cambiarlo mientras edita; el cambio no se recuerda.",
+  lazyEdit: "Haz clic para editar",
+  lazyEditors: "Cargar los editores de texto enriquecido bajo demanda",
+  lazyFields: "Campos personalizados cargados bajo demanda",
+  lazyEditorsHelp: "Los campos personalizados de la lista muestran una vista previa de solo lectura hasta recibir un clic o el foco, para que las p\xE1ginas grandes abran r\xE1pido. Separa los uids con comas.",
+  lazyFieldsInvalid: "Usa hasta {max} uids de campos personalizados, como plugin::ckeditor5.CKEditor o global::mi-campo.",
   previewV4: "La vista previa de p\xE1gina completa solo existe en la distribuci\xF3n Strapi 5; estas opciones no tienen efecto en Strapi 4.",
   modeForm: "Campos",
   modeSplit: "Campos + p\xE1gina",
   modePreview: "Editor visual",
   previewPane: "Vista previa de la p\xE1gina",
   resize: "Redimensionar el panel de vista previa",
+  resizeHint: "Arrastra para redimensionar; doble clic vuelve a la mitad",
+  scrollToHovered: "Desplazarse al bloque resaltado",
   previewHelp: "Los cambios sin guardar aparecen en la vista previa. Haga clic en un bloque para abrir su formulario, en una imagen para abrir la Biblioteca multimedia, en un texto para editarlo.",
   previewNoUrl: "Sin URL de vista previa: def\xEDnala en Ajustes, Blockscene, o configure la Vista previa nativa de Strapi para este tipo de contenido.",
   previewFailed: "La vista previa no respondi\xF3 en 15 s. Si el frontend a\xFAn est\xE1 cargando, aparecer\xE1 sola; el formulario sigue utilizable.",
@@ -803,19 +1655,137 @@ var es_default = {
   diagInsertClose: "Insertar el cierre \xAB{expected}\xBB que falta despu\xE9s de la fila {n}",
   diagStrayHint: "Elimine el marcador hu\xE9rfano con la acci\xF3n de borrar de la propia fila, o mu\xE9valo despu\xE9s de una apertura.",
   modeGroup: "Modo de edici\xF3n",
+  undo: "Deshacer",
+  redo: "Rehacer",
+  historyGroup: "Historial de cambios",
   saveDisabledHint: "No hay cambios que guardar.",
   publishDisabledHint: "Publicaci\xF3n no disponible: guarde antes, corrija los errores del formulario o compruebe sus permisos.",
   countAll: "{count} bloques",
   countFiltered: "{shown} de {total}",
-  filterCategory: "Filtrar por categor\xEDa",
-  allCategories: "Todas las categor\xEDas",
   showFields: "Campos",
   showFieldsHint: "Mostrar la lista de campos en cada bloque",
   columns: "Columnas",
   noPreview: "sin vista previa",
   "templates.none": "Sin vista previa",
   noChanges: "Sin cambios pendientes",
-  rowPreview: "Abrir la vista previa de {label}"
+  rowPreview: "Abrir la vista previa de {label}",
+  deviceGroup: "Ancho de la vista previa",
+  "device.fit": "Ajustar",
+  "device.mobile": "M\xF3vil",
+  "device.tablet": "Tableta",
+  "device.desktop": "Escritorio",
+  contentTypes: "Tipos de contenido",
+  contentTypesHelp: 'La galer\xEDa, los acordeones y la vista previa de p\xE1gina funcionan en estos tipos de contenido (los que tienen una Dynamic Zone). Desactiva uno para dejar su edici\xF3n nativa. "Se abre en" define c\xF3mo empieza cada vista de edici\xF3n de ese tipo; quien edita puede cambiarlo mientras edita.',
+  typeMode: "Se abre en",
+  modeDefault: "Predeterminado ({mode})",
+  blockModalDone: "Listo",
+  crashed: "Blockscene se detuvo aqu\xED por un error. El editor nativo no se ve afectado. Si vuelve a pasar, desactiva Blockscene en Settings, Blockscene.",
+  sidebarLabel: "Campos de la p\xE1gina",
+  "nav.all": "Todos",
+  "nav.recent": "Usados recientemente",
+  "nav.starred": "Favoritos",
+  typologiesTitle: "Tipolog\xEDas",
+  collapseSidebar: "Contraer barra lateral",
+  expandSidebar: "Expandir barra lateral",
+  "filters.tags": "Etiquetas",
+  "filters.media": "Medios",
+  "filters.content": "Contenido",
+  clearAll: "Borrar todo",
+  removeFilter: "Quitar filtro {name}",
+  "typologies.hero": "Hero",
+  "typologies.text": "Texto",
+  "typologies.media": "Medios",
+  "typologies.listing": "Listado",
+  "typologies.cards": "Tarjetas",
+  "typologies.cta": "Llamada a la acci\xF3n",
+  "typologies.form": "Formulario",
+  "typologies.layout": "Dise\xF1o",
+  "facets.image": "Imagen",
+  "facets.video": "V\xEDdeo",
+  "facets.gallery": "Galer\xEDa",
+  "facets.richtext": "Texto enriquecido",
+  "facets.list": "Lista",
+  "facets.dynamic": "Din\xE1mico",
+  "facets.form": "Formulario",
+  star: "Marcar como favorito",
+  unstar: "Quitar de favoritos",
+  quickInsert: "Insertar {label}",
+  insert: "Insertar",
+  closeDetail: "Cerrar detalles",
+  typology: "Tipolog\xEDa",
+  typologyAuto: "Autom\xE1tica ({name})",
+  tags: "Etiquetas",
+  tagsHelp: "Separadas por comas, hasta 10 etiquetas de 24 caracteres. Se convierten en un filtro de la galer\xEDa.",
+  sidebarTitle: "Barra lateral del editor visual: {name}",
+  sidebarHelp: "Botones en un borde del editor visual. Cada uno abre algunos campos del propio documento en un caj\xF3n o un modal.",
+  sidebarPosition: "Posici\xF3n de la barra lateral",
+  "positions.left": "Izquierda",
+  "positions.right": "Derecha",
+  "positions.bottom": "Abajo",
+  sidebarItemLabel: "Etiqueta",
+  sidebarIcon: "Icono",
+  noIcon: "Sin icono",
+  "icons.text": "Texto",
+  "icons.tag": "Etiqueta",
+  "icons.seo": "SEO",
+  "icons.settings": "Ajustes",
+  "icons.image": "Imagen",
+  "icons.link": "Enlace",
+  "icons.palette": "Paleta",
+  "icons.list": "Lista",
+  "icons.globe": "Globo",
+  "icons.info": "Informaci\xF3n",
+  sidebarOpens: "Se abre como",
+  "opens.drawer": "Caj\xF3n",
+  "opens.modal": "Modal",
+  moveUp: "Subir",
+  moveDown: "Bajar",
+  sidebarRemove: "Quitar elemento",
+  sidebarFields: "Campos",
+  sidebarInvalid: "Pon una etiqueta al elemento (hasta 40 caracteres, sin < ni >) y elige al menos un campo.",
+  sidebarInvalidSave: "Corrige los elementos de la barra lateral marcados arriba antes de guardar.",
+  sidebarAdd: "A\xF1adir elemento",
+  sidebarLimit: "Hasta {max} elementos.",
+  restoreProject: "Restaurar valores del proyecto",
+  resetAll: "Restablecer valores predeterminados",
+  restoreProjectConfirm: "\xBFDescartar todos los ajustes guardados en esta p\xE1gina y volver a los valores del proyecto definidos en el c\xF3digo?",
+  resetAllConfirm: "\xBFDescartar todos los ajustes guardados en esta p\xE1gina y volver a los valores predeterminados?",
+  restored: "Valores restablecidos.",
+  blockPreview: "Vista previa en vivo del bloque",
+  livePreviewFailed: "Vista previa en vivo no disponible, se muestra la imagen.",
+  blockPreviewUrl: "URL de vista previa del bloque",
+  blockPreviewUrlHelp: "Opcional. Una p\xE1gina de su frontend que renderiza un solo bloque, mostrada en grande al hacer clic en una tarjeta de la galer\xEDa, p. ej. http://localhost:3026/es/block-preview/'{name}'/'{variant}'. Marcadores: '{uid}', '{name}' (tras el punto), '{category}' (antes del punto), '{variant}' (default), '{locale}'. Vac\xEDa usa la ruta de vista previa de p\xE1gina si existe; si no, la imagen.",
+  rowActions: "Acciones de {label}",
+  selectBlock: "Seleccionar {label}",
+  hiddenBadge: "Oculto",
+  hideBlock: "Ocultar {label} en el sitio",
+  showBlock: "Mostrar {label} en el sitio",
+  duplicateBlock: "Duplicar {label}",
+  copyBlock: "Copiar {label}",
+  confirmDeleteTitle: "Eliminar bloque",
+  confirmDelete: "\xBFEliminar el bloque {name}?",
+  confirmDeleteMarker: "Es un marcador de grupo: solo se elimina el marcador, no los bloques del grupo, y el grupo queda desequilibrado hasta corregirlo.",
+  delete: "Eliminar",
+  selectMode: "Seleccionar bloques para copiar",
+  copySelected: "Copiar seleccionados ({count})",
+  paste: "Pegar {count, plural, one {# bloque} other {# bloques}}",
+  pasted: "{count, plural, one {# bloque pegado} other {# bloques pegados}}.",
+  copied: "{count, plural, one {# bloque copiado} other {# bloques copiados}}. P\xE9galos en cualquier p\xE1gina de este sitio.",
+  copyFailed: "No se pudo copiar: el almacenamiento del navegador est\xE1 lleno o bloqueado.",
+  pasteNotAllowed: "No se peg\xF3 nada: \xAB{uid}\xBB no est\xE1 permitido en esta zona.",
+  pasteFull: "No se peg\xF3 nada: la zona no tiene espacio para {count} bloques m\xE1s.",
+  pasteUnbalanced: "No se peg\xF3 nada: los bloques copiados contienen un grupo incompleto.",
+  rowActionFailed: "No se pudo completar la acci\xF3n; el formulario no cambi\xF3.",
+  rowActionsTitle: "Acciones de los bloques",
+  confirmDeleteOption: "Confirmar antes de eliminar un bloque",
+  duplicateOption: "Mostrar \xABDuplicar\xBB en cada bloque",
+  clipboardOption: "Mostrar \xABCopiar\xBB y \xABPegar\xBB (entre p\xE1ginas)",
+  hiddenBlocks: "Bloques ocultos en el sitio",
+  "hiddenModes.strip": "Eliminados de la API de contenido",
+  "hiddenModes.flag": "Enviados con la marca (el frontend decide)",
+  "hiddenModes.off": "Desactivado (sin bot\xF3n de ocultar)",
+  hiddenBlocksHelp: "El ojo de cada bloque lo marca como oculto en el sitio. Eliminados: las lecturas de la API de contenido (REST, GraphQL) lo omiten; el admin siempre lo muestra. Marca: se env\xEDa con el atributo y el frontend decide.",
+  hiddenAttributeOff: "La configuraci\xF3n del plugin fija hiddenAttribute en false: no se pueden ocultar bloques."
 };
 
 // admin/translations/de.json
@@ -860,10 +1830,11 @@ var de_default = {
   "templates.faq": "FAQ",
   brokenMedia: "Das gew\xE4hlte Medium existiert nicht mehr; die n\xE4chste Quelle wird verwendet.",
   editor: "Editor-Einstellungen",
-  enabled: "Editor-Erweiterungen aktiv",
-  enabledHelp: "Aus stellt die native Auswahl und die Akkordeons wieder her. Diese Seite bleibt verf\xFCgbar, um sie wieder einzuschalten.",
+  enabled: "Blockscene aktiv",
+  enabledHelp: "Aus schaltet das ganze Plugin sofort ab, ohne Neustart: jede Bearbeitungsansicht ist wieder nativ und die Gruppenpr\xFCfung beim Ver\xF6ffentlichen stoppt. F\xFCr den Fall, dass in Produktion etwas schiefgeht.",
   showOpenAll: "\u201EAlle Bl\xF6cke \xF6ffnen\u201C anzeigen",
   showCloseAll: "\u201EAlle Bl\xF6cke schlie\xDFen\u201C anzeigen",
+  showRowThumbnails: "Blockvorschaubilder in den Zeilen anzeigen",
   initialState: "Anfangszustand der Akkordeons",
   "states.closed": "Alle geschlossen",
   "states.open": "Alle ge\xF6ffnet",
@@ -875,13 +1846,20 @@ var de_default = {
   "modes.form": "Felder",
   "modes.split": "Felder + Seite",
   "modes.preview": "Visueller Editor",
-  previewModeHelp: "Gilt beim \xD6ffnen eines Dokuments; jeder Redakteur kann den Modus wechseln und der Browser merkt sich die letzte Wahl.",
+  previewModeHelp: "Jede Bearbeitungsansicht \xF6ffnet in diesem Modus, au\xDFer ihr Inhaltstyp legt unten einen eigenen fest. Beim Bearbeiten l\xE4sst sich wechseln; der Wechsel wird nicht gespeichert.",
+  lazyEdit: "Zum Bearbeiten klicken",
+  lazyEditors: "Rich-Text-Editoren bei Bedarf laden",
+  lazyFields: "Bei Bedarf geladene benutzerdefinierte Felder",
+  lazyEditorsHelp: "Die aufgef\xFChrten benutzerdefinierten Felder zeigen eine schreibgesch\xFCtzte Vorschau, bis sie angeklickt oder fokussiert werden, damit gro\xDFe Seiten schnell \xF6ffnen. Uids durch Kommas trennen.",
+  lazyFieldsInvalid: "Bis zu {max} Uids benutzerdefinierter Felder verwenden, z. B. plugin::ckeditor5.CKEditor oder global::mein-feld.",
   previewV4: "Die Ganzseiten-Vorschau gibt es nur in der Strapi-5-Distribution; diese Optionen haben unter Strapi 4 keine Wirkung.",
   modeForm: "Felder",
   modeSplit: "Felder + Seite",
   modePreview: "Visueller Editor",
   previewPane: "Seitenvorschau",
   resize: "Vorschaubereich anpassen",
+  resizeHint: "Ziehen zum \xC4ndern der Gr\xF6\xDFe; Doppelklick setzt auf die H\xE4lfte zur\xFCck",
+  scrollToHovered: "Zum hervorgehobenen Block scrollen",
   previewHelp: "Ungespeicherte \xC4nderungen erscheinen in der Vorschau. Klicken Sie auf einen Block, um sein Formular zu \xF6ffnen, auf ein Bild f\xFCr die Medienbibliothek, auf einen Text, um ihn zu bearbeiten.",
   previewNoUrl: "Keine Vorschau-URL: in Einstellungen, Blockscene festlegen oder die native Strapi-Vorschau f\xFCr diesen Inhaltstyp konfigurieren.",
   previewFailed: "Die Vorschau hat innerhalb von 15 s nicht geantwortet. L\xE4dt das Frontend noch, erscheint sie von selbst; das Formular bleibt benutzbar.",
@@ -918,19 +1896,137 @@ var de_default = {
   diagInsertClose: "Fehlenden Schlie\xDFmarker \u201E{expected}\u201C nach Zeile {n} einf\xFCgen",
   diagStrayHint: "Entfernen Sie den verwaisten Marker \xFCber die L\xF6schaktion der Zeile oder verschieben Sie ihn hinter einen \xD6ffnungsmarker.",
   modeGroup: "Bearbeitungsmodus",
+  undo: "R\xFCckg\xE4ngig",
+  redo: "Wiederholen",
+  historyGroup: "Bearbeitungsverlauf",
   saveDisabledHint: "Keine ungespeicherten \xC4nderungen.",
   publishDisabledHint: "Ver\xF6ffentlichen nicht m\xF6glich: zuerst speichern, Formularfehler beheben oder Berechtigungen pr\xFCfen.",
   countAll: "{count} Bl\xF6cke",
   countFiltered: "{shown} von {total}",
-  filterCategory: "Nach Kategorie filtern",
-  allCategories: "Alle Kategorien",
   showFields: "Felder",
   showFieldsHint: "Feldliste auf jedem Block anzeigen",
   columns: "Spalten",
   noPreview: "keine Vorschau",
   "templates.none": "Keine Vorschau",
   noChanges: "Keine ungespeicherten \xC4nderungen",
-  rowPreview: "Vorschau von {label} \xF6ffnen"
+  rowPreview: "Vorschau von {label} \xF6ffnen",
+  deviceGroup: "Vorschaubreite",
+  "device.fit": "Anpassen",
+  "device.mobile": "Mobil",
+  "device.tablet": "Tablet",
+  "device.desktop": "Desktop",
+  contentTypes: "Inhaltstypen",
+  contentTypesHelp: "Galerie, Akkordeons und Seitenvorschau arbeiten auf diesen Inhaltstypen (denen mit einer Dynamic Zone). Schalte einen aus, um seine Bearbeitung nativ zu lassen. \u201E\xD6ffnet in\u201C bestimmt, wie jede Bearbeitungsansicht dieses Typs startet; beim Bearbeiten l\xE4sst sich weiter wechseln.",
+  typeMode: "\xD6ffnet in",
+  modeDefault: "Standard ({mode})",
+  blockModalDone: "Fertig",
+  crashed: "Blockscene wurde hier wegen eines Fehlers beendet. Der native Editor ist nicht betroffen. Passiert es erneut, schalte Blockscene unter Settings, Blockscene aus.",
+  sidebarLabel: "Seitenfelder",
+  "nav.all": "Alle",
+  "nav.recent": "Zuletzt verwendet",
+  "nav.starred": "Favoriten",
+  typologiesTitle: "Typologien",
+  collapseSidebar: "Seitenleiste einklappen",
+  expandSidebar: "Seitenleiste ausklappen",
+  "filters.tags": "Tags",
+  "filters.media": "Medien",
+  "filters.content": "Inhalt",
+  clearAll: "Alle entfernen",
+  removeFilter: "Filter {name} entfernen",
+  "typologies.hero": "Hero",
+  "typologies.text": "Text",
+  "typologies.media": "Medien",
+  "typologies.listing": "Auflistung",
+  "typologies.cards": "Karten",
+  "typologies.cta": "Call to Action",
+  "typologies.form": "Formular",
+  "typologies.layout": "Layout",
+  "facets.image": "Bild",
+  "facets.video": "Video",
+  "facets.gallery": "Galerie",
+  "facets.richtext": "Rich Text",
+  "facets.list": "Liste",
+  "facets.dynamic": "Dynamisch",
+  "facets.form": "Formular",
+  star: "Als Favorit markieren",
+  unstar: "Aus Favoriten entfernen",
+  quickInsert: "{label} einf\xFCgen",
+  insert: "Einf\xFCgen",
+  closeDetail: "Details schlie\xDFen",
+  typology: "Typologie",
+  typologyAuto: "Automatisch ({name})",
+  tags: "Tags",
+  tagsHelp: "Kommagetrennt, bis zu 10 Tags mit je 24 Zeichen. Sie werden zu einem Filter der Galerie.",
+  sidebarTitle: "Seitenleiste des visuellen Editors: {name}",
+  sidebarHelp: "Schaltfl\xE4chen an einem Rand des visuellen Editors. Jede \xF6ffnet einige Felder des Dokuments in einer Schublade oder einem Dialog.",
+  sidebarPosition: "Position der Seitenleiste",
+  "positions.left": "Links",
+  "positions.right": "Rechts",
+  "positions.bottom": "Unten",
+  sidebarItemLabel: "Beschriftung",
+  sidebarIcon: "Symbol",
+  noIcon: "Kein Symbol",
+  "icons.text": "Text",
+  "icons.tag": "Tag",
+  "icons.seo": "SEO",
+  "icons.settings": "Einstellungen",
+  "icons.image": "Bild",
+  "icons.link": "Link",
+  "icons.palette": "Palette",
+  "icons.list": "Liste",
+  "icons.globe": "Globus",
+  "icons.info": "Info",
+  sidebarOpens: "\xD6ffnet als",
+  "opens.drawer": "Schublade",
+  "opens.modal": "Dialog",
+  moveUp: "Nach oben",
+  moveDown: "Nach unten",
+  sidebarRemove: "Eintrag entfernen",
+  sidebarFields: "Felder",
+  sidebarInvalid: "Gib dem Eintrag eine Beschriftung (bis zu 40 Zeichen, ohne < oder >) und w\xE4hle mindestens ein Feld.",
+  sidebarInvalidSave: "Korrigiere die oben markierten Seitenleisteneintr\xE4ge vor dem Speichern.",
+  sidebarAdd: "Eintrag hinzuf\xFCgen",
+  sidebarLimit: "Bis zu {max} Eintr\xE4ge.",
+  restoreProject: "Projektstandards wiederherstellen",
+  resetAll: "Auf Standard zur\xFCcksetzen",
+  restoreProjectConfirm: "Alle auf dieser Seite gespeicherten Einstellungen verwerfen und zu den Projektstandards aus dem Code zur\xFCckkehren?",
+  resetAllConfirm: "Alle auf dieser Seite gespeicherten Einstellungen verwerfen und zu den Standardwerten zur\xFCckkehren?",
+  restored: "Standards wiederhergestellt.",
+  blockPreview: "Live-Vorschau des Blocks",
+  livePreviewFailed: "Live-Vorschau nicht verf\xFCgbar, das Bild wird angezeigt.",
+  blockPreviewUrl: "Block-Vorschau-URL",
+  blockPreviewUrlHelp: "Optional. Eine Seite Ihres Frontends, die einen einzelnen Block rendert und beim Klick auf eine Galeriekarte gro\xDF angezeigt wird, z. B. http://localhost:3026/de/block-preview/'{name}'/'{variant}'. Platzhalter: '{uid}', '{name}' (nach dem Punkt), '{category}' (vor dem Punkt), '{variant}' (default), '{locale}'. Leer verwendet die Seitenvorschau-Route, falls vorhanden, sonst das Bild.",
+  rowActions: "Aktionen f\xFCr {label}",
+  selectBlock: "{label} ausw\xE4hlen",
+  hiddenBadge: "Ausgeblendet",
+  hideBlock: "{label} auf der Website ausblenden",
+  showBlock: "{label} auf der Website anzeigen",
+  duplicateBlock: "{label} duplizieren",
+  copyBlock: "{label} kopieren",
+  confirmDeleteTitle: "Block l\xF6schen",
+  confirmDelete: "Block {name} l\xF6schen?",
+  confirmDeleteMarker: "Dies ist eine Gruppenmarkierung: Nur die Markierung wird entfernt, nicht die Bl\xF6cke der Gruppe, und die Gruppe bleibt unausgeglichen, bis sie korrigiert ist.",
+  delete: "L\xF6schen",
+  selectMode: "Bl\xF6cke zum Kopieren ausw\xE4hlen",
+  copySelected: "Auswahl kopieren ({count})",
+  paste: "{count, plural, one {# Block} other {# Bl\xF6cke}} einf\xFCgen",
+  pasted: "{count, plural, one {# Block eingef\xFCgt} other {# Bl\xF6cke eingef\xFCgt}}.",
+  copied: "{count, plural, one {# Block kopiert} other {# Bl\xF6cke kopiert}}. Auf jeder Seite dieser Website einf\xFCgbar.",
+  copyFailed: "Kopieren nicht m\xF6glich: Der Browserspeicher ist voll oder gesperrt.",
+  pasteNotAllowed: "Nichts eingef\xFCgt: \u201E{uid}\u201C ist in dieser Zone nicht erlaubt.",
+  pasteFull: "Nichts eingef\xFCgt: Die Zone hat keinen Platz f\xFCr {count} weitere Bl\xF6cke.",
+  pasteUnbalanced: "Nichts eingef\xFCgt: Die kopierten Bl\xF6cke enthalten eine unvollst\xE4ndige Gruppe.",
+  rowActionFailed: "Die Aktion konnte nicht ausgef\xFChrt werden; das Formular wurde nicht ge\xE4ndert.",
+  rowActionsTitle: "Block-Aktionen",
+  confirmDeleteOption: "Vor dem L\xF6schen eines Blocks nachfragen",
+  duplicateOption: "\u201EDuplizieren\u201C an jedem Block anzeigen",
+  clipboardOption: "\u201EKopieren\u201C und \u201EEinf\xFCgen\u201C anzeigen (seiten\xFCbergreifend)",
+  hiddenBlocks: "Auf der Website ausgeblendete Bl\xF6cke",
+  "hiddenModes.strip": "Aus der Content-API entfernt",
+  "hiddenModes.flag": "Mit Markierung gesendet (das Frontend entscheidet)",
+  "hiddenModes.off": "Aus (kein Ausblenden-Knopf)",
+  hiddenBlocksHelp: "Das Auge an jedem Block blendet ihn auf der Website aus. Entfernt: Lesezugriffe der Content-API (REST, GraphQL) lassen ihn weg, der Admin zeigt ihn immer. Markierung: Er wird mit dem Attribut gesendet und das Frontend entscheidet.",
+  hiddenAttributeOff: "Die Plugin-Konfiguration setzt hiddenAttribute auf false: Bl\xF6cke k\xF6nnen nicht ausgeblendet werden."
 };
 
 // admin/translations/it.json
@@ -975,10 +2071,11 @@ var it_default = {
   "templates.faq": "FAQ",
   brokenMedia: "Il media scelto non esiste pi\xF9; viene usata l'origine successiva.",
   editor: "Preferenze dell'editor",
-  enabled: "Miglioramenti dell'editor attivi",
-  enabledHelp: "Disattivato ripristina il selettore e le fisarmoniche native. Questa pagina resta disponibile per riattivarli.",
+  enabled: "Blockscene attivo",
+  enabledHelp: "Disattivato, l'intero plugin si ferma subito, senza riavvio: ogni vista di modifica torna nativa e il controllo dei gruppi alla pubblicazione si ferma. Da usare se qualcosa va storto in produzione.",
   showOpenAll: 'Mostra "Apri tutti i blocchi"',
   showCloseAll: 'Mostra "Chiudi tutti i blocchi"',
+  showRowThumbnails: "Mostra le miniature dei blocchi nelle righe",
   initialState: "Stato iniziale delle fisarmoniche",
   "states.closed": "Tutte chiuse",
   "states.open": "Tutte aperte",
@@ -990,13 +2087,20 @@ var it_default = {
   "modes.form": "Campi",
   "modes.split": "Campi + pagina",
   "modes.preview": "Editor visivo",
-  previewModeHelp: "Vale all'apertura di un documento; ogni redattore pu\xF2 cambiare modalit\xE0 e il browser ricorda l'ultima scelta.",
+  previewModeHelp: "Ogni vista di modifica si apre in questo modo, a meno che il suo tipo di contenuto ne imposti uno proprio qui sotto. Durante la modifica si pu\xF2 cambiare; la scelta non viene ricordata.",
+  lazyEdit: "Fai clic per modificare",
+  lazyEditors: "Carica gli editor di testo formattato su richiesta",
+  lazyFields: "Campi personalizzati caricati su richiesta",
+  lazyEditorsHelp: "I campi personalizzati elencati mostrano un'anteprima di sola lettura finch\xE9 non ricevono un clic o il focus, cos\xEC le pagine grandi si aprono in fretta. Separa gli uid con virgole.",
+  lazyFieldsInvalid: "Usa fino a {max} uid di campi personalizzati, come plugin::ckeditor5.CKEditor o global::mio-campo.",
   previewV4: "L'anteprima dell'intera pagina esiste solo nella distribuzione Strapi 5; queste opzioni non hanno effetto su Strapi 4.",
   modeForm: "Campi",
   modeSplit: "Campi + pagina",
   modePreview: "Editor visivo",
   previewPane: "Anteprima della pagina",
   resize: "Ridimensiona il pannello di anteprima",
+  resizeHint: "Trascina per ridimensionare; doppio clic per tornare a met\xE0",
+  scrollToHovered: "Scorri fino al blocco evidenziato",
   previewHelp: "Le modifiche non salvate compaiono nell'anteprima. Clicca un blocco per aprire il suo modulo, un'immagine per aprire la Libreria media, un testo per modificarlo.",
   previewNoUrl: "Nessun URL di anteprima: impostalo in Impostazioni, Blockscene, oppure configura l'Anteprima nativa di Strapi per questo tipo di contenuto.",
   previewFailed: "L'anteprima non ha risposto entro 15 s. Se il frontend sta ancora caricando, comparir\xE0 da sola; il modulo resta utilizzabile.",
@@ -1033,19 +2137,137 @@ var it_default = {
   diagInsertClose: 'Inserisci la chiusura "{expected}" mancante dopo la riga {n}',
   diagStrayHint: "Rimuovi il marcatore orfano con l'azione di eliminazione della riga, oppure spostalo dopo un'apertura.",
   modeGroup: "Modalit\xE0 di modifica",
+  undo: "Annulla",
+  redo: "Ripeti",
+  historyGroup: "Cronologia modifiche",
   saveDisabledHint: "Nessuna modifica da salvare.",
   publishDisabledHint: "Pubblicazione non disponibile: salva prima, correggi gli errori del modulo o verifica i permessi.",
   countAll: "{count} blocchi",
   countFiltered: "{shown} di {total}",
-  filterCategory: "Filtra per categoria",
-  allCategories: "Tutte le categorie",
   showFields: "Campi",
   showFieldsHint: "Mostra l\u2019elenco dei campi su ogni blocco",
   columns: "Colonne",
   noPreview: "nessuna anteprima",
   "templates.none": "Nessuna anteprima",
   noChanges: "Nessuna modifica in sospeso",
-  rowPreview: "Apri l\u2019anteprima di {label}"
+  rowPreview: "Apri l\u2019anteprima di {label}",
+  deviceGroup: "Larghezza dell'anteprima",
+  "device.fit": "Adatta",
+  "device.mobile": "Mobile",
+  "device.tablet": "Tablet",
+  "device.desktop": "Desktop",
+  contentTypes: "Tipi di contenuto",
+  contentTypesHelp: "La galleria, le fisarmoniche e l'anteprima di pagina funzionano su questi tipi di contenuto (quelli con una Dynamic Zone). Disattivane uno per lasciarne la modifica nativa. \xABSi apre in\xBB \xE8 il modo in cui parte ogni vista di modifica di quel tipo; durante la modifica si pu\xF2 sempre cambiare.",
+  typeMode: "Si apre in",
+  modeDefault: "Predefinito ({mode})",
+  blockModalDone: "Fatto",
+  crashed: "Blockscene si \xE8 fermato qui a causa di un errore. L'editor nativo non \xE8 toccato. Se succede di nuovo, disattiva Blockscene in Settings, Blockscene.",
+  sidebarLabel: "Campi della pagina",
+  "nav.all": "Tutti",
+  "nav.recent": "Usati di recente",
+  "nav.starred": "Preferiti",
+  typologiesTitle: "Tipologie",
+  collapseSidebar: "Comprimi barra laterale",
+  expandSidebar: "Espandi barra laterale",
+  "filters.tags": "Tag",
+  "filters.media": "Media",
+  "filters.content": "Contenuto",
+  clearAll: "Cancella tutto",
+  removeFilter: "Rimuovi filtro {name}",
+  "typologies.hero": "Hero",
+  "typologies.text": "Testo",
+  "typologies.media": "Media",
+  "typologies.listing": "Elenco",
+  "typologies.cards": "Card",
+  "typologies.cta": "Invito all'azione",
+  "typologies.form": "Modulo",
+  "typologies.layout": "Layout",
+  "facets.image": "Immagine",
+  "facets.video": "Video",
+  "facets.gallery": "Galleria",
+  "facets.richtext": "Testo formattato",
+  "facets.list": "Lista",
+  "facets.dynamic": "Dinamico",
+  "facets.form": "Modulo",
+  star: "Aggiungi ai preferiti",
+  unstar: "Rimuovi dai preferiti",
+  quickInsert: "Inserisci {label}",
+  insert: "Inserisci",
+  closeDetail: "Chiudi dettagli",
+  typology: "Tipologia",
+  typologyAuto: "Automatica ({name})",
+  tags: "Tag",
+  tagsHelp: "Separati da virgole, fino a 10 tag di 24 caratteri. Diventano un filtro della galleria.",
+  sidebarTitle: "Barra laterale dell'editor visivo: {name}",
+  sidebarHelp: "Pulsanti su un bordo dell'editor visivo. Ognuno apre alcuni campi del documento in un pannello laterale o in una finestra modale.",
+  sidebarPosition: "Posizione della barra laterale",
+  "positions.left": "Sinistra",
+  "positions.right": "Destra",
+  "positions.bottom": "In basso",
+  sidebarItemLabel: "Etichetta",
+  sidebarIcon: "Icona",
+  noIcon: "Nessuna icona",
+  "icons.text": "Testo",
+  "icons.tag": "Tag",
+  "icons.seo": "SEO",
+  "icons.settings": "Impostazioni",
+  "icons.image": "Immagine",
+  "icons.link": "Link",
+  "icons.palette": "Tavolozza",
+  "icons.list": "Elenco",
+  "icons.globe": "Globo",
+  "icons.info": "Info",
+  sidebarOpens: "Si apre come",
+  "opens.drawer": "Pannello laterale",
+  "opens.modal": "Finestra modale",
+  moveUp: "Sposta su",
+  moveDown: "Sposta gi\xF9",
+  sidebarRemove: "Rimuovi elemento",
+  sidebarFields: "Campi",
+  sidebarInvalid: "Dai un'etichetta all'elemento (fino a 40 caratteri, senza < o >) e scegli almeno un campo.",
+  sidebarInvalidSave: "Correggi gli elementi della barra laterale segnalati sopra prima di salvare.",
+  sidebarAdd: "Aggiungi elemento",
+  sidebarLimit: "Fino a {max} elementi.",
+  restoreProject: "Ripristina i valori del progetto",
+  resetAll: "Ripristina i valori predefiniti",
+  restoreProjectConfirm: "Scartare tutte le impostazioni salvate in questa pagina e tornare ai valori del progetto definiti nel codice?",
+  resetAllConfirm: "Scartare tutte le impostazioni salvate in questa pagina e tornare ai valori predefiniti?",
+  restored: "Valori ripristinati.",
+  blockPreview: "Anteprima dal vivo del blocco",
+  livePreviewFailed: "Anteprima dal vivo non disponibile, viene mostrata l'immagine.",
+  blockPreviewUrl: "URL di anteprima del blocco",
+  blockPreviewUrlHelp: "Facoltativo. Una pagina del tuo frontend che renderizza un singolo blocco, mostrata in grande quando si clicca una scheda della galleria, ad es. http://localhost:3026/it/block-preview/'{name}'/'{variant}'. Segnaposto: '{uid}', '{name}' (dopo il punto), '{category}' (prima del punto), '{variant}' (default), '{locale}'. Vuoto usa la route di anteprima pagina se esiste, altrimenti l'immagine.",
+  rowActions: "Azioni per {label}",
+  selectBlock: "Seleziona {label}",
+  hiddenBadge: "Nascosto",
+  hideBlock: "Nascondi {label} sul sito",
+  showBlock: "Mostra {label} sul sito",
+  duplicateBlock: "Duplica {label}",
+  copyBlock: "Copia {label}",
+  confirmDeleteTitle: "Elimina blocco",
+  confirmDelete: "Eliminare il blocco {name}?",
+  confirmDeleteMarker: "\xC8 un marcatore di gruppo: viene rimosso solo il marcatore, non i blocchi del gruppo, e il gruppo resta sbilanciato finch\xE9 non viene corretto.",
+  delete: "Elimina",
+  selectMode: "Seleziona i blocchi da copiare",
+  copySelected: "Copia selezionati ({count})",
+  paste: "Incolla {count, plural, one {# blocco} other {# blocchi}}",
+  pasted: "{count, plural, one {# blocco incollato} other {# blocchi incollati}}.",
+  copied: "{count, plural, one {# blocco copiato} other {# blocchi copiati}}. Incollali in qualsiasi pagina di questo sito.",
+  copyFailed: "Impossibile copiare: lo spazio del browser \xE8 pieno o bloccato.",
+  pasteNotAllowed: 'Nulla \xE8 stato incollato: "{uid}" non \xE8 consentito in questa zona.',
+  pasteFull: "Nulla \xE8 stato incollato: la zona non ha spazio per altri {count} blocchi.",
+  pasteUnbalanced: "Nulla \xE8 stato incollato: i blocchi copiati contengono un gruppo incompleto.",
+  rowActionFailed: "Impossibile completare l'azione; il modulo non \xE8 cambiato.",
+  rowActionsTitle: "Azioni dei blocchi",
+  confirmDeleteOption: "Chiedi conferma prima di eliminare un blocco",
+  duplicateOption: 'Mostra "Duplica" su ogni blocco',
+  clipboardOption: 'Mostra "Copia" e "Incolla" (tra pagine)',
+  hiddenBlocks: "Blocchi nascosti sul sito",
+  "hiddenModes.strip": "Rimossi dall'API dei contenuti",
+  "hiddenModes.flag": "Inviati con il flag (decide il frontend)",
+  "hiddenModes.off": "Disattivato (nessun pulsante nascondi)",
+  hiddenBlocksHelp: "L'occhio su ogni blocco lo segna come nascosto sul sito. Rimossi: le letture dell'API dei contenuti (REST, GraphQL) lo omettono, l'admin lo mostra sempre. Flag: viene inviato con l'attributo e decide il frontend.",
+  hiddenAttributeOff: "La configurazione del plugin imposta hiddenAttribute a false: i blocchi non possono essere nascosti."
 };
 
 // admin/translations/nl.json
@@ -1090,10 +2312,11 @@ var nl_default = {
   "templates.faq": "FAQ",
   brokenMedia: "Het gekozen medium bestaat niet meer; de volgende bron wordt gebruikt.",
   editor: "Editorvoorkeuren",
-  enabled: "Editorverbeteringen ingeschakeld",
-  enabledHelp: "Uit herstelt de native kiezer en accordeons. Deze pagina blijft beschikbaar om ze weer in te schakelen.",
+  enabled: "Blockscene aan",
+  enabledHelp: "Uit zet de hele plugin meteen uit, zonder herstart: elke bewerkweergave is weer native en de groepscontrole bij publiceren stopt. Gebruik dit als er in productie iets misgaat.",
   showOpenAll: '"Alle blokken openen" tonen',
   showCloseAll: '"Alle blokken sluiten" tonen',
+  showRowThumbnails: "Blokminiaturen in de rijen tonen",
   initialState: "Beginstand van de accordeons",
   "states.closed": "Alle gesloten",
   "states.open": "Alle open",
@@ -1105,13 +2328,20 @@ var nl_default = {
   "modes.form": "Velden",
   "modes.split": "Velden + pagina",
   "modes.preview": "Visuele editor",
-  previewModeHelp: "Geldt bij het openen van een document; elke redacteur kan van modus wisselen en de browser onthoudt de laatste keuze.",
+  previewModeHelp: "Elke bewerkweergave opent in deze modus, tenzij het contenttype hieronder een eigen modus instelt. Tijdens het bewerken kan je wisselen; die keuze wordt niet onthouden.",
+  lazyEdit: "Klik om te bewerken",
+  lazyEditors: "Rich-text-editors op aanvraag laden",
+  lazyFields: "Aangepaste velden die op aanvraag laden",
+  lazyEditorsHelp: "De vermelde aangepaste velden tonen een alleen-lezen voorbeeld tot ze worden aangeklikt of focus krijgen, zodat grote pagina's snel openen. Scheid uids met komma's.",
+  lazyFieldsInvalid: "Gebruik maximaal {max} uids van aangepaste velden, zoals plugin::ckeditor5.CKEditor of global::mijn-veld.",
   previewV4: "Het paginavoorbeeld bestaat alleen in de Strapi 5-distributie; deze opties hebben geen effect op Strapi 4.",
   modeForm: "Velden",
   modeSplit: "Velden + pagina",
   modePreview: "Visuele editor",
   previewPane: "Paginavoorbeeld",
   resize: "Voorbeeldpaneel aanpassen",
+  resizeHint: "Sleep om te wijzigen; dubbelklik zet terug op de helft",
+  scrollToHovered: "Naar het gemarkeerde blok scrollen",
   previewHelp: "Niet-opgeslagen wijzigingen verschijnen in het voorbeeld. Klik op een blok om het formulier te openen, op een afbeelding voor de Mediabibliotheek, op een tekst om die te bewerken.",
   previewNoUrl: "Geen voorbeeld-URL: stel die in bij Instellingen, Blockscene, of configureer Strapi's native Preview voor dit contenttype.",
   previewFailed: "Het voorbeeld antwoordde niet binnen 15 s. Als de frontend nog laadt, verschijnt het vanzelf; het formulier blijft bruikbaar.",
@@ -1148,19 +2378,137 @@ var nl_default = {
   diagInsertClose: 'Ontbrekende sluiting "{expected}" invoegen na rij {n}',
   diagStrayHint: "Verwijder de losse markering met de verwijderactie van de rij, of verplaats hem achter een opening.",
   modeGroup: "Bewerkmodus",
+  undo: "Ongedaan maken",
+  redo: "Opnieuw",
+  historyGroup: "Bewerkingsgeschiedenis",
   saveDisabledHint: "Geen niet-opgeslagen wijzigingen.",
   publishDisabledHint: "Publiceren niet beschikbaar: sla eerst op, herstel de fouten in het formulier of controleer uw rechten.",
   countAll: "{count} blokken",
   countFiltered: "{shown} van {total}",
-  filterCategory: "Filteren op categorie",
-  allCategories: "Alle categorie\xEBn",
   showFields: "Velden",
   showFieldsHint: "Veldenlijst op elk blok tonen",
   columns: "Kolommen",
   noPreview: "geen voorbeeld",
   "templates.none": "Geen voorbeeld",
   noChanges: "Geen niet-opgeslagen wijzigingen",
-  rowPreview: "Voorbeeld van {label} openen"
+  rowPreview: "Voorbeeld van {label} openen",
+  deviceGroup: "Voorbeeldbreedte",
+  "device.fit": "Passend",
+  "device.mobile": "Mobiel",
+  "device.tablet": "Tablet",
+  "device.desktop": "Desktop",
+  contentTypes: "Contenttypes",
+  contentTypesHelp: 'De galerij, accordeons en paginavoorbeeld werken op deze contenttypes (die met een Dynamic Zone). Zet er een uit om de bewerking native te laten. "Opent in" bepaalt hoe elke bewerkweergave van dat type start; tijdens het bewerken kan je nog wisselen.',
+  typeMode: "Opent in",
+  modeDefault: "Standaard ({mode})",
+  blockModalDone: "Klaar",
+  crashed: "Blockscene is hier gestopt door een fout. De native editor blijft werken. Gebeurt het opnieuw, zet Blockscene uit in Settings, Blockscene.",
+  sidebarLabel: "Paginavelden",
+  "nav.all": "Alle",
+  "nav.recent": "Recent gebruikt",
+  "nav.starred": "Favorieten",
+  typologiesTitle: "Typologie\xEBn",
+  collapseSidebar: "Zijbalk inklappen",
+  expandSidebar: "Zijbalk uitklappen",
+  "filters.tags": "Tags",
+  "filters.media": "Media",
+  "filters.content": "Inhoud",
+  clearAll: "Alles wissen",
+  removeFilter: "Filter {name} verwijderen",
+  "typologies.hero": "Hero",
+  "typologies.text": "Tekst",
+  "typologies.media": "Media",
+  "typologies.listing": "Overzicht",
+  "typologies.cards": "Kaarten",
+  "typologies.cta": "Call-to-action",
+  "typologies.form": "Formulier",
+  "typologies.layout": "Lay-out",
+  "facets.image": "Afbeelding",
+  "facets.video": "Video",
+  "facets.gallery": "Galerij",
+  "facets.richtext": "Opgemaakte tekst",
+  "facets.list": "Lijst",
+  "facets.dynamic": "Dynamisch",
+  "facets.form": "Formulier",
+  star: "Als favoriet markeren",
+  unstar: "Uit favorieten verwijderen",
+  quickInsert: "{label} invoegen",
+  insert: "Invoegen",
+  closeDetail: "Details sluiten",
+  typology: "Typologie",
+  typologyAuto: "Automatisch ({name})",
+  tags: "Tags",
+  tagsHelp: "Kommagescheiden, tot 10 tags van 24 tekens. Ze worden een filter in de galerij.",
+  sidebarTitle: "Zijbalk van de visuele editor: {name}",
+  sidebarHelp: "Knoppen aan een rand van de visuele editor. Elke knop opent enkele velden van het document in een lade of een venster.",
+  sidebarPosition: "Positie van de zijbalk",
+  "positions.left": "Links",
+  "positions.right": "Rechts",
+  "positions.bottom": "Onder",
+  sidebarItemLabel: "Label",
+  sidebarIcon: "Pictogram",
+  noIcon: "Geen pictogram",
+  "icons.text": "Tekst",
+  "icons.tag": "Tag",
+  "icons.seo": "SEO",
+  "icons.settings": "Instellingen",
+  "icons.image": "Afbeelding",
+  "icons.link": "Link",
+  "icons.palette": "Palet",
+  "icons.list": "Lijst",
+  "icons.globe": "Wereldbol",
+  "icons.info": "Info",
+  sidebarOpens: "Opent als",
+  "opens.drawer": "Lade",
+  "opens.modal": "Venster",
+  moveUp: "Omhoog",
+  moveDown: "Omlaag",
+  sidebarRemove: "Item verwijderen",
+  sidebarFields: "Velden",
+  sidebarInvalid: "Geef het item een label (maximaal 40 tekens, zonder < of >) en kies minstens \xE9\xE9n veld.",
+  sidebarInvalidSave: "Herstel de hierboven gemarkeerde zijbalkitems voordat je opslaat.",
+  sidebarAdd: "Item toevoegen",
+  sidebarLimit: "Maximaal {max} items.",
+  restoreProject: "Projectstandaarden herstellen",
+  resetAll: "Standaardwaarden herstellen",
+  restoreProjectConfirm: "Alle op deze pagina opgeslagen instellingen verwerpen en teruggaan naar de projectstandaarden uit de code?",
+  resetAllConfirm: "Alle op deze pagina opgeslagen instellingen verwerpen en teruggaan naar de standaardwaarden?",
+  restored: "Standaardwaarden hersteld.",
+  blockPreview: "Livevoorbeeld van het blok",
+  livePreviewFailed: "Livevoorbeeld niet beschikbaar, de afbeelding wordt getoond.",
+  blockPreviewUrl: "URL van blokvoorbeeld",
+  blockPreviewUrlHelp: "Optioneel. Een pagina van uw frontend die \xE9\xE9n blok rendert, groot getoond wanneer op een galerijkaart wordt geklikt, bijv. http://localhost:3026/nl/block-preview/'{name}'/'{variant}'. Plaatshouders: '{uid}', '{name}' (na de punt), '{category}' (voor de punt), '{variant}' (default), '{locale}'. Leeg gebruikt de paginavoorbeeldroute als die er is, anders de afbeelding.",
+  rowActions: "Acties voor {label}",
+  selectBlock: "{label} selecteren",
+  hiddenBadge: "Verborgen",
+  hideBlock: "{label} op de site verbergen",
+  showBlock: "{label} op de site tonen",
+  duplicateBlock: "{label} dupliceren",
+  copyBlock: "{label} kopi\xEBren",
+  confirmDeleteTitle: "Blok verwijderen",
+  confirmDelete: "Blok {name} verwijderen?",
+  confirmDeleteMarker: "Dit is een groepsmarkering: alleen de markering wordt verwijderd, niet de blokken in de groep, en de groep blijft onevenwichtig tot hij hersteld is.",
+  delete: "Verwijderen",
+  selectMode: "Blokken selecteren om te kopi\xEBren",
+  copySelected: "Selectie kopi\xEBren ({count})",
+  paste: "{count, plural, one {# blok} other {# blokken}} plakken",
+  pasted: "{count, plural, one {# blok geplakt} other {# blokken geplakt}}.",
+  copied: "{count, plural, one {# blok gekopieerd} other {# blokken gekopieerd}}. Plak ze op elke pagina van deze site.",
+  copyFailed: "Kopi\xEBren mislukt: de browseropslag is vol of geblokkeerd.",
+  pasteNotAllowed: 'Er is niets geplakt: "{uid}" is niet toegestaan in deze zone.',
+  pasteFull: "Er is niets geplakt: de zone heeft geen ruimte voor nog {count} blokken.",
+  pasteUnbalanced: "Er is niets geplakt: de gekopieerde blokken bevatten een onvolledige groep.",
+  rowActionFailed: "De actie kon niet worden uitgevoerd; het formulier is niet gewijzigd.",
+  rowActionsTitle: "Blokacties",
+  confirmDeleteOption: "Bevestigen voordat een blok wordt verwijderd",
+  duplicateOption: '"Dupliceren" op elk blok tonen',
+  clipboardOption: `"Kopi\xEBren" en "Plakken" tonen (tussen pagina's)`,
+  hiddenBlocks: "Op de site verborgen blokken",
+  "hiddenModes.strip": "Verwijderd uit de content-API",
+  "hiddenModes.flag": "Verzonden met de markering (de frontend beslist)",
+  "hiddenModes.off": "Uit (geen verbergknop)",
+  hiddenBlocksHelp: "Het oog op elk blok markeert het als verborgen op de site. Verwijderd: leesverzoeken van de content-API (REST, GraphQL) laten het weg, de admin toont het altijd. Markering: het wordt met het attribuut verzonden en de frontend beslist.",
+  hiddenAttributeOff: "De pluginconfiguratie zet hiddenAttribute op false: blokken kunnen niet verborgen worden."
 };
 
 // admin/messages.ts
@@ -1184,12 +2532,12 @@ function useMessages() {
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ATTR = "data-blockscene-row-thumb";
 function useAnchors(zones, onOpen) {
-  const [anchors, setAnchors] = React.useState([]);
-  const open = React.useRef(onOpen);
+  const [anchors, setAnchors] = React2.useState([]);
+  const open = React2.useRef(onOpen);
   open.current = onOpen;
-  const latest = React.useRef(zones);
+  const latest = React2.useRef(zones);
   latest.current = zones;
-  const sync = React.useRef(() => {
+  const sync = React2.useRef(() => {
   });
   sync.current = () => {
     const next = [];
@@ -1235,22 +2583,22 @@ function useAnchors(zones, onOpen) {
       (prev) => prev.length === next.length && prev.every((a, i) => a.el === next[i].el && a.uid === next[i].uid) ? prev : next
     );
   };
-  React.useEffect(() => {
+  React2.useEffect(() => {
     sync.current();
   });
-  React.useEffect(() => {
-    let frame = 0;
+  React2.useEffect(() => {
+    let frame2 = 0;
     const observer = new MutationObserver(() => {
-      if (frame) return;
-      frame = requestAnimationFrame(() => {
-        frame = 0;
+      if (frame2) return;
+      frame2 = requestAnimationFrame(() => {
+        frame2 = 0;
         sync.current();
       });
     });
     observer.observe(document.body, { childList: true, subtree: true });
     return () => {
       observer.disconnect();
-      cancelAnimationFrame(frame);
+      cancelAnimationFrame(frame2);
       for (const el of document.querySelectorAll(`[${ATTR}]`)) el.remove();
     };
   }, []);
@@ -1258,13 +2606,13 @@ function useAnchors(zones, onOpen) {
 }
 function RowPreviews({ zones, components, catalog, Modal: Modal2 }) {
   const t = useMessages();
-  const [resolved, setResolved] = React.useState({});
-  const [open, setOpen] = React.useState(null);
+  const [resolved, setResolved] = React2.useState({});
+  const [open, setOpen] = React2.useState(null);
   const anchors = useAnchors(zones, (uid) => setOpen(uid));
   const candidates = (uid) => candidatesFor(uid, catalog?.components?.[uid] || {}, catalog || {});
   const label = (uid) => catalog?.components?.[uid]?.label || components?.[uid]?.info?.displayName || uid;
   const srcOf = (uid) => candidates(uid)[resolved[uid] ?? -1] || "";
-  React.useEffect(() => {
+  React2.useEffect(() => {
     for (const { el, uid } of anchors) {
       if (srcOf(uid)) {
         el.setAttribute("role", "button");
@@ -1332,9 +2680,469 @@ function RowPreviews({ zones, components, catalog, Modal: Modal2 }) {
   ] });
 }
 
-// admin/Gallery.tsx
+// admin/RowActions.tsx
+var React3 = __toESM(require("react"));
+var import_react_dom2 = require("react-dom");
+var import_styled_components2 = __toESM(require("styled-components"));
+var import_design_system = require("@strapi/design-system");
+
+// admin/rows.mjs
+var import_fractional_indexing2 = require("fractional-indexing");
+var import_groups2 = __toESM(require_groups(), 1);
+var actionRange = (rows, index, groups) => groups && (0, import_groups2.isOpener)(rows[index], groups) ? (0, import_groups2.groupRange)(rows, index, groups) : [index, index];
+function expandSelection(rows, indexes, groups) {
+  const out = /* @__PURE__ */ new Set();
+  for (const index of indexes) {
+    if (!rows[index]) continue;
+    const [start, end] = actionRange(rows, index, groups);
+    for (let i = start; i <= end; i++) out.add(i);
+  }
+  return [...out].sort((a, b) => a - b);
+}
+var canAct = (row, groups) => !(groups && (0, import_groups2.isClose)(row, groups));
+var isGroupMarker = (row, groups) => Boolean(groups) && ((0, import_groups2.isOpener)(row, groups) || (0, import_groups2.isClose)(row, groups));
+var copy = (value) => {
+  try {
+    return structuredClone(value);
+  } catch {
+    return JSON.parse(JSON.stringify(value));
+  }
+};
+function cloneRow(row, components, { relation } = {}) {
+  const walk = (value, schema, path) => {
+    const out = {};
+    for (const [key, item] of Object.entries(value || {})) {
+      if (key === "id" || key === "documentId") continue;
+      const attr = schema?.attributes?.[key];
+      if (attr?.type === "component" && item) {
+        const child = components?.[attr.component];
+        out[key] = attr.repeatable ? (Array.isArray(item) ? item : []).map((entry, i) => walk(entry, child, [...path, key, i])) : walk(item, child, [...path, key]);
+      } else if (attr?.type === "relation" && relation) out[key] = relation(item, attr, [...path, key]);
+      else out[key] = copy(item);
+    }
+    return out;
+  };
+  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);
+}
+var insertRows = (rows, at, items, keys) => [
+  ...rows.slice(0, at),
+  ...items.map((item, i) => ({ ...item, __temp_key__: keys[i] })),
+  ...rows.slice(at)
+];
+function setHidden(rows, index, groups, name, value) {
+  const [start, end] = actionRange(rows, index, groups);
+  return rows.map((row, i) => i >= start && i <= end ? { ...row, [name]: value } : row);
+}
+var CLIPBOARD_KEY = "blockscene:clipboard:v1";
+var MAX_ROWS = 200;
+function readClip(storage3) {
+  try {
+    const clip = JSON.parse(storage3?.getItem(CLIPBOARD_KEY) || "null");
+    return clip && clip.v === 1 && Array.isArray(clip.rows) && clip.rows.length > 0 && clip.rows.length <= MAX_ROWS && clip.rows.every((row) => row && typeof row.__component === "string") ? clip : null;
+  } catch {
+    return null;
+  }
+}
+function writeClip(storage3, { rows, model, locale, zone }) {
+  try {
+    if (!rows.length || rows.length > MAX_ROWS) return false;
+    storage3.setItem(CLIPBOARD_KEY, JSON.stringify({ v: 1, model, locale: locale || "", zone, at: Date.now(), rows }));
+    return true;
+  } catch {
+    return false;
+  }
+}
+function pasteProblem(clip, zone, rows, components, groups) {
+  if (!clip?.rows?.length) return { code: "empty" };
+  const bad = clip.rows.find((row) => !zone?.components?.includes(row.__component) || !components?.[row.__component]);
+  if (bad) return { code: "notAllowed", uid: bad.__component };
+  if ((rows?.length || 0) + clip.rows.length > (zone.max ?? Infinity)) return { code: "full" };
+  if (groups && (0, import_groups2.validateGroups)(clip.rows, groups).length) return { code: "unbalanced" };
+  return null;
+}
+
+// admin/icons.tsx
+var import_styled_components = __toESM(require("styled-components"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Columns = import_styled_components.default.div`
+var PATHS = {
+  text: "M5 6V4h14v2M12 4v16M9 20h6",
+  tag: "M3 12V4h8l10 10-8 8L3 12zM7.5 7.5h.01",
+  seo: "M11 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14zM20 20l-4-4",
+  settings: "M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1",
+  image: "M4 5h16v14H4zM4 16l5-5 4 4 3-3 4 4M15.5 9.5h.01",
+  link: "M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1",
+  palette: "M12 3a9 9 0 1 0 0 18c1 0 1.5-.7 1.5-1.5 0-1.2-1-1.5-1-2.5s.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.1-4-7.5-9-7.5zM7.5 11h.01M10 7h.01M15 7h.01",
+  list: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01",
+  globe: "M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM3 12h18M12 3c2.5 2.5 3.7 5.5 3.7 9s-1.2 6.5-3.7 9c-2.5-2.5-3.7-5.5-3.7-9S9.5 5.5 12 3z",
+  info: "M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 11v6M12 7.5h.01",
+  // Toolbar icons (not offered for sidebar items).
+  split: "M3 4h18v16H3zM12 4v16",
+  eye: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12zM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z",
+  fit: "M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5",
+  mobile: "M8 3h8v18H8zM11.5 18h1",
+  tablet: "M5 3h14v18H5zM11.5 18h1",
+  desktop: "M3 4h18v12H3zM8 20h8M12 16v4",
+  expand: "M7 7l5 5 5-5M7 13l5 5 5-5",
+  collapse: "M7 17l5-5 5 5M7 11l5-5 5 5",
+  undo: "M9 14L4 9l5-5M4 9h10.5a5.5 5.5 0 0 1 0 11H11",
+  redo: "M15 14l5-5-5-5M20 9H9.5a5.5 5.5 0 0 0 0 11H13",
+  // Gallery: navigation, card actions and typologies (text, media, listing and cta reuse text, image, list and link).
+  grid: "M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z",
+  clock: "M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7v5l3 2",
+  star: "M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3 6.4 20.2l1.1-6.2L3 9.6l6.2-.9L12 3z",
+  plus: "M12 5v14M5 12h14",
+  close: "M6 6l12 12M18 6L6 18",
+  chevron: "M6 9l6 6 6-6",
+  // Settings: sidebar item order.
+  up: "M12 19V5M6 11l6-6 6 6",
+  down: "M12 5v14M6 13l6 6 6-6",
+  sidebar: "M3 4h18v16H3zM9 4v16",
+  hero: "M3 4h18v10H3zM7 18h10M9 21h6",
+  cards: "M3 5h8v14H3zM13 5h8v14h-8z",
+  form: "M4 4h16v16H4zM8 9h8M8 13h8M8 17h4",
+  layout: "M3 4h18v16H3zM3 10h18M12 10v10",
+  // Row actions.
+  eyeOff: "M3 3l18 18M10.6 5.1A10 10 0 0 1 12 5c6.5 0 10 7 10 7a17 17 0 0 1-3.1 4M6.6 6.6C3.9 8.4 2 12 2 12s3.5 7 10 7c1.9 0 3.6-.6 5-1.5M9.9 9.9a3 3 0 0 0 4.2 4.2",
+  duplicate: "M8 8h12v12H8zM4 16V4h12",
+  clipboard: "M9 3h6v3H9zM7 4.5H5v16h14v-16h-2",
+  paste: "M9 3h6v3H9zM7 4.5H5v16h14v-16h-2M12 10v7M9 14l3 3 3-3",
+  select: "M4 4h16v16H4zM8 12l3 3 5-6"
+};
+function Icon({ name, size = 18, filled }) {
+  const d = PATHS[name];
+  if (!d) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d }) });
+}
+var ToolButton = import_styled_components.default.button`
+  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0;
+  border: 1px solid ${({ theme }) => theme.colors.neutral200}; border-radius: 4px; cursor: pointer;
+  color: ${({ theme, $active }) => $active ? theme.colors.primary600 : theme.colors.neutral700};
+  background: ${({ theme, $active }) => $active ? theme.colors.primary100 : theme.colors.neutral0};
+  &:hover:not(:disabled) { background: ${({ theme, $active }) => $active ? theme.colors.primary100 : theme.colors.neutral100}; }
+  &:disabled { opacity: 0.4; cursor: default; }
+  &:focus-visible { outline: 2px solid ${({ theme }) => theme.colors.primary600}; outline-offset: 1px; }
+`;
+var Tool = ({ icon, label, active, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ToolButton, { type: "button", "aria-label": label, title: label, $active: active, ...active !== void 0 ? { "aria-pressed": active } : {}, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: icon }) });
+
+// admin/RowActions.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ATTR2 = "data-blockscene-row-actions";
+var HIDDEN_ATTR = "data-blockscene-hidden";
+var CLIP_EVENT = "blockscene:clipboard";
+var storage = () => {
+  try {
+    return window.localStorage;
+  } catch {
+    return null;
+  }
+};
+function useClipboard() {
+  const [clip, setClip] = React3.useState(() => readClip(storage()));
+  React3.useEffect(() => {
+    const sync = (event) => {
+      if (!event?.key || event.key === CLIPBOARD_KEY) setClip(readClip(storage()));
+    };
+    window.addEventListener("storage", sync);
+    window.addEventListener(CLIP_EVENT, sync);
+    return () => {
+      window.removeEventListener("storage", sync);
+      window.removeEventListener(CLIP_EVENT, sync);
+    };
+  }, []);
+  return clip;
+}
+var storeClip = (data) => {
+  const ok = writeClip(storage(), data);
+  if (ok) window.dispatchEvent(new Event(CLIP_EVENT));
+  return ok;
+};
+function pasteInto(form, zone, clip, components, groups, t, at) {
+  const rows = form.rows(zone.name);
+  const problem = pasteProblem(clip, zone, rows, components, groups);
+  if (problem) {
+    form.notify("warning", t.f(
+      problem.code === "notAllowed" ? "pasteNotAllowed" : problem.code === "full" ? "pasteFull" : "pasteUnbalanced",
+      { uid: problem.uid || "", count: clip?.rows?.length || 0 }
+    ));
+    return false;
+  }
+  const index = at ?? rows.length;
+  form.setRows(zone.name, insertRows(rows, index, clip.rows, form.keys(rows, index, clip.rows.length)));
+  form.notify("success", t.f("pasted", { count: clip.rows.length }));
+  return true;
+}
+var actionsOf = (toggle) => toggle.nextElementSibling;
+var trashOf = (toggle) => [...actionsOf(toggle)?.querySelectorAll("button") || []].find((b) => !b.closest(`[${ATTR2}]`)) || null;
+function useAnchors2(zones, enabled) {
+  const [anchors, setAnchors] = React3.useState([]);
+  const latest = React3.useRef(zones);
+  latest.current = zones;
+  const sync = React3.useRef(() => {
+  });
+  sync.current = () => {
+    const next = [];
+    if (enabled)
+      for (const zone of latest.current) {
+        const list = zone.count ? findZoneList(zone.label) : null;
+        if (!list) continue;
+        toggles(list).forEach((toggle, index) => {
+          const trash = trashOf(toggle);
+          if (!trash || index >= zone.count) return;
+          const holder = trash.parentElement !== actionsOf(toggle) && trash.parentElement?.children.length === 1 ? trash.parentElement : trash;
+          let el = holder.parentElement?.querySelector(`:scope > [${ATTR2}]`);
+          if (!el) {
+            el = document.createElement("span");
+            el.setAttribute(ATTR2, "");
+            el.style.cssText = "display:inline-flex;align-items:center";
+            holder.parentElement?.insertBefore(el, holder);
+          }
+          next.push({ el, zone: zone.name, index });
+        });
+      }
+    for (const el of document.querySelectorAll(`[${ATTR2}]`)) if (!next.some((a) => a.el === el)) el.remove();
+    setAnchors(
+      (prev) => prev.length === next.length && prev.every((a, i) => a.el === next[i].el && a.zone === next[i].zone && a.index === next[i].index) ? prev : next
+    );
+  };
+  React3.useEffect(() => {
+    sync.current();
+  });
+  React3.useEffect(() => {
+    let frame2 = 0;
+    const observer = new MutationObserver(() => {
+      if (!frame2) frame2 = requestAnimationFrame(() => {
+        frame2 = 0;
+        sync.current();
+      });
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+      cancelAnimationFrame(frame2);
+      for (const el of document.querySelectorAll(`[${ATTR2}]`)) el.remove();
+      for (const el of document.querySelectorAll(`[${HIDDEN_ATTR}]`)) el.removeAttribute(HIDDEN_ATTR);
+    };
+  }, []);
+  return anchors;
+}
+function useRowActions({ zones, components, catalog, form }) {
+  const t = useMessages();
+  const clip = useClipboard();
+  const [selection, setSelection] = React3.useState(null);
+  const [busy, setBusy] = React3.useState(false);
+  if (!form) return null;
+  const editor = catalog?.editor || {};
+  const groups = catalog?.groups || null;
+  const hiddenName = editor.hiddenBlocks !== "off" ? catalog?.hiddenAttribute || null : null;
+  const zoneOf = (name) => zones.find((z) => z.name === name);
+  const labelOf = (row) => catalog?.components?.[row?.__component]?.label || components?.[row?.__component]?.info?.displayName || row?.__component || "";
+  const run = async (fn) => {
+    if (busy) return;
+    setBusy(true);
+    try {
+      await fn();
+    } catch {
+      form.notify("warning", t.rowActionFailed);
+    } finally {
+      setBusy(false);
+    }
+  };
+  const duplicate = (zoneName, index) => run(async () => {
+    const zone = zoneOf(zoneName);
+    const rows = form.rows(zoneName);
+    const key = blockKey(rows[index]);
+    const [start, end] = actionRange(rows, index, groups);
+    if (rows.length + end - start + 1 > (zone?.max ?? Infinity)) return form.notify("warning", t.zoneFull);
+    const items = await form.prepare(rows.slice(start, end + 1));
+    const now = form.rows(zoneName);
+    const at = now.findIndex((row) => blockKey(row) === key);
+    if (at < 0) return;
+    const after = actionRange(now, at, groups)[1] + 1;
+    form.setRows(zoneName, insertRows(now, after, items, form.keys(now, after, items.length)));
+  });
+  const copy2 = (zoneName, keys) => run(async () => {
+    const rows = form.rows(zoneName);
+    const indexes = expandSelection(rows, keys.map((key) => rows.findIndex((row) => blockKey(row) === key)), groups);
+    if (!indexes.length) return;
+    const items = await form.prepare(indexes.map((i) => rows[i]));
+    if (!storeClip({ rows: items, model: form.model, locale: form.locale, zone: zoneName })) return form.notify("warning", t.copyFailed);
+    setSelection(null);
+    form.notify("success", t.f("copied", { count: items.length }));
+  });
+  const toggleHidden = (zoneName, index) => {
+    const rows = form.rows(zoneName);
+    if (hiddenName) form.setRows(zoneName, setHidden(rows, index, groups, hiddenName, rows[index]?.[hiddenName] !== true));
+  };
+  const paste = (zoneName, at) => pasteInto(form, zoneOf(zoneName), clip, components, groups, t, at);
+  return { t, editor, groups, hiddenName, clip, selection, setSelection, busy, form, labelOf, duplicate, copy: copy2, toggleHidden, paste, isMarker: (row) => isGroupMarker(row, groups) };
+}
+var RowButton = import_styled_components2.default.button`
+  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0;
+  border-radius: 4px; cursor: pointer; background: transparent;
+  color: ${({ theme, $on }) => $on ? theme.colors.warning600 : theme.colors.neutral500};
+  &:hover:not(:disabled) { background: ${({ theme }) => theme.colors.neutral100}; color: ${({ theme }) => theme.colors.neutral800}; }
+  &:disabled { opacity: 0.4; cursor: default; }
+  &:focus-visible { outline: 2px solid ${({ theme }) => theme.colors.primary600}; outline-offset: -2px; }
+`;
+var HiddenBadge = import_styled_components2.default.span`
+  margin-right: 4px; padding: 1px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; line-height: 16px;
+  text-transform: uppercase; letter-spacing: 0.04em;
+  color: ${({ theme }) => theme.colors.warning700}; background: ${({ theme }) => theme.colors.warning100};
+`;
+function RowActions({ zones, actions, Modal: Modal2 }) {
+  const a = actions;
+  const e = a?.editor || {};
+  const anchors = useAnchors2(zones, Boolean(a) && Boolean(a.hiddenName || e.duplicate !== false || e.clipboard !== false || a.selection));
+  const [confirm, setConfirm] = React3.useState(null);
+  const bypass = React3.useRef(false);
+  const latest = React3.useRef({ zones, a });
+  latest.current = { zones, a };
+  React3.useEffect(() => {
+    if (!a || e.confirmDelete === false) return;
+    const onClick = (event) => {
+      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 index = headers.findIndex((toggle) => trashOf(toggle) === button);
+        if (index < 0) return;
+        event.preventDefault();
+        event.stopPropagation();
+        const row = latest.current.a?.form.rows(zone.name)[index];
+        setConfirm({ button, label: headers[index].textContent?.trim() || latest.current.a?.labelOf(row), marker: Boolean(latest.current.a?.isMarker(row)) });
+        return;
+      }
+    };
+    document.addEventListener("click", onClick, true);
+    return () => document.removeEventListener("click", onClick, true);
+  }, [Boolean(a), e.confirmDelete]);
+  React3.useEffect(() => {
+    if (!a) return;
+    for (const { el, zone, index } of anchors) {
+      const li = el.closest("li");
+      const hidden = Boolean(a.hiddenName) && a.form.rows(zone)[index]?.[a.hiddenName] === true;
+      if (li) hidden ? li.setAttribute(HIDDEN_ATTR, "") : li.removeAttribute(HIDDEN_ATTR);
+    }
+  });
+  if (!a) return null;
+  const { t } = a;
+  const confirmDelete = () => {
+    const target = confirm?.button;
+    setConfirm(null);
+    if (!target?.isConnected) return;
+    bypass.current = true;
+    try {
+      target.click();
+    } finally {
+      bypass.current = false;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: `li[${HIDDEN_ATTR}] button[aria-expanded] { opacity: 0.5; }` }),
+    anchors.map(({ el, zone, index }) => {
+      const row = a.form.rows(zone)[index];
+      if (!row) return null;
+      const label = a.labelOf(row);
+      const acts = canAct(row, a.groups);
+      const hidden = Boolean(a.hiddenName) && row[a.hiddenName] === true;
+      const key = blockKey(row) || "";
+      const selecting = a.selection?.zone === zone;
+      return (0, import_react_dom2.createPortal)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system.Flex, { gap: 0, alignItems: "center", "data-testid": `row-actions-${zone}-${index}`, role: "group", "aria-label": t.f("rowActions", { label }), children: [
+          selecting && acts && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": t.f("selectBlock", { label }),
+              "data-testid": `row-select-${zone}-${index}`,
+              style: { margin: "0 8px", width: 16, height: 16 },
+              checked: a.selection.keys.includes(key),
+              onChange: (event) => a.setSelection({ zone, keys: event.target.checked ? [...a.selection.keys, key] : a.selection.keys.filter((k) => k !== key) })
+            }
+          ),
+          hidden && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HiddenBadge, { "data-testid": `row-hidden-${zone}-${index}`, children: t.hiddenBadge }),
+          a.hiddenName && (acts || hidden) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            RowButton,
+            {
+              type: "button",
+              $on: hidden,
+              "aria-pressed": hidden,
+              title: t.f(hidden ? "showBlock" : "hideBlock", { label }),
+              "aria-label": t.f(hidden ? "showBlock" : "hideBlock", { label }),
+              "data-testid": `row-hide-${zone}-${index}`,
+              onClick: () => a.toggleHidden(zone, index),
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: hidden ? "eyeOff" : "eye" })
+            }
+          ),
+          e.duplicate !== false && acts && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            RowButton,
+            {
+              type: "button",
+              disabled: a.busy,
+              title: t.f("duplicateBlock", { label }),
+              "aria-label": t.f("duplicateBlock", { label }),
+              "data-testid": `row-duplicate-${zone}-${index}`,
+              onClick: () => a.duplicate(zone, index),
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "duplicate" })
+            }
+          ),
+          e.clipboard !== false && acts && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            RowButton,
+            {
+              type: "button",
+              disabled: a.busy,
+              title: t.f("copyBlock", { label }),
+              "aria-label": t.f("copyBlock", { label }),
+              "data-testid": `row-copy-${zone}-${index}`,
+              onClick: () => a.copy(zone, [key]),
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "clipboard" })
+            }
+          )
+        ] }),
+        el,
+        `${zone}:${index}`
+      );
+    }),
+    confirm && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Modal2, { open: true, width: "48rem", onOpenChange: (open) => !open && setConfirm(null), trigger: null, title: t.confirmDeleteTitle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-confirm-delete", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.Typography, { children: t.f("confirmDelete", { name: confirm.label }) }),
+      confirm.marker && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.Typography, { variant: "pi", textColor: "neutral600", children: t.confirmDeleteMarker }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system.Flex, { gap: 2, justifyContent: "flex-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.Button, { variant: "tertiary", onClick: () => setConfirm(null), "data-testid": "row-confirm-cancel", children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.Button, { variant: "danger", onClick: confirmDelete, "data-testid": "row-confirm-ok", children: t.delete })
+      ] })
+    ] }) })
+  ] });
+}
+function ZoneRowTools({ zone, actions: a }) {
+  if (!a || a.editor.clipboard === false) return null;
+  const { t } = a;
+  const selecting = a.selection?.zone === zone.name;
+  const count = selecting ? a.selection.keys.length : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    zone.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Tool,
+      {
+        icon: "select",
+        label: t.selectMode,
+        active: selecting,
+        "data-testid": `zone-select-${zone.name}`,
+        onClick: () => a.setSelection(selecting ? null : { zone: zone.name, keys: [] })
+      }
+    ),
+    selecting && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.Button, { size: "S", variant: "secondary", disabled: !count || a.busy, onClick: () => a.copy(zone.name, a.selection.keys), "data-testid": `zone-copy-${zone.name}`, children: t.f("copySelected", { count }) }),
+    a.clip && !zone.full && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system.Button, { size: "S", variant: "secondary", startIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "paste", size: 14 }), onClick: () => a.paste(zone.name), "data-testid": `zone-paste-${zone.name}`, children: t.f("paste", { count: a.clip.rows.length }) })
+  ] });
+}
+
+// admin/Gallery.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Columns = import_styled_components3.default.div`
   column-count: ${({ $columns }) => $columns};
   column-gap: 12px;
   > * {
@@ -1343,14 +3151,15 @@ var Columns = import_styled_components.default.div`
     margin-bottom: 12px;
   }
 `;
-var Tile = import_styled_components.default.button`
+var Tile = import_styled_components3.default.button`
   display: flex;
   flex-direction: column;
   gap: 8px;
   text-align: left;
   width: 100%;
   padding: 8px;
-  border: 1px solid ${({ theme }) => theme.colors.neutral200};
+  border: 1px solid ${({ theme, $active }) => $active ? theme.colors.primary600 : theme.colors.neutral200};
+  box-shadow: ${({ theme, $active }) => $active ? `0 0 0 1px ${theme.colors.primary600}` : "none"};
   border-radius: 4px;
   background: ${({ theme }) => theme.colors.neutral0};
   cursor: pointer;
@@ -1362,13 +3171,13 @@ var Tile = import_styled_components.default.button`
     outline-offset: 2px;
   }
 `;
-var Clamp = (0, import_styled_components.default)(import_design_system.Typography)`
+var Clamp = (0, import_styled_components3.default)(import_design_system2.Typography)`
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 `;
-var Slider = import_styled_components.default.input`
+var Slider = import_styled_components3.default.input`
   appearance: none;
   -webkit-appearance: none;
   width: 8rem;
@@ -1422,7 +3231,7 @@ var remember = (key, value) => {
   } catch {
   }
 };
-var Frame = import_styled_components.default.div`
+var Frame = import_styled_components3.default.div`
   width: 100%;
   overflow: hidden;
   border-radius: 4px;
@@ -1445,9 +3254,9 @@ function Thumb({
   blank
 }) {
   const key = candidates.join("|");
-  const [state, setState] = React2.useState({ key, index: 0 });
+  const [state, setState] = React4.useState({ key, index: 0 });
   const index = state.key === key ? state.index : 0;
-  const resolved = React2.useRef("");
+  const resolved = React4.useRef("");
   const report = (value) => {
     const tag = `${key}:${value}`;
     if (resolved.current !== tag) {
@@ -1455,11 +3264,11 @@ function Thumb({
       onResolved?.(value);
     }
   };
-  React2.useEffect(() => {
+  React4.useEffect(() => {
     if (index >= candidates.length) report(-1);
   });
   if (index >= candidates.length)
-    return blank ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Frame, { $fixed: true, "data-thumb": "wireframe", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return blank ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Frame, { $fixed: true, "data-thumb": "wireframe", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Wireframe,
       {
         template,
@@ -1467,7 +3276,7 @@ function Thumb({
         noPreview
       }
     ) });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Frame, { "data-thumb": String(index), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Frame, { "data-thumb": String(index), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "img",
     {
       src: candidates[index],
@@ -1479,70 +3288,605 @@ function Thumb({
     candidates[index]
   ) });
 }
-function Card({ entry, palette, showFields, onSelect }) {
-  const t = useMessages();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    Tile,
-    {
-      type: "button",
-      onClick: onSelect,
-      title: entry.uid,
-      "data-testid": `blockscene-${entry.uid}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          Thumb,
-          {
-            candidates: entry.candidates,
-            template: entry.template,
-            palette,
-            noPreview: t.noPreview
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_design_system.Typography,
-          {
-            variant: "pi",
-            fontWeight: "bold",
-            textColor: "neutral800",
-            ellipsis: true,
-            children: entry.label
-          }
-        ),
-        entry.description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Clamp, { variant: "pi", textColor: "neutral600", children: entry.description }),
-        showFields && entry.fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_design_system.Typography,
-          {
-            variant: "pi",
-            textColor: "neutral500",
-            style: { fontStyle: "italic" },
-            "data-testid": "block-fields",
-            children: entry.fields.map((f) => `${f.name} (${f.type})`).join(", ")
-          }
-        )
-      ]
-    }
-  );
-}
-function ZoneGallery({
-  zone,
-  components,
-  add,
-  Modal: Modal2,
-  Toggle,
-  get,
-  controlled
-}) {
-  const t = useMessages();
-  const [ownOpen, setOwnOpen] = React2.useState(false);
-  const open = controlled ? controlled.open : ownOpen;
-  const setOpen = controlled ? controlled.onOpenChange : setOwnOpen;
-  const [query, setQuery] = React2.useState("");
-  const [category, setCategory] = React2.useState("all");
-  const [showFields, setShowFields] = React2.useState(readShowFields);
-  const [columns, setColumns] = React2.useState(readColumns);
-  const [config, setConfig] = React2.useState(null);
-  const [error, setError] = React2.useState("");
-  React2.useEffect(() => {
+var Layout = import_styled_components3.default.div`
+  display: flex;
+  height: min(70vh, 720px);
+  min-height: 320px;
+`;
+var Side = import_styled_components3.default.nav`
+  flex: 0 0 ${({ $collapsed }) => $collapsed ? "48px" : "200px"};
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding-right: 12px;
+  margin-right: 12px;
+  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};
+  overflow-y: auto;
+`;
+var NavItem = import_styled_components3.default.button`
+  display: flex;
+  align-items: center;
+  justify-content: ${({ $collapsed }) => $collapsed ? "center" : "flex-start"};
+  gap: 8px;
+  width: 100%;
+  padding: 6px 8px;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: left;
+  font-size: 13px;
+  color: ${({ theme, $active }) => $active ? theme.colors.primary600 : theme.colors.neutral700};
+  background: ${({ theme, $active }) => $active ? theme.colors.primary100 : "transparent"};
+  &:hover {
+    background: ${({ theme, $active }) => $active ? theme.colors.primary100 : theme.colors.neutral100};
+  }
+  &:focus-visible {
+    outline: 2px solid ${({ theme }) => theme.colors.primary600};
+    outline-offset: -2px;
+  }
+  .bs-label {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .bs-count {
+    color: ${({ theme }) => theme.colors.neutral500};
+    font-size: 12px;
+  }
+`;
+var Main = import_styled_components3.default.div`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`;
+var Menu = import_styled_components3.default.div`
+  position: relative;
+`;
+var MenuButton = import_styled_components3.default.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 32px;
+  padding: 0 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 13px;
+  white-space: nowrap;
+  border: 1px solid ${({ theme, $active }) => $active ? theme.colors.primary600 : theme.colors.neutral200};
+  color: ${({ theme, $active }) => $active ? theme.colors.primary600 : theme.colors.neutral800};
+  background: ${({ theme, $active }) => $active ? theme.colors.primary100 : theme.colors.neutral0};
+  &:focus-visible {
+    outline: 2px solid ${({ theme }) => theme.colors.primary600};
+    outline-offset: 1px;
+  }
+`;
+var Popover = import_styled_components3.default.div`
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  z-index: 10;
+  min-width: 180px;
+  max-height: 280px;
+  overflow-y: auto;
+  padding: 4px;
+  border: 1px solid ${({ theme }) => theme.colors.neutral200};
+  border-radius: 4px;
+  background: ${({ theme }) => theme.colors.neutral0};
+  box-shadow: 0 2px 12px rgba(33, 33, 52, 0.15);
+  label {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 8px;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 13px;
+    color: ${({ theme }) => theme.colors.neutral800};
+  }
+  label:hover {
+    background: ${({ theme }) => theme.colors.neutral100};
+  }
+  .bs-count {
+    margin-left: auto;
+    color: ${({ theme }) => theme.colors.neutral500};
+  }
+`;
+var Chip = import_styled_components3.default.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 8px;
+  border-radius: 12px;
+  cursor: pointer;
+  font-size: 12px;
+  border: 1px solid ${({ theme }) => theme.colors.primary200};
+  color: ${({ theme }) => theme.colors.primary700};
+  background: ${({ theme }) => theme.colors.primary100};
+`;
+var Badge = import_styled_components3.default.span`
+  padding: 1px 6px;
+  border-radius: 3px;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 16px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: ${({ theme }) => theme.colors.neutral0};
+  background: ${({ theme }) => theme.colors.neutral800};
+`;
+var CardBox = import_styled_components3.default.div`
+  position: relative;
+  &:hover .bs-quick,
+  &:focus-within .bs-quick {
+    opacity: 1;
+  }
+`;
+var CardBadges = import_styled_components3.default.div`
+  position: absolute;
+  top: 14px;
+  left: 14px;
+  right: 48px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  pointer-events: none;
+`;
+var Round = import_styled_components3.default.button`
+  position: absolute;
+  right: 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border-radius: 50%;
+  cursor: pointer;
+  border: 1px solid ${({ theme, $primary }) => $primary ? theme.colors.primary600 : theme.colors.neutral200};
+  color: ${({ theme, $on, $primary }) => $primary ? theme.colors.neutral0 : $on ? theme.colors.warning500 : theme.colors.neutral600};
+  background: ${({ theme, $primary }) => $primary ? theme.colors.primary600 : theme.colors.neutral0};
+  &:focus-visible {
+    outline: 2px solid ${({ theme }) => theme.colors.primary600};
+    outline-offset: 1px;
+  }
+  &.bs-quick {
+    opacity: 0;
+    transition: opacity 120ms;
+  }
+`;
+var Mono = import_styled_components3.default.code`
+  font-size: 12px;
+  color: ${({ theme }) => theme.colors.neutral600};
+`;
+var SIDEBAR_KEY = "blockscene:gallery-sidebar";
+var readCollapsed = () => {
+  try {
+    return window.localStorage.getItem(SIDEBAR_KEY) === "collapsed";
+  } catch {
+    return false;
+  }
+};
+var TYPE_ICONS = { hero: "hero", text: "text", media: "image", listing: "list", cards: "cards", cta: "link", form: "form", layout: "layout" };
+var FILTER_MENUS = ["tags", "media", "content"];
+var toggled = (list, value) => list.includes(value) ? list.filter((item) => item !== value) : [...list, value];
+function FilterMenu({ name, label, options, picked, onChange, labelOf }) {
+  const [open, setOpen] = React4.useState(false);
+  const ref = React4.useRef(null);
+  React4.useEffect(() => {
+    if (!open) return;
+    const down = (event) => {
+      if (!ref.current?.contains(event.target)) setOpen(false);
+    };
+    const key = (event) => {
+      if (event.key !== "Escape") return;
+      event.stopPropagation();
+      event.preventDefault();
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", down, true);
+    window.addEventListener("keydown", key, true);
+    return () => {
+      document.removeEventListener("mousedown", down, true);
+      window.removeEventListener("keydown", key, true);
+    };
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Menu, { ref, "data-testid": `gallery-filter-${name}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      MenuButton,
+      {
+        type: "button",
+        "aria-expanded": open,
+        $active: picked.length > 0,
+        onClick: () => setOpen(!open),
+        children: [
+          picked.length ? `${label} (${picked.length})` : label,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "chevron", size: 14 })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Popover, { role: "group", "aria-label": label, children: options.map(([value, count]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: picked.includes(value),
+          onChange: () => onChange(toggled(picked, value)),
+          "data-testid": `gallery-option-${name}-${value}`
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: labelOf(value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bs-count", children: count })
+    ] }, value)) })
+  ] });
+}
+function Badges({ entry, t, tags }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    entry.facets.map((facet) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badge, { children: t.facets[facet] || facet }, facet)),
+    tags && entry.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badge, { children: tag }, `tag:${tag}`))
+  ] });
+}
+function Card({ entry, palette, showFields, starred, active, onOpen, onInsert, onStar }) {
+  const t = useMessages();
+  const timer = React4.useRef(null);
+  React4.useEffect(() => () => clearTimeout(timer.current), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(CardBox, { title: entry.uid, "data-testid": `blockscene-${entry.uid}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      Tile,
+      {
+        type: "button",
+        $active: active,
+        onClick: (event) => {
+          clearTimeout(timer.current);
+          if (event.detail === 2) onInsert();
+          else if (event.detail === 1) timer.current = setTimeout(onOpen, 220);
+          else onOpen();
+        },
+        onKeyDown: (event) => {
+          if (event.key !== "Enter") return;
+          event.preventDefault();
+          onInsert();
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            Thumb,
+            {
+              candidates: entry.candidates,
+              template: entry.template,
+              palette,
+              noPreview: t.noPreview
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", ellipsis: true, children: entry.label }),
+          entry.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Clamp, { variant: "pi", textColor: "neutral600", children: entry.description }),
+          showFields && entry.fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_design_system2.Typography,
+            {
+              variant: "pi",
+              textColor: "neutral500",
+              style: { fontStyle: "italic" },
+              "data-testid": "block-fields",
+              children: entry.fields.map((f) => `${f.name} (${f.type})`).join(", ")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CardBadges, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badges, { entry, t }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Round,
+      {
+        type: "button",
+        style: { top: 12 },
+        $on: starred,
+        "aria-pressed": starred,
+        "aria-label": starred ? t.unstar : t.star,
+        title: starred ? t.unstar : t.star,
+        onClick: onStar,
+        "data-testid": `gallery-star-${entry.uid}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "star", size: 16, filled: starred })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Round,
+      {
+        type: "button",
+        className: "bs-quick",
+        style: { top: 46 },
+        $primary: true,
+        "aria-label": t.f("quickInsert", { label: entry.label }),
+        title: t.f("quickInsert", { label: entry.label }),
+        onClick: onInsert,
+        "data-testid": `gallery-quick-${entry.uid}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "plus", size: 16 })
+      }
+    )
+  ] });
+}
+var Scrim = import_styled_components3.default.div`
+  position: absolute;
+  inset: 0;
+  z-index: 4;
+  opacity: 0.35;
+  background: ${({ theme }) => theme.colors.neutral800};
+`;
+var Panel = import_styled_components3.default.section`
+  position: absolute;
+  inset: 16px;
+  z-index: 5;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid ${({ theme }) => theme.colors.neutral200};
+  border-radius: 4px;
+  background: ${({ theme }) => theme.colors.neutral0};
+  box-shadow: ${({ theme }) => theme.shadows?.popupShadow || "0 8px 32px rgba(33, 33, 52, 0.3)"};
+  transform-origin: top left;
+`;
+var Stage = import_styled_components3.default.div`
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  background-color: ${({ theme }) => stageBackground(theme).backgroundColor};
+  background-image: ${({ theme }) => stageBackground(theme).backgroundImage};
+  background-size: 24px 24px;
+`;
+var Still = import_styled_components3.default.div`
+  position: absolute;
+  inset: 0;
+  /* Hidden once the live page has faded in over it (device widths would show it in the gutters). */
+  visibility: ${({ $covered }) => $covered ? "hidden" : "visible"};
+  transition: visibility 0s linear ${({ $covered }) => $covered ? "200ms" : "0s"};
+  > [data-thumb] {
+    width: 100%;
+    height: 100%;
+    aspect-ratio: auto;
+    background: transparent;
+  }
+  img,
+  svg {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`;
+var Live = import_styled_components3.default.iframe`
+  position: absolute;
+  top: 0;
+  border: 0;
+  background: white;
+  transform-origin: top left;
+  opacity: ${({ $shown }) => $shown ? 1 : 0};
+  transition: opacity 200ms ease-out;
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+`;
+var Strip = import_styled_components3.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 10px 12px;
+  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};
+`;
+var FieldsButton = import_styled_components3.default.button`
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+  background: none;
+  font-size: 12px;
+  color: ${({ theme }) => theme.colors.primary600};
+`;
+var reducedMotion = () => {
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return false;
+  }
+};
+var flip = (panel, scrim, card, back) => {
+  if (!panel?.animate || reducedMotion()) return null;
+  const to = panel.getBoundingClientRect();
+  const from = card?.getBoundingClientRect();
+  const timing = { duration: 250, easing: "cubic-bezier(0.2, 0, 0, 1)", fill: back ? "forwards" : "none" };
+  const frames = [
+    from?.width && to.width ? { transform: `translate(${from.left - to.left}px, ${from.top - to.top}px) scale(${from.width / to.width}, ${from.height / to.height})`, opacity: 0.6 } : { transform: "scale(0.96)", opacity: 0 },
+    { transform: "none", opacity: 1 }
+  ];
+  const dim = [{ opacity: 0 }, { opacity: 0.35 }];
+  scrim?.animate(back ? dim.reverse() : dim, timing);
+  return panel.animate(back ? frames.reverse() : frames, timing);
+};
+var newChannel = () => crypto.randomUUID?.() || `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function useLiveSource(entry, config, components, get, contentType, locale) {
+  const editor = config?.editor || {};
+  const [native, setNative] = React4.useState(null);
+  const plain = editor.blockPreviewUrl ? blockPreviewSrc(editor.blockPreviewUrl, entry.uid, { locale: locale || "" }) : null;
+  React4.useEffect(() => {
+    if (editor.blockPreviewUrl || editor.previewUrl || !contentType || !get) return;
+    let active = true;
+    get(`/content-manager/preview/url/${contentType}?${new URLSearchParams({ status: "draft", ...locale ? { locale } : {} })}`).then(({ data }) => {
+      if (active && typeof data?.data?.url === "string") setNative(`${new URL(data.data.url).origin}/block-preview/page`);
+    }).catch(() => {
+    });
+    return () => {
+      active = false;
+    };
+  }, [editor.blockPreviewUrl, editor.previewUrl, contentType, locale, get]);
+  const channel = React4.useMemo(newChannel, []);
+  if (editor.blockPreviewUrl) return plain ? { kind: "plain", src: plain, origin: "", channel } : null;
+  const base = editor.previewUrl || native;
+  if (!base) return null;
+  try {
+    const url = new URL(base);
+    url.searchParams.set("channel", channel);
+    return { kind: "bridge", src: url.href, origin: url.origin, channel };
+  } catch {
+    return null;
+  }
+}
+var LIVE_TIMEOUT = 8e3;
+function Magnify({ entry, palette, config, components, get, contentType, locale, starred, onStar, onInsert, onClose, cardOf }) {
+  const t = useMessages();
+  const panel = React4.useRef(null);
+  const scrim = React4.useRef(null);
+  const closeButton = React4.useRef(null);
+  const frame2 = React4.useRef(null);
+  const closing = React4.useRef(false);
+  const [stageEl, setStageEl] = React4.useState(null);
+  const stage = useStageSize(stageEl);
+  const [device, setDevice] = React4.useState("fit");
+  const [fields, setFields] = React4.useState(false);
+  const [state, setState] = React4.useState("loading");
+  const live = useLiveSource(entry, config, components, get, contentType, locale);
+  React4.useLayoutEffect(() => {
+    flip(panel.current, scrim.current, cardOf(entry.uid), false);
+    closeButton.current?.querySelector("button")?.focus({ preventScroll: true });
+  }, []);
+  const close = () => {
+    if (closing.current) return;
+    closing.current = true;
+    const card = cardOf(entry.uid);
+    const done = () => {
+      onClose();
+      card?.querySelector("button")?.focus({ preventScroll: true });
+    };
+    const animation = flip(panel.current, scrim.current, card, true);
+    if (animation) animation.onfinish = done;
+    else done();
+  };
+  const closeRef = React4.useRef(close);
+  closeRef.current = close;
+  React4.useEffect(() => {
+    const key = (event) => {
+      if (event.key !== "Escape") return;
+      event.stopPropagation();
+      event.preventDefault();
+      closeRef.current();
+    };
+    window.addEventListener("keydown", key, true);
+    return () => window.removeEventListener("keydown", key, true);
+  }, []);
+  const src = live?.src;
+  React4.useEffect(() => {
+    if (!live) return;
+    setState("loading");
+    const timer = setTimeout(() => setState((s) => s === "ready" ? s : "failed"), LIVE_TIMEOUT);
+    const receive = (event) => {
+      if (live.kind !== "bridge" || !isPreviewMessage(event, live.origin, frame2.current?.contentWindow, live.channel, "ready")) return;
+      clearTimeout(timer);
+      setState("ready");
+      let blocks = [];
+      try {
+        const row = { ...componentDefaults(components[entry.uid], components), __component: entry.uid, __temp_key__: "blockscene-magnify" };
+        blocks = projectPage([row], components, window.location.origin);
+      } catch {
+      }
+      frame2.current?.contentWindow?.postMessage(
+        { protocol: PROTOCOL, channel: live.channel, type: "update-page", blocks, groups: null, locale: t.locale, mode: "preview" },
+        live.origin
+      );
+    };
+    window.addEventListener("message", receive);
+    return () => {
+      clearTimeout(timer);
+      window.removeEventListener("message", receive);
+    };
+  }, [src]);
+  const onLoad = () => {
+    if (live?.kind === "plain") setState("ready");
+    else frame2.current?.contentWindow?.postMessage({ protocol: PROTOCOL, channel: live.channel, type: "ping" }, live.origin);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Scrim, { ref: scrim, onClick: close, "data-testid": "gallery-magnify-scrim" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Panel, { ref: panel, "aria-label": entry.label, "data-testid": "gallery-detail", "data-live": live ? state : "none", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 2, padding: 2, alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Flex, { gap: 1, role: "group", "aria-label": t.deviceGroup, "data-testid": "gallery-magnify-devices", children: Object.keys(DEVICES).map((value) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          Tool,
+          {
+            icon: value,
+            label: DEVICES[value] ? `${t.device[value]} \xB7 ${DEVICES[value]} px` : t.device[value],
+            active: device === value,
+            onClick: () => setDevice(value)
+          },
+          value
+        )) }),
+        live && state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", "data-testid": "gallery-magnify-note", children: t.livePreviewFailed }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: closeButton, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tool, { icon: "close", label: t.closeDetail, onClick: close }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Stage, { ref: setStageEl, $device: device !== "fit", "data-device": device, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Still, { $covered: Boolean(live) && state === "ready", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Thumb, { candidates: entry.candidates, template: entry.template, palette, noPreview: t.noPreview, eager: true }) }),
+        live && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          Live,
+          {
+            ref: frame2,
+            title: t.blockPreview,
+            src: live.src,
+            sandbox: "allow-scripts allow-same-origin",
+            referrerPolicy: "no-referrer",
+            onLoad,
+            $shown: state === "ready",
+            style: frameStyle(device, stage),
+            "data-testid": "gallery-magnify-frame"
+          },
+          live.src
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Strip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "omega", fontWeight: "bold", tag: "h3", ellipsis: true, children: entry.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Mono, { children: entry.uid }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badge, { children: t.typologies[entry.typology] || entry.typology }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badges, { entry, t, tags: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 2, alignItems: "center", style: { marginLeft: "auto" }, children: [
+            entry.fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FieldsButton, { type: "button", "aria-expanded": fields, onClick: () => setFields(!fields), "data-testid": "gallery-detail-fields-toggle", children: `${t.showFields} (${entry.fields.length})` }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tool, { icon: "star", label: starred ? t.unstar : t.star, active: starred, onClick: onStar, "data-testid": "gallery-detail-star" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Button, { onClick: onInsert, "data-testid": "gallery-insert", children: t.insert })
+          ] })
+        ] }),
+        entry.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Clamp, { variant: "pi", textColor: "neutral700", children: entry.description }),
+        fields && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Flex, { gap: 3, wrap: "wrap", "data-testid": "gallery-detail-fields", children: entry.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Typography, { variant: "pi", textColor: "neutral800", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: field.name }),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Mono, { children: field.type })
+        ] }, field.name)) })
+      ] })
+    ] })
+  ] });
+}
+var NO_FILTERS = { tags: [], media: [], content: [] };
+function ZoneGallery({
+  zone,
+  components,
+  add,
+  Modal: Modal2,
+  Toggle,
+  get,
+  put,
+  controlled,
+  contentType,
+  locale
+}) {
+  const t = useMessages();
+  const grid = React4.useRef(null);
+  const cardOf = (uid) => grid.current?.querySelector(`[data-testid="blockscene-${CSS.escape(uid)}"]`) || null;
+  const [ownOpen, setOwnOpen] = React4.useState(false);
+  const open = controlled ? controlled.open : ownOpen;
+  const setOpen = controlled ? controlled.onOpenChange : setOwnOpen;
+  const [query, setQuery] = React4.useState("");
+  const [view, setView] = React4.useState("all");
+  const [picked, setPicked] = React4.useState(NO_FILTERS);
+  const [detail, setDetail] = React4.useState(null);
+  const [collapsed, setCollapsed] = React4.useState(readCollapsed);
+  const [prefs, setPrefs] = React4.useState({ starred: [], recent: [] });
+  const [showFields, setShowFields] = React4.useState(readShowFields);
+  const [columns, setColumns] = React4.useState(readColumns);
+  const [config, setConfig] = React4.useState(null);
+  const [error, setError] = React4.useState("");
+  React4.useEffect(() => {
     if (controlled) return;
     const onClick = (event) => {
       const button = event.target?.closest?.("button");
@@ -1554,36 +3898,56 @@ function ZoneGallery({
     document.addEventListener("click", onClick, true);
     return () => document.removeEventListener("click", onClick, true);
   }, [controlled, zone.name, zone.label]);
-  React2.useEffect(() => {
+  React4.useEffect(() => {
     if (!open) return;
     let active = true;
     setError("");
     setConfig(null);
+    setDetail(null);
     get("/blockscene/catalog").then(({ data }) => {
       if (active) setConfig(data);
     }).catch(() => {
       if (active) setError(t.failed);
     });
+    get("/blockscene/me/prefs").then(({ data }) => {
+      if (active && data) setPrefs({ starred: data.starred || [], recent: data.recent || [] });
+    }).catch(() => {
+    });
     return () => {
       active = false;
     };
   }, [open, get, t.failed]);
-  const entries = config ? entriesFor(zone, components, config, query, category) : [];
-  const categories = config ? categoriesFor(zone, components, config) : [];
-  const total = categories.reduce(
-    (sum, [, count]) => sum + count,
-    0
-  );
-  const filtering = query.trim() !== "" || category !== "all";
+  const savePrefs = (next) => {
+    setPrefs(next);
+    put?.("/blockscene/me/prefs", next).catch(() => {
+    });
+  };
+  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 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) : [];
+  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 reset = () => {
     setQuery("");
-    setCategory("all");
+    setView("all");
+    setPicked(NO_FILTERS);
   };
+  const labelOf = (menu, value) => menu === "tags" ? value : t.facets[value] || value;
   const select = (uid) => {
     try {
       if (controlled ? (controlled.onSelect(uid), true) : add(zone, uid)) {
+        savePrefs({ ...prefs, recent: [uid, ...prefs.recent.filter((item) => item !== uid)].slice(0, 20) });
         setOpen(false);
         setQuery("");
+        setDetail(null);
       }
     } catch {
       setError(t.insertFailed);
@@ -1597,164 +3961,207 @@ function ZoneGallery({
     setShowFields(value);
     remember(SHOW_FIELDS_KEY, String(value));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const toggleSidebar = () => {
+    setCollapsed(!collapsed);
+    remember(SIDEBAR_KEY, collapsed ? "expanded" : "collapsed");
+  };
+  const nav = (key, icon, label, count) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    NavItem,
+    {
+      type: "button",
+      $active: view === key,
+      $collapsed: collapsed,
+      "aria-current": view === key ? "true" : void 0,
+      "aria-label": collapsed ? `${label} (${count})` : void 0,
+      title: collapsed ? `${label} (${count})` : void 0,
+      onClick: () => setView(key),
+      "data-testid": `gallery-nav-${key}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: icon }),
+        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bs-label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bs-count", children: count })
+        ] })
+      ]
+    },
+    key
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Modal2,
     {
       open,
       onOpenChange: setOpen,
       title: t.gallery,
-      trigger: controlled ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        import_design_system.Button,
+      trigger: controlled ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_design_system2.Button,
         {
           variant: "secondary",
           fullWidth: true,
           onClick: () => setOpen(true),
           "data-testid": `open-gallery-${zone.name}`,
-          children: [
-            t.add,
-            ": ",
-            zone.name
-          ]
+          children: t.add
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_design_system.Typography,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Layout, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Side, { $collapsed: collapsed, "aria-label": t.gallery, "data-testid": `gallery-sidebar-${zone.name}`, "data-collapsed": collapsed, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Flex, { justifyContent: collapsed ? "center" : "flex-end", paddingBottom: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            Tool,
             {
-              variant: "omega",
-              fontWeight: "bold",
-              textColor: "neutral800",
-              style: { whiteSpace: "nowrap" },
-              "data-testid": `block-count-${zone.name}`,
-              "aria-live": "polite",
-              children: filtering ? t.f("countFiltered", { shown: entries.length, total }) : t.f("countAll", { count: total })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.Box, { style: { flex: 1, minWidth: "12rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_design_system.Searchbar,
-            {
-              name: `block-search-${zone.name}`,
-              value: query,
-              placeholder: t.search,
-              clearLabel: t.clear,
-              onClear: () => setQuery(""),
-              onChange: (e) => setQuery(e.target.value),
-              children: t.search
+              icon: "sidebar",
+              label: collapsed ? t.expandSidebar : t.collapseSidebar,
+              onClick: toggleSidebar,
+              "data-testid": "gallery-sidebar-toggle"
             }
           ) }),
-          categories.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_design_system.Box,
-            {
-              style: { width: "14rem" },
-              "data-testid": `block-category-${zone.name}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                import_design_system.SingleSelect,
-                {
-                  "aria-label": t.filterCategory,
-                  size: "S",
-                  value: category,
-                  onChange: (value) => setCategory(String(value)),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.SingleSelectOption, { value: "all", children: t.allCategories }),
-                    categories.map(([name, count]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                      import_design_system.SingleSelectOption,
-                      {
-                        value: name,
-                        children: `${name} (${count})`
-                      },
-                      name
-                    ))
-                  ]
-                }
-              )
-            }
-          ),
-          Toggle && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            Toggle,
-            {
-              name: `block-fields-${zone.name}`,
-              label: t.showFields,
-              hint: t.showFieldsHint,
-              value: showFields,
-              onChange: changeShowFields
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Flex, { gap: 2, alignItems: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              import_design_system.Typography,
+          options && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            nav("all", "grid", t.nav.all, options.total),
+            nav("recent", "clock", t.nav.recent, inZone(prefs.recent).length),
+            nav("starred", "star", t.nav.starred, inZone(prefs.starred).length),
+            !collapsed && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Box, { paddingTop: 4, paddingBottom: 1, paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "sigma", textColor: "neutral600", children: t.typologiesTitle }) }),
+            options.typologies.map(
+              ([name, count]) => nav(name, TYPE_ICONS[name] || "text", t.typologies[name] || name, count)
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Main, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_design_system2.Typography,
               {
-                variant: "pi",
-                textColor: "neutral600",
-                id: `block-columns-${zone.name}`,
-                children: t.columns
+                variant: "omega",
+                fontWeight: "bold",
+                textColor: "neutral800",
+                style: { whiteSpace: "nowrap" },
+                "data-testid": `block-count-${zone.name}`,
+                "aria-live": "polite",
+                children: filtering ? t.f("countFiltered", { shown: entries.length, total: options?.total || 0 }) : t.f("countAll", { count: options?.total || 0 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              Slider,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Box, { style: { flex: 1, minWidth: "12rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_design_system2.Searchbar,
+              {
+                name: `block-search-${zone.name}`,
+                value: query,
+                placeholder: t.search,
+                clearLabel: t.clear,
+                onClear: () => setQuery(""),
+                onChange: (e) => setQuery(e.target.value),
+                children: t.search
+              }
+            ) }),
+            options && FILTER_MENUS.filter((menu) => options[menu].length > 0).map((menu) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              FilterMenu,
+              {
+                name: menu,
+                label: t.filters[menu],
+                options: options[menu],
+                picked: picked[menu],
+                labelOf: (value) => labelOf(menu, value),
+                onChange: (values) => setPicked({ ...picked, [menu]: values })
+              },
+              menu
+            )),
+            Toggle && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              Toggle,
               {
-                type: "range",
-                min: COLUMNS.min,
-                max: COLUMNS.max,
-                step: 1,
-                value: columns,
-                "aria-labelledby": `block-columns-${zone.name}`,
-                $percent: (columns - COLUMNS.min) / (COLUMNS.max - COLUMNS.min) * 100,
-                onChange: (e) => changeColumns(Number(e.target.value))
+                name: `block-fields-${zone.name}`,
+                label: t.showFields,
+                hint: t.showFieldsHint,
+                value: showFields,
+                onChange: changeShowFields
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.Typography, { variant: "pi", fontWeight: "bold", children: columns })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.Typography, { variant: "pi", textColor: "neutral600", children: t.example }),
-        error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.Typography, { role: "alert", textColor: "danger600", children: error }) : !config ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.Typography, { children: t.loading }) : entries.length ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_design_system.Flex,
-          {
-            direction: "column",
-            alignItems: "stretch",
-            gap: 4,
-            style: { overflowY: "auto", maxHeight: "60vh", padding: "4px" },
-            children: groupEntries(entries).map(
-              ({ category: name, entries: items }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                import_design_system.Flex,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 2, alignItems: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", id: `block-columns-${zone.name}`, children: t.columns }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                Slider,
                 {
-                  direction: "column",
-                  alignItems: "stretch",
-                  gap: 2,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                      import_design_system.Typography,
-                      {
-                        variant: "sigma",
-                        textColor: "neutral600",
-                        "data-testid": `block-group-${name}`,
-                        children: `${name} (${items.length})`
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Columns, { $columns: columns, children: items.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  type: "range",
+                  min: COLUMNS.min,
+                  max: COLUMNS.max,
+                  step: 1,
+                  value: columns,
+                  "aria-labelledby": `block-columns-${zone.name}`,
+                  $percent: (columns - COLUMNS.min) / (COLUMNS.max - COLUMNS.min) * 100,
+                  onChange: (e) => changeColumns(Number(e.target.value))
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "pi", fontWeight: "bold", children: columns })
+            ] })
+          ] }),
+          chips.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 2, wrap: "wrap", "data-testid": "gallery-chips", children: [
+            chips.map(({ menu, value }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              Chip,
+              {
+                type: "button",
+                "aria-label": t.f("removeFilter", { name: labelOf(menu, value) }),
+                onClick: () => setPicked({ ...picked, [menu]: picked[menu].filter((item) => item !== value) }),
+                children: [
+                  labelOf(menu, value),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 12 })
+                ]
+              },
+              `${menu}:${value}`
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Button, { variant: "tertiary", size: "S", onClick: () => setPicked(NO_FILTERS), "data-testid": "gallery-clear-all", children: t.clearAll })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.example }),
+          error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { role: "alert", textColor: "danger600", children: error }) : !config ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { children: t.loading }) : entries.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: grid, style: { position: "relative", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              import_design_system2.Flex,
+              {
+                direction: "column",
+                alignItems: "stretch",
+                gap: 4,
+                style: { overflowY: "auto", flex: 1, minHeight: 0, padding: "4px" },
+                children: (view === "recent" ? [{ typology: "recent", entries }] : groupEntries(entries)).map(
+                  ({ typology, entries: items }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "sigma", textColor: "neutral600", "data-testid": `block-group-${typology}`, children: `${typology === "recent" ? t.nav.recent : t.typologies[typology] || typology} (${items.length})` }),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Columns, { $columns: columns, children: items.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       Card,
                       {
                         entry,
                         palette: config.palette,
                         showFields,
-                        onSelect: () => select(entry.uid)
+                        starred: prefs.starred.includes(entry.uid),
+                        active: detail === entry.uid,
+                        onOpen: () => setDetail(entry.uid),
+                        onInsert: () => select(entry.uid),
+                        onStar: () => star(entry.uid)
                       }
                     ) }, entry.uid)) })
-                  ]
-                },
-                name
-              )
+                  ] }, typology)
+                )
+              }
+            ),
+            chosen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              Magnify,
+              {
+                entry: chosen,
+                palette: config.palette,
+                config,
+                components,
+                get,
+                contentType,
+                locale,
+                cardOf,
+                starred: prefs.starred.includes(chosen.uid),
+                onStar: () => star(chosen.uid),
+                onInsert: () => select(chosen.uid),
+                onClose: () => setDetail(null)
+              },
+              chosen.uid
             )
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Flex, { gap: 3, alignItems: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.Typography, { children: t.empty }),
-          filtering && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.Button, { variant: "tertiary", size: "S", onClick: reset, children: t.clear })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 3, alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { children: t.empty }),
+            filtering && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Button, { variant: "tertiary", size: "S", onClick: reset, children: t.clear })
+          ] })
         ] })
       ] })
     }
   );
 }
-var storage = () => {
+var storage2 = () => {
   try {
     return window.localStorage;
   } catch {
@@ -1769,12 +4176,12 @@ function useInitialAccordions({
   contentType,
   userId
 }) {
-  const applied = React2.useRef("");
-  const user = React2.useRef(userId);
+  const applied = React4.useRef("");
+  const user = React4.useRef(userId);
   user.current = userId;
-  const latest = React2.useRef(zones);
+  const latest = React4.useRef(zones);
   latest.current = zones;
-  React2.useEffect(() => {
+  React4.useEffect(() => {
     if (!editor?.enabled || !docKey || applied.current === docKey) return;
     if (applied.current.startsWith(`${contentType}:new`) && docKey.startsWith(`${contentType}:`)) {
       applied.current = docKey;
@@ -1812,55 +4219,74 @@ function useInitialAccordions({
         });
         setAll(
           list,
-          initialState(editor, readMemory(storage(), key)) === "open",
-          import_react_dom2.unstable_batchedUpdates
+          initialState(editor, readMemory(storage2(), key)) === "open",
+          import_react_dom3.unstable_batchedUpdates
         );
       }
     }, 200);
     return stop;
   }, [docKey, editor?.enabled, editor?.initialState, contentType]);
 }
-function ZoneControls({ zone, editor, contentType, userId }) {
+var ZONE_ATTR = "data-blockscene-zone-controls";
+function useLabelAnchor(zone, enabled) {
+  const [el, setEl] = React4.useState(null);
+  React4.useEffect(() => {
+    if (!enabled) return;
+    let frame2 = 0;
+    const sync = () => {
+      const list = findZoneList(zone.label);
+      const row = list && [...list.parentElement?.children || []].find((child) => child !== list && child.textContent?.trim());
+      let anchor = document.querySelector(`[${ZONE_ATTR}="${CSS.escape(zone.name)}"]`);
+      if (anchor && anchor.parentElement !== row) {
+        anchor.remove();
+        anchor = null;
+      }
+      if (!anchor && row) {
+        anchor = document.createElement("span");
+        anchor.setAttribute(ZONE_ATTR, zone.name);
+        anchor.style.cssText = "display:inline-flex;align-items:center;margin-left:8px";
+        row.appendChild(anchor);
+      }
+      setEl(anchor);
+    };
+    sync();
+    const observer = new MutationObserver(() => {
+      if (!frame2) frame2 = requestAnimationFrame(() => {
+        frame2 = 0;
+        sync();
+      });
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+      cancelAnimationFrame(frame2);
+      document.querySelector(`[${ZONE_ATTR}="${CSS.escape(zone.name)}"]`)?.remove();
+      setEl(null);
+    };
+  }, [zone.name, zone.label, enabled]);
+  return el;
+}
+function ZoneControls({ zone, editor, contentType, userId, tools }) {
   const t = useMessages();
-  if (!zone.count || !(editor.showOpenAll || editor.showCloseAll)) return null;
+  const shown = Boolean(zone.count && (editor.showOpenAll || editor.showCloseAll || tools));
+  const anchor = useLabelAnchor(zone, shown);
+  if (!shown || !anchor) return null;
   const apply = (open) => {
     const list = findZoneList(zone.label);
-    if (list) setAll(list, open, import_react_dom2.unstable_batchedUpdates);
+    if (list) setAll(list, open, import_react_dom3.unstable_batchedUpdates);
     writeMemory(
-      storage(),
+      storage2(),
       memoryKey({ base: memoryBase(), userId, contentType, zone: zone.name }),
       open ? "open" : "closed"
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_design_system.Flex,
-    {
-      gap: 2,
-      wrap: "wrap",
-      "data-testid": `block-accordion-controls-${zone.name}`,
-      children: [
-        editor.showOpenAll && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_design_system.Button,
-          {
-            type: "button",
-            variant: "tertiary",
-            size: "S",
-            onClick: () => apply(true),
-            children: t.openAll
-          }
-        ),
-        editor.showCloseAll && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_design_system.Button,
-          {
-            type: "button",
-            variant: "tertiary",
-            size: "S",
-            onClick: () => apply(false),
-            children: t.closeAll
-          }
-        )
-      ]
-    }
+  return (0, import_react_dom3.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { gap: 1, "data-testid": `block-accordion-controls-${zone.name}`, children: [
+      editor.showOpenAll && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tool, { icon: "expand", label: t.openAll, onClick: () => apply(true) }),
+      editor.showCloseAll && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Tool, { icon: "collapse", label: t.closeAll, onClick: () => apply(false) }),
+      tools
+    ] }),
+    anchor
   );
 }
 function Gallery({
@@ -1873,8 +4299,10 @@ function Gallery({
   ...props
 }) {
   useInitialAccordions({ zones, editor, docKey, contentType, userId });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const actions = useRowActions({ zones, components: props.components, catalog, form: props.form });
+  React4.useEffect(() => stopAll, [docKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
+    editor.showRowThumbnails !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       RowPreviews,
       {
         zones,
@@ -1883,15 +4311,19 @@ function Gallery({
         Modal: props.Modal
       }
     ),
-    zones.map((zone) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-      !zone.full && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ZoneGallery, { zone, ...props }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RowActions, { zones, actions, Modal: props.Modal }),
+    zones.map((zone) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+      zones.length > 1 && !zone.full && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Typography, { variant: "sigma", textColor: "neutral600", tag: "h3", children: zone.label }),
+      !zone.full && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ZoneGallery, { zone, contentType, locale: String(docKey || "").split(":").pop(), ...props }),
+      zone.count === 0 && actions?.clip && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ZoneRowTools, { zone, actions }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         ZoneControls,
         {
           zone,
           editor,
           contentType,
-          userId
+          userId,
+          tools: actions && actions.editor.clipboard !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ZoneRowTools, { zone, actions })
         }
       )
     ] }, zone.name))
@@ -1899,24 +4331,24 @@ function Gallery({
 }
 
 // admin/Settings.tsx
-var React3 = __toESM(require("react"));
-var import_design_system2 = require("@strapi/design-system");
-var import_styled_components2 = __toESM(require("styled-components"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var React5 = __toESM(require("react"));
+var import_design_system3 = require("@strapi/design-system");
+var import_styled_components4 = __toESM(require("styled-components"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var COLOR2 = /^#[0-9A-Fa-f]{6}$/;
-var Grid = import_styled_components2.default.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; `;
-var Card2 = import_styled_components2.default.div`
+var Grid = import_styled_components4.default.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; `;
+var Card2 = import_styled_components4.default.div`
   display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 4px;
   border: 1px solid ${({ theme }) => theme.colors.neutral200}; background: ${({ theme }) => theme.colors.neutral0};
 `;
-var Bar = import_styled_components2.default.div`
+var Bar = import_styled_components4.default.div`
   position: fixed; top: 0; z-index: 4; padding: 12px 32px;
   background: ${({ theme }) => theme.colors.neutral100}; border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
   box-shadow: 0 1px 4px rgba(33, 33, 52, 0.1);
 `;
 function useMainRect(anchor) {
-  const [rect, setRect] = React3.useState({ left: 0, width: 0 });
-  React3.useEffect(() => {
+  const [rect, setRect] = React5.useState({ left: 0, width: 0 });
+  React5.useEffect(() => {
     const read = () => {
       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;
@@ -1929,15 +4361,15 @@ function useMainRect(anchor) {
   });
   return rect;
 }
-var Swatches = import_styled_components2.default.div` display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; `;
-var Label = import_styled_components2.default.label` display: flex; flex-direction: column; gap: 4px; font-size: 12px; `;
+var Swatches = import_styled_components4.default.div` display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; `;
+var Label = import_styled_components4.default.label` display: flex; flex-direction: column; gap: 4px; font-size: 12px; `;
 function ColorField({ name, label, value, onChange, disabled }) {
   const valid = COLOR2.test(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Label, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { gap: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "color", "aria-label": label, value: valid ? value : "#000000", disabled, onChange: (e) => onChange(e.target.value.toUpperCase()), style: { width: 40, height: 32, padding: 0, border: 0, background: "none" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Label, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "color", "aria-label": label, value: valid ? value : "#000000", disabled, onChange: (e) => onChange(e.target.value.toUpperCase()), style: { width: 40, height: 32, padding: 0, border: 0, background: "none" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "input",
         {
           name,
@@ -1952,23 +4384,151 @@ function ColorField({ name, label, value, onChange, disabled }) {
     ] })
   ] });
 }
+function TagsField({ name, label, hint, value, onChange, disabled }) {
+  const [text, setText] = React5.useState(value.join(", "));
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Label, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { name, value: text, disabled, onChange: (e) => {
+      setText(e.target.value);
+      onChange([...new Set(e.target.value.split(",").map((tag) => tag.replace(/[<>]/g, "").trim().slice(0, 24)).filter(Boolean))].slice(0, 10));
+    }, style: { padding: "6px 8px", border: "1px solid #dcdce4", borderRadius: 4, fontSize: 13 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: hint })
+  ] });
+}
+var FIELD_UID = /^(plugin|global)::[\w.-]+$/;
+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] = React5.useState(value.join(", "));
+  React5.useEffect(() => {
+    if (parseUids(text).join() !== value.join()) setText(value.join(", "));
+  }, [value.join()]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextField2, { ...props, value: text, onChange: (v) => {
+    setText(v);
+    onChange(parseUids(v));
+  } });
+}
+var SIDEBAR_ICONS = ["text", "tag", "seo", "settings", "image", "link", "palette", "list", "globe", "info"];
+var SIDEBAR_MAX = 12;
+var ITEM_LABEL = /^[^<>]{1,40}$/;
+var badItem = (item) => !ITEM_LABEL.test(String(item.label || "").trim()) || !item.fields?.length;
+var SYSTEM_FIELDS2 = ["createdAt", "updatedAt", "publishedAt", "createdBy", "updatedBy", "locale", "localizations"];
+var Item = import_styled_components4.default.div`
+  display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 4px;
+  border: 1px solid ${({ theme }) => theme.colors.neutral200}; background: ${({ theme }) => theme.colors.neutral100};
+`;
+var Checks = import_styled_components4.default.fieldset`
+  display: flex; flex-wrap: wrap; gap: 4px 16px; border: 0; padding: 0; margin: 0; font-size: 13px; color: ${({ theme }) => theme.colors.neutral800};
+  legend { font-size: 12px; font-weight: 600; margin-bottom: 4px; }
+  label { display: inline-flex; align-items: center; gap: 6px; }
+`;
+function SidebarEditor({ type, entry, set, t, disabled, SelectField: SelectField2, TextField: TextField2 }) {
+  const items = entry.sidebar || [];
+  const save = (next) => set("sidebar", next.length ? next : void 0, void 0);
+  const edit = (index, patch) => save(items.map((item, i) => i === index ? { ...item, ...patch } : item));
+  const move = (index, by) => {
+    const next = [...items];
+    [next[index], next[index + by]] = [next[index + by], next[index]];
+    save(next);
+  };
+  const fields = (type.attributes || []).filter((attr) => !SYSTEM_FIELDS2.includes(attr.name));
+  const id = (name, index) => `sidebar-${name}-${type.uid}${index === void 0 ? "" : `-${index}`}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 3, paddingLeft: 4, "data-testid": `sidebar-editor-${type.uid}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "delta", tag: "h3", children: t.f("sidebarTitle", { name: type.displayName }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.sidebarHelp }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { style: { maxWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      SelectField2,
+      {
+        name: id("position"),
+        label: t.sidebarPosition,
+        value: entry.sidebarPosition || "left",
+        disabled,
+        options: ["left", "right", "bottom"].map((value) => ({ value, label: t.positions[value] })),
+        onChange: (v) => set("sidebarPosition", v, "left")
+      }
+    ) }),
+    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Item, { "data-testid": id("item", index), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { style: { flex: "1 1 200px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextField2, { name: id("label", index), label: t.sidebarItemLabel, value: item.label, disabled, onChange: (v) => edit(index, { label: v }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { style: { minWidth: 180 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SelectField2,
+          {
+            name: id("icon", index),
+            label: t.sidebarIcon,
+            value: item.icon || "none",
+            disabled,
+            options: [{ value: "none", label: t.noIcon }, ...SIDEBAR_ICONS.map((value) => ({ value, label: t.icons[value], icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: value, size: 16 }) }))],
+            onChange: (v) => edit(index, { icon: v === "none" ? void 0 : v })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SelectField2,
+          {
+            name: id("open", index),
+            label: t.sidebarOpens,
+            value: item.open,
+            disabled,
+            options: ["drawer", "modal"].map((value) => ({ value, label: t.opens[value] })),
+            onChange: (v) => edit(index, { open: v })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 1, paddingBottom: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tool, { icon: "up", label: t.moveUp, disabled: disabled || index === 0, onClick: () => move(index, -1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tool, { icon: "down", label: t.moveDown, disabled: disabled || index === items.length - 1, onClick: () => move(index, 1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tool, { icon: "close", label: t.sidebarRemove, disabled, onClick: () => save(items.filter((_, i) => i !== index)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Checks, { disabled, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("legend", { children: t.sidebarFields }),
+        fields.map((attr) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              name: id(`field-${attr.name}`, index),
+              checked: item.fields.includes(attr.name),
+              onChange: (e) => edit(index, { fields: e.target.checked ? [...item.fields, attr.name] : item.fields.filter((name) => name !== attr.name) })
+            }
+          ),
+          attr.name
+        ] }, attr.name))
+      ] }),
+      badItem(item) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { role: "alert", variant: "pi", textColor: "danger600", children: t.sidebarInvalid })
+    ] }, index)),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_design_system3.Button,
+        {
+          variant: "secondary",
+          size: "S",
+          disabled: disabled || items.length >= SIDEBAR_MAX,
+          "data-testid": id("add"),
+          onClick: () => save([...items, { label: "", open: "drawer", fields: [] }]),
+          children: t.sidebarAdd
+        }
+      ),
+      items.length >= SIDEBAR_MAX && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.f("sidebarLimit", { max: SIDEBAR_MAX }) })
+    ] })
+  ] });
+}
 var permissions = { read: [{ action: "plugin::blockscene.settings.read", subject: null }], update: [{ action: "plugin::blockscene.settings.update", subject: null }] };
-function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: MediaPicker2, ToggleField: ToggleField2, SelectField: SelectField2, TextField, previewSupported = false }) {
+function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: MediaPicker2, ToggleField: ToggleField2, SelectField: SelectField2, TextField: TextField2, previewSupported = false }) {
   const t = useMessages();
-  const { get, put } = useClient();
+  const { get, put, del } = useClient();
   const { canRead, canUpdate, isLoading } = usePermissions2();
-  const [data, setData] = React3.useState(null);
-  const [catalog, setCatalog] = React3.useState(null);
-  const [settings, setSettings] = React3.useState(null);
-  const [media, setMedia] = React3.useState({});
-  const [sources, setSources] = React3.useState({});
-  const [dirty, setDirty] = React3.useState(false);
-  const [saving, setSaving] = React3.useState(false);
-  const [status, setStatus] = React3.useState("");
-  const [failed, setFailed] = React3.useState(false);
-  const [filter, setFilter] = React3.useState("");
-  const [picking, setPicking] = React3.useState(null);
-  React3.useEffect(() => {
+  const [data, setData] = React5.useState(null);
+  const [catalog, setCatalog] = React5.useState(null);
+  const [settings, setSettings] = React5.useState(null);
+  const [media, setMedia] = React5.useState({});
+  const [sources, setSources] = React5.useState({});
+  const [dirty, setDirty] = React5.useState(false);
+  const [saving, setSaving] = React5.useState(false);
+  const [status, setStatus] = React5.useState("");
+  const [failed, setFailed] = React5.useState(false);
+  const [filter, setFilter] = React5.useState("");
+  const [picking, setPicking] = React5.useState(null);
+  React5.useEffect(() => {
     if (!canRead || isLoading) return;
     let active = true;
     Promise.all([get("/blockscene/settings"), get("/blockscene/catalog")]).then(([s, c]) => {
@@ -1989,7 +4549,10 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
     setDirty(true);
     setStatus("");
   };
-  const invalid = settings && (Object.values(settings.palette).some((value) => !COLOR2.test(value)) || settings.editor.previewUrl && !/^https?:\/\/\S+$/.test(settings.editor.previewUrl));
+  const badColor = settings && (Object.values(settings.palette).some((value) => !COLOR2.test(value)) || [settings.editor.previewUrl, settings.editor.blockPreviewUrl].some((url) => url && !/^https?:\/\/\S+$/.test(url)));
+  const badSidebar = settings && Object.values(settings.contentTypes || {}).some((entry) => (entry.sidebar || []).some(badItem));
+  const badLazy = settings && badUids(settings.editor.lazyFields);
+  const invalid = badColor || badSidebar || badLazy;
   const save = async () => {
     if (!settings || invalid || !canUpdate) return;
     setSaving(true);
@@ -2007,6 +4570,31 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
       setSaving(false);
     }
   };
+  const restore = async () => {
+    if (!canUpdate || !window.confirm(data.projectDefaults ? t.restoreProjectConfirm : t.resetAllConfirm)) return;
+    setSaving(true);
+    setStatus("");
+    try {
+      const { data: fresh } = await del("/blockscene/settings");
+      setSettings(fresh);
+      setDirty(false);
+      setStatus(t.restored);
+      const refreshed = await get("/blockscene/settings");
+      setMedia(refreshed.data.media || {});
+    } catch {
+      setStatus(t.saveFailed);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const setComponent = (uid, key, value) => update((s) => {
+    const next = { ...s.components[uid] };
+    if (value === void 0) delete next[key];
+    else next[key] = value;
+    if (Object.keys(next).length) s.components[uid] = next;
+    else delete s.components[uid];
+    return s;
+  });
   const editor = settings?.editor || {};
   const components = (data?.components || []).filter((c) => `${c.displayName} ${c.uid}`.toLocaleLowerCase().includes(filter.trim().toLocaleLowerCase()));
   const sourceOf = (uid, manual) => {
@@ -2016,35 +4604,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 = React3.useRef(null);
-  const [floating, setFloating] = React3.useState(false);
+  const header = React5.useRef(null);
+  const [floating, setFloating] = React5.useState(false);
   const main = useMainRect(header);
-  React3.useEffect(() => {
+  React5.useEffect(() => {
     const el = header.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
     const observer = new IntersectionObserver(([entry]) => setFloating(!entry.isIntersecting && entry.boundingClientRect.top < 0));
     observer.observe(el);
     return () => observer.disconnect();
   }, [ready]);
-  const controls = (suffix) => ready && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { role: "status", "aria-live": "polite", textColor: dirty ? "warning700" : "neutral600", "data-testid": `${dirty ? "unsaved-indicator" : "save-status"}${suffix}`, children: dirty ? t.unsaved : status || t.noChanges }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Button, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
+  const controls = (suffix) => ready && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { role: "status", "aria-live": "polite", textColor: dirty ? "warning700" : "neutral600", "data-testid": `${dirty ? "unsaved-indicator" : "save-status"}${suffix}`, children: dirty ? t.unsaved : status || t.noChanges }),
+    !suffix && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Button, { variant: "tertiary", onClick: restore, disabled: !canUpdate || saving, "data-testid": "restore-blockscene-settings", children: data.projectDefaults ? t.restoreProject : t.resetAll }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Button, { onClick: save, disabled: !canUpdate || invalid || !dirty, loading: saving, "data-testid": `save-blockscene-settings${suffix}`, children: t.save })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref: header, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { padding: 8, background: "neutral100", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: header, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "alpha", tag: "h1", children: t.settingsTitle }),
       controls("")
     ] }) }),
-    floating && main.width > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "beta", tag: "p", children: t.settingsTitle }),
+    floating && main.width > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Bar, { style: { left: main.left, width: main.width }, "data-testid": "settings-floating-bar", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 4, alignItems: "center", justifyContent: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "beta", tag: "p", children: t.settingsTitle }),
       controls("-floating")
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { textColor: "neutral600", children: t.settingsIntro }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      data.disabled && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Box, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "beta", tag: "h2", children: t.palette }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { textColor: "neutral600", children: t.settingsIntro }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { children: "\u2026" }) : !canRead ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { role: "alert", children: t.denied }) : failed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { role: "alert", children: t.loadFailed }) : !settings || !catalog ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      data.disabled && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { role: "alert", textColor: "warning700", children: t.disabledByServer }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "beta", tag: "h2", children: t.palette }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Swatches, { children: Object.keys(DEFAULT_PALETTE).map((key) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ColorField,
           {
             name: `palette-${key}`,
@@ -2058,33 +4647,37 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
           },
           key
         )) }),
-        invalid && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { role: "alert", textColor: "danger600", children: t.invalidColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { direction: "column", gap: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Box, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Wireframe, { template, palette: settings.palette }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
+        badColor && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { role: "alert", textColor: "danger600", children: t.invalidColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.previewLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Swatches, { "data-testid": "palette-preview", children: TEMPLATES.map((template) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", gap: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { style: { aspectRatio: "16 / 9", overflow: "hidden" }, hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Wireframe, { template, palette: settings.palette }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.templates[template] })
         ] }, template)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Button, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Button, { variant: "tertiary", size: "S", disabled: !canUpdate, onClick: () => update((s) => {
           s.palette = { ...DEFAULT_PALETTE };
           return s;
         }), children: t.resetPalette }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "beta", tag: "h2", children: t.editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "beta", tag: "h2", children: t.editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-enabled", label: t.enabled, value: editor.enabled, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.enabled = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.enabledHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-showOpenAll", label: t.showOpenAll, value: editor.showOpenAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showOpenAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-showCloseAll", label: t.showCloseAll, value: editor.showCloseAll, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
           s.editor.showCloseAll = v;
           return s;
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-showRowThumbnails", label: t.showRowThumbnails, value: editor.showRowThumbnails !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          s.editor.showRowThumbnails = v;
+          return s;
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           SelectField2,
           {
             name: "editor-initialState",
@@ -2098,10 +4691,25 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
-        previewSupported ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            TextField,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.rememberHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          TextField2,
+          {
+            name: "editor-blockPreviewUrl",
+            label: t.blockPreviewUrl,
+            value: editor.blockPreviewUrl || "",
+            disabled: !canUpdate || saving,
+            placeholder: "http://localhost:3000/block-preview/{name}/{variant}",
+            onChange: (v) => update((s) => {
+              s.editor.blockPreviewUrl = v.trim();
+              return s;
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewUrlHelp }),
+        previewSupported ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            TextField2,
             {
               name: "editor-previewUrl",
               label: t.previewUrl,
@@ -2114,8 +4722,8 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
               })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.previewUrlHelp }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             SelectField2,
             {
               name: "editor-previewMode",
@@ -2129,26 +4737,119 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
               })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
-          data.blockPreviewAvailable && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToggleField2, { name: "editor-blockPreviewInForm", label: t.blockPreviewInForm, value: editor.blockPreviewInForm, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.previewModeHelp }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-lazyEditors", label: t.lazyEditors, value: editor.lazyEditors !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+            s.editor.lazyEditors = v;
+            return s;
+          }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            UidListField,
+            {
+              TextField: TextField2,
+              name: "editor-lazyFields",
+              label: t.lazyFields,
+              value: editor.lazyFields || [],
+              disabled: !canUpdate || saving || editor.lazyEditors === false,
+              placeholder: "plugin::ckeditor5.CKEditor",
+              onChange: (uids) => update((s) => {
+                s.editor.lazyFields = uids;
+                return s;
+              })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: badLazy ? "danger600" : "neutral600", role: badLazy ? "alert" : void 0, children: badLazy ? t.f("lazyFieldsInvalid", { max: LAZY_MAX }) : t.lazyEditorsHelp }),
+          data.blockPreviewAvailable && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-blockPreviewInForm", label: t.blockPreviewInForm, value: editor.blockPreviewInForm, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
               s.editor.blockPreviewInForm = v;
               return s;
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.blockPreviewInFormHelp })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: t.previewV4 })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.previewV4 })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "row-actions-settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "beta", tag: "h2", children: t.rowActionsTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-confirmDelete", label: t.confirmDeleteOption, value: editor.confirmDelete !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          s.editor.confirmDelete = v;
+          return s;
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-duplicate", label: t.duplicateOption, value: editor.duplicate !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          s.editor.duplicate = v;
+          return s;
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleField2, { name: "editor-clipboard", label: t.clipboardOption, value: editor.clipboard !== false, disabled: !canUpdate || saving, onChange: (v) => update((s) => {
+          s.editor.clipboard = v;
+          return s;
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SelectField2,
+          {
+            name: "editor-hiddenBlocks",
+            label: t.hiddenBlocks,
+            value: editor.hiddenBlocks || "strip",
+            disabled: !canUpdate || saving || !data.hiddenAttribute,
+            options: ["strip", "flag", "off"].map((value) => ({ value, label: t.hiddenModes[value] })),
+            onChange: (v) => update((s) => {
+              s.editor.hiddenBlocks = v;
+              return s;
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: data.hiddenAttribute ? t.hiddenBlocksHelp : t.hiddenAttributeOff })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "beta", tag: "h2", children: t.components }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Searchbar, { name: "component-filter", value: filter, placeholder: t.filter, clearLabel: t.clear, onClear: () => setFilter(""), onChange: (e) => setFilter(e.target.value), children: t.filter }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Grid, { "data-testid": "components-grid", children: components.map((component) => {
+      (data.contentTypes || []).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 4, "data-testid": "content-types", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "beta", tag: "h2", children: t.contentTypes }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: t.contentTypesHelp }),
+        data.contentTypes.map((type) => {
+          const entry = settings.contentTypes?.[type.uid] || {};
+          const set = (key, value, fallback) => update((s) => {
+            const next = { ...s.contentTypes?.[type.uid] || {} };
+            if (value === fallback) delete next[key];
+            else next[key] = value;
+            s.contentTypes = { ...s.contentTypes || {} };
+            if (Object.keys(next).length) s.contentTypes[type.uid] = next;
+            else delete s.contentTypes[type.uid];
+            return s;
+          });
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 6, alignItems: "flex-end", wrap: "wrap", "data-testid": `content-type-${type.uid}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { style: { minWidth: 220 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                ToggleField2,
+                {
+                  name: `type-enabled-${type.uid}`,
+                  label: type.displayName,
+                  value: entry.enabled !== false,
+                  disabled: !canUpdate || saving,
+                  onChange: (v) => set("enabled", v, true)
+                }
+              ) }),
+              previewSupported && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { style: { minWidth: 240 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                SelectField2,
+                {
+                  name: `type-mode-${type.uid}`,
+                  label: t.typeMode,
+                  value: entry.previewMode || "default",
+                  disabled: !canUpdate || saving || entry.enabled === false,
+                  options: [{ value: "default", label: t.f("modeDefault", { mode: t.modes[editor.previewMode || "form"] }) }, ...["form", "split", "preview"].map((value) => ({ value, label: t.modes[value] }))],
+                  onChange: (v) => set("previewMode", v, "default")
+                }
+              ) })
+            ] }),
+            previewSupported && entry.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SidebarEditor, { type, entry, set, t, disabled: !canUpdate || saving, SelectField: SelectField2, TextField: TextField2 })
+          ] }, type.uid);
+        }),
+        badSidebar && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { role: "alert", textColor: "danger600", children: t.sidebarInvalidSave })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Box, { padding: 6, background: "neutral0", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "beta", tag: "h2", children: t.components }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Searchbar, { name: "component-filter", value: filter, placeholder: t.filter, clearLabel: t.clear, onClear: () => setFilter(""), onChange: (e) => setFilter(e.target.value), children: t.filter }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", "data-testid": "components-count", children: t.f("countAll", { count: components.length }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Grid, { "data-testid": "components-grid", children: components.map((component) => {
           const entry = settings.components[component.uid] || {};
           const meta = { ...catalog.components?.[component.uid] || {}, ...media[component.uid] || {} };
           const candidates = candidatesFor(component.uid, meta, catalog);
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Card2, { "data-testid": `settings-${component.uid}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Card2, { "data-testid": `settings-${component.uid}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               Thumb,
               {
                 candidates,
@@ -2159,23 +4860,23 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                 onResolved: (index) => setSources((current) => current[component.uid] === index ? current : { ...current, [component.uid]: index })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Typography, { variant: "pi", textColor: "neutral600", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { fontWeight: "bold", textColor: "neutral800", children: component.displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Typography, { variant: "pi", textColor: "neutral600", children: [
                 component.uid,
                 " \xB7 ",
                 component.category
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Typography, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Typography, { variant: "pi", "data-testid": `source-${component.uid}`, children: [
                 t.source,
                 ": ",
                 sourceOf(component.uid, Boolean(meta.manualImage)),
                 meta.manualName ? ` (${meta.manualName})` : ""
               ] }),
-              meta.manualMissing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Flex, { gap: 2, wrap: "wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Button, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
-                entry.mediaId && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.Button, { variant: "tertiary", size: "S", disabled: !canUpdate || saving, onClick: () => {
+              meta.manualMissing && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Typography, { variant: "pi", role: "alert", textColor: "danger600", children: t.brokenMedia }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system3.Flex, { gap: 2, wrap: "wrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Button, { variant: "secondary", size: "S", disabled: !canUpdate || saving, onClick: () => setPicking(component.uid), children: entry.mediaId ? t.replace : t.choose }),
+                entry.mediaId && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system3.Button, { variant: "tertiary", size: "S", disabled: !canUpdate || saving, onClick: () => {
                   update((s) => {
                     delete s.components[component.uid]?.mediaId;
                     if (!Object.keys(s.components[component.uid] || {}).length) delete s.components[component.uid];
@@ -2188,7 +4889,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                   });
                 }, children: t.useAutomatic })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 SelectField2,
                 {
                   name: `template-${component.uid}`,
@@ -2201,12 +4902,34 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
                     return s;
                   })
                 }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                SelectField2,
+                {
+                  name: `typology-${component.uid}`,
+                  label: t.typology,
+                  value: entry.typology || "auto",
+                  disabled: !canUpdate || saving,
+                  options: [{ value: "auto", label: t.f("typologyAuto", { name: t.typologies[component.typology] || component.typology }) }, ...(data.typologies || []).map((value) => ({ value, label: t.typologies[value] }))],
+                  onChange: (v) => setComponent(component.uid, "typology", v === "auto" ? void 0 : v)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                TagsField,
+                {
+                  name: `tags-${component.uid}`,
+                  label: t.tags,
+                  hint: t.tagsHelp,
+                  value: entry.tags || [],
+                  disabled: !canUpdate || saving,
+                  onChange: (tags) => setComponent(component.uid, "tags", tags.length ? tags : void 0)
+                }
               )
             ] })
           ] }, component.uid);
         }) })
       ] }) }),
-      picking && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
+      picking && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MediaPicker2, { onClose: () => setPicking(null), onSelect: (asset) => {
         const uid = picking;
         setPicking(null);
         if (!asset?.id) return;
@@ -2219,7 +4942,7 @@ function Settings({ useClient, usePermissions: usePermissions2, MediaPicker: Med
     ] })
   ] }) });
 }
-function register(app, Component, to) {
+function register(app, Component2, to) {
   app.createSettingSection(
     { id: "blockscene", intlLabel: { id: "blockscene.title", defaultMessage: "Blockscene" } },
     [{
@@ -2228,17 +4951,17 @@ function register(app, Component, to) {
       intlLabel: { id: "blockscene.settings", defaultMessage: "Gallery" },
       // Module shape: older Strapi 4 (e.g. 4.11) only reads `.default` from the loader result.
       // Not an `async` function: Strapi 5 warns on AsyncFunction loaders.
-      Component: () => Promise.resolve({ default: Component }),
+      Component: () => Promise.resolve({ default: Component2 }),
       permissions: permissions.read
     }]
   );
 }
 
 // admin/catalog.ts
-var React4 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 function useCatalog(get) {
-  const [catalog, setCatalog] = React4.useState(null);
-  React4.useEffect(() => {
+  const [catalog, setCatalog] = React6.useState(null);
+  React6.useEffect(() => {
     let active = true;
     get("/blockscene/catalog").then(({ data }) => {
       if (active) setCatalog(data);
@@ -2252,23 +4975,63 @@ function useCatalog(get) {
   return catalog;
 }
 
+// admin/Guard.tsx
+var React7 = __toESM(require("react"));
+var import_design_system4 = require("@strapi/design-system");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Notice = () => {
+  const t = useMessages();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Box, { padding: 3, background: "warning100", hasRadius: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system4.Typography, { variant: "pi", textColor: "warning700", role: "alert", children: t.crashed }) });
+};
+var Guard = class extends React7.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", { failed: false });
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    console.error("[blockscene] disabled for this view after an error:", error);
+  }
+  render() {
+    return this.state.failed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Notice, {}) : this.props.children;
+  }
+};
+
 // admin/strapi4.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function Modal({ open, onOpenChange, trigger, title, children }) {
-  const id = React5.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Modal({ open, onOpenChange, trigger, title, children, width = "80vw" }) {
+  const id = React8.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
     trigger,
-    open && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system3.ModalLayout, { onClose: () => onOpenChange(false), labelledBy: id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.ModalHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Typography, { id, variant: "beta", children: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.ModalBody, { children })
+    open && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.ModalLayout, { onClose: () => onOpenChange(false), labelledBy: id, width, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.ModalHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { id, variant: "beta", children: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.ModalBody, { children })
     ] })
   ] });
 }
+function useRowForm(c, components) {
+  const toggleNotification = (0, import_helper_plugin.useNotification)();
+  const latest = React8.useRef(c.modifiedData);
+  latest.current = c.modifiedData;
+  if (typeof c.onChange !== "function") return null;
+  return {
+    model: c.slug,
+    locale: c.initialData?.locale || void 0,
+    rows: (zone) => Array.isArray(latest.current?.[zone]) ? latest.current[zone] : [],
+    setRows: (zone, rows) => c.onChange({ target: { name: zone, value: rows } }),
+    keys: (rows, _at, n) => integerKeys(rows, n),
+    notify: (type, message) => toggleNotification({ type, message }),
+    prepare: async (rows) => rows.map((row) => cloneRow(row, components))
+  };
+}
 function Picker() {
   const c = (0, import_helper_plugin.useCMEditViewDataManager)();
-  const { get } = (0, import_helper_plugin.useFetchClient)();
+  const { get, put } = (0, import_helper_plugin.useFetchClient)();
   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 zones = editableZones(
@@ -2299,9 +5062,9 @@ function Picker() {
       );
     return true;
   };
-  if (!catalog?.editor?.enabled) return null;
+  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__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Gallery,
     {
       zones,
@@ -2310,17 +5073,19 @@ function Picker() {
       Modal,
       Toggle: ToggleField,
       get,
+      put,
       editor: catalog.editor,
       catalog,
       docKey,
       contentType: c.slug,
-      userId: import_helper_plugin.auth.getUserInfo?.()?.id
+      userId: import_helper_plugin.auth.getUserInfo?.()?.id,
+      form
     }
   );
 }
-var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system3.Flex, { gap: 3, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_design_system3.Switch,
+var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system5.Flex, { gap: 3, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_design_system5.Switch,
     {
       name,
       "aria-label": label,
@@ -2329,8 +5094,9 @@ var ToggleField = ({ name, label, value, onChange, disabled }) => /* @__PURE__ *
       onChange: () => onChange(!value)
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Typography, { children: label })
+  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.Typography, { children: label })
 ] });
+var TextField = ({ name, label, value, onChange, disabled, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.TextInput, { name, label, value, disabled, placeholder, onChange: (e) => onChange(e.target.value) });
 var SelectField = ({
   name,
   label,
@@ -2338,15 +5104,15 @@ var SelectField = ({
   onChange,
   disabled,
   options
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  import_design_system3.SingleSelect,
+}) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  import_design_system5.SingleSelect,
   {
     name,
     label,
     value,
     disabled,
     onChange: (v) => onChange(String(v)),
-    children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.SingleSelectOption, { value: o.value, children: o.label }, o.value))
+    children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system5.SingleSelectOption, { value: o.value, children: o.label }, o.value))
   }
 );
 function MediaPicker({ onClose, onSelect }) {
@@ -2356,7 +5122,7 @@ function MediaPicker({ onClose, onSelect }) {
     onClose();
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Dialog,
     {
       onClose,
@@ -2373,7 +5139,7 @@ function usePermissions() {
     isLoading
   };
 }
-var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   Settings,
   {
     useClient: import_helper_plugin.useFetchClient,
@@ -2381,9 +5147,10 @@ var SettingsPage = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     MediaPicker,
     ToggleField,
     SelectField,
+    TextField,
     previewSupported: false
   }
-);
+) });
 var strapi4_default = {
   register(app) {
     register(app, SettingsPage, "/settings/blockscene");
@@ -2393,7 +5160,7 @@ var strapi4_default = {
   bootstrap(app) {
     app.injectContentManagerComponent("editView", "right-links", {
       name: "blockscene",
-      Component: Picker
+      Component: () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Guard, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Picker, {}) })
     });
   }
 };