@firecms/core 3.0.0-canary.286 → 3.0.0-canary.288

package/dist/index.umd.js

@@ -253,6 +253,13 @@
   function isObject(item) {
     return item && typeof item === "object" && !Array.isArray(item);
   }
+  function isPlainObject(obj) {
+    if (typeof obj !== "object" || obj === null || Array.isArray(obj)) {
+      return false;
+    }
+    const proto = Object.getPrototypeOf(obj);
+    return proto === Object.prototype;
+  }
   function mergeDeep(target, source, ignoreUndefined = false) {
     if (!isObject(target)) {
       return target;
@@ -273,7 +280,28 @@
         if (sourceValue instanceof Date) {
           output[key] = new Date(sourceValue.getTime());
         } else if (Array.isArray(sourceValue)) {
-          output[key] = [...sourceValue];
+          if (Array.isArray(outputValue)) {
+            const newArray = [];
+            const maxLength = Math.max(outputValue.length, sourceValue.length);
+            for (let i = 0; i < maxLength; i++) {
+              const sourceItem = sourceValue[i];
+              const targetItem = outputValue[i];
+              if (i >= sourceValue.length) {
+                newArray[i] = targetItem;
+              } else if (i >= outputValue.length) {
+                newArray[i] = sourceItem;
+              } else if (sourceItem === null) {
+                newArray[i] = targetItem;
+              } else if (isObject(sourceItem) && isObject(targetItem)) {
+                newArray[i] = mergeDeep(targetItem, sourceItem, ignoreUndefined);
+              } else {
+                newArray[i] = sourceItem;
+              }
+            }
+            output[key] = newArray;
+          } else {
+            output[key] = [...sourceValue];
+          }
         } else if (isObject(sourceValue)) {
           if (isObject(outputValue)) {
             output[key] = mergeDeep(outputValue, sourceValue, ignoreUndefined);
@@ -1052,6 +1080,12 @@
       };
     });
   };
+  function getLocalChangesBackup(collection) {
+    if (!collection.localChangesBackup) {
+      return "manual_apply";
+    }
+    return collection.localChangesBackup;
+  }
   const kebabCaseRegex = /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g;
   const toKebabCase = (str) => {
     const regExpMatchArray = str.match(kebabCaseRegex);
@@ -6769,7 +6803,7 @@
     return t3;
   }
   function NumberPropertyPreview(t0) {
-    const $ = reactCompilerRuntime.c(10);
+    const $ = reactCompilerRuntime.c(12);
     const {
       value,
       property,
@@ -6787,38 +6821,42 @@
       }
       const enumValues = t1;
       if (!enumValues) {
-        let t22;
-        if ($[2] !== value) {
-          t22 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: value });
-          $[2] = value;
-          $[3] = t22;
+        const t22 = size === "small" ? "text-sm" : "";
+        let t32;
+        if ($[2] !== t22 || $[3] !== value) {
+          t32 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: t22, children: value });
+          $[2] = t22;
+          $[3] = value;
+          $[4] = t32;
         } else {
-          t22 = $[3];
+          t32 = $[4];
         }
-        return t22;
+        return t32;
       }
       const t2 = size !== "medium" ? "small" : "medium";
       let t3;
-      if ($[4] !== enumKey || $[5] !== enumValues || $[6] !== t2) {
+      if ($[5] !== enumKey || $[6] !== enumValues || $[7] !== t2) {
         t3 = /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey, enumValues, size: t2 });
-        $[4] = enumKey;
-        $[5] = enumValues;
-        $[6] = t2;
-        $[7] = t3;
+        $[5] = enumKey;
+        $[6] = enumValues;
+        $[7] = t2;
+        $[8] = t3;
       } else {
-        t3 = $[7];
+        t3 = $[8];
       }
       return t3;
     } else {
-      let t1;
-      if ($[8] !== value) {
-        t1 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: value });
-        $[8] = value;
+      const t1 = size === "small" ? "text-sm" : "";
+      let t2;
+      if ($[9] !== t1 || $[10] !== value) {
+        t2 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: t1, children: value });
         $[9] = t1;
+        $[10] = value;
+        $[11] = t2;
       } else {
-        t1 = $[9];
+        t2 = $[11];
       }
-      return t1;
+      return t2;
     }
   }
   function UserDisplay(t0) {
@@ -7367,6 +7405,389 @@
     }
     return t3;
   });
+  function buildPropertyLabelAndGetProperty(properties, key) {
+    if (!key) return {
+      label: "",
+      property: void 0
+    };
+    const segments = [];
+    const re = /([^[.\]]+)|\[(\d+)\]/g;
+    let m;
+    while ((m = re.exec(key)) !== null) {
+      if (m[1] !== void 0) segments.push(m[1]);
+      else if (m[2] !== void 0) segments.push(Number(m[2]));
+    }
+    let currentProps = properties;
+    let currentProp;
+    let lastLabel = "";
+    const getArrayOfProp = (p) => {
+      if (!p || p.dataType !== "array") return void 0;
+      return Array.isArray(p.of) ? p.of[0] : p.of;
+    };
+    for (const seg of segments) {
+      if (typeof seg === "number") {
+        lastLabel = `[${seg}]`;
+        if (currentProp?.dataType === "array") {
+          currentProp = getArrayOfProp(currentProp);
+          if (currentProp?.dataType === "map" && currentProp.properties) {
+            currentProps = currentProp.properties;
+          } else {
+            currentProps = void 0;
+          }
+        } else {
+          currentProp = void 0;
+          currentProps = void 0;
+        }
+        continue;
+      }
+      if (currentProps && currentProps[seg]) {
+        const nextProp = currentProps[seg];
+        currentProp = nextProp;
+        lastLabel = nextProp.name || String(seg);
+        if (nextProp.dataType === "map" && nextProp.properties) {
+          currentProps = nextProp.properties;
+        } else if (nextProp.dataType === "array") {
+          currentProps = void 0;
+        } else {
+          currentProps = void 0;
+        }
+      } else {
+        currentProp = void 0;
+        currentProps = void 0;
+        lastLabel = String(seg);
+      }
+    }
+    return {
+      label: lastLabel,
+      property: currentProp
+    };
+  }
+  const pathEndsWithIndex = (p) => /\[\d+\]$/.test(p);
+  const PropertyCollectionView = (t0) => {
+    const $ = reactCompilerRuntime.c(89);
+    const {
+      data,
+      properties,
+      baseKey: t1,
+      suppressHeader: t2,
+      size: t3
+    } = t0;
+    const baseKey = t1 === void 0 ? "" : t1;
+    const suppressHeader = t2 === void 0 ? false : t2;
+    const size = t3 === void 0 ? "small" : t3;
+    const isTopLevel = !!baseKey && !baseKey.includes(".") && !baseKey.includes("[");
+    if (Array.isArray(data)) {
+      let t4;
+      if ($[0] !== baseKey || $[1] !== properties) {
+        t4 = baseKey ? buildPropertyLabelAndGetProperty(properties, baseKey) : {
+          label: "",
+          property: void 0
+        };
+        $[0] = baseKey;
+        $[1] = properties;
+        $[2] = t4;
+      } else {
+        t4 = $[2];
+      }
+      const {
+        label: arrayLabel,
+        property
+      } = t4;
+      const ofProp = property?.dataType === "array" ? Array.isArray(property.of) ? property.of[0] : property.of : void 0;
+      const isArrayOfMaps = ofProp?.dataType === "map";
+      const isArrayOfPrimitives = property?.dataType === "array" && ofProp && ofProp.dataType !== "map";
+      if (baseKey && property && isArrayOfPrimitives) {
+        const t52 = `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${ui.defaultBorderMixin}` : ""}`;
+        let t62;
+        if ($[3] !== arrayLabel) {
+          t62 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-4 pr-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", component: "span", className: "break-words", children: arrayLabel }) });
+          $[3] = arrayLabel;
+          $[4] = t62;
+        } else {
+          t62 = $[4];
+        }
+        let t72;
+        if ($[5] !== baseKey || $[6] !== data || $[7] !== property || $[8] !== size) {
+          t72 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-8", children: /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: baseKey, value: data, property, size }) });
+          $[5] = baseKey;
+          $[6] = data;
+          $[7] = property;
+          $[8] = size;
+          $[9] = t72;
+        } else {
+          t72 = $[9];
+        }
+        let t82;
+        if ($[10] !== t52 || $[11] !== t62 || $[12] !== t72) {
+          t82 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t52, children: [
+            t62,
+            t72
+          ] });
+          $[10] = t52;
+          $[11] = t62;
+          $[12] = t72;
+          $[13] = t82;
+        } else {
+          t82 = $[13];
+        }
+        return t82;
+      }
+      const t5 = `${isTopLevel ? "py-4" : "py-1"} ${isTopLevel ? `border-b ${ui.defaultBorderMixin}` : ""}`;
+      let t6;
+      if ($[14] !== arrayLabel || $[15] !== baseKey || $[16] !== suppressHeader) {
+        t6 = baseKey && arrayLabel && !suppressHeader && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", component: "span", children: arrayLabel });
+        $[14] = arrayLabel;
+        $[15] = baseKey;
+        $[16] = suppressHeader;
+        $[17] = t6;
+      } else {
+        t6 = $[17];
+      }
+      const t7 = baseKey ? `pl-4 mt-1 border-l ${ui.defaultBorderMixin}` : "";
+      let t8;
+      if ($[18] !== baseKey || $[19] !== data || $[20] !== isArrayOfMaps || $[21] !== ofProp || $[22] !== properties || $[23] !== size) {
+        let t92;
+        if ($[25] !== baseKey || $[26] !== isArrayOfMaps || $[27] !== ofProp || $[28] !== properties || $[29] !== size) {
+          t92 = (item, index) => {
+            if (item === null || item === void 0) {
+              return null;
+            }
+            const currentKey = baseKey ? `${baseKey}[${index}]` : `[${index}]`;
+            const itemHeader = isArrayOfMaps && ofProp?.name ? `${ofProp.name} [${index}]` : `[${index}]`;
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", component: "span", children: itemHeader }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: `pl-4 mt-1 border-l ${ui.defaultBorderMixin}`, children: /* @__PURE__ */ jsxRuntime.jsx(PropertyCollectionView, { data: item, properties, baseKey: currentKey, suppressHeader: true, size }) })
+            ] }, currentKey);
+          };
+          $[25] = baseKey;
+          $[26] = isArrayOfMaps;
+          $[27] = ofProp;
+          $[28] = properties;
+          $[29] = size;
+          $[30] = t92;
+        } else {
+          t92 = $[30];
+        }
+        t8 = data.map(t92);
+        $[18] = baseKey;
+        $[19] = data;
+        $[20] = isArrayOfMaps;
+        $[21] = ofProp;
+        $[22] = properties;
+        $[23] = size;
+        $[24] = t8;
+      } else {
+        t8 = $[24];
+      }
+      let t9;
+      if ($[31] !== t7 || $[32] !== t8) {
+        t9 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t7, children: t8 });
+        $[31] = t7;
+        $[32] = t8;
+        $[33] = t9;
+      } else {
+        t9 = $[33];
+      }
+      let t10;
+      if ($[34] !== t5 || $[35] !== t6 || $[36] !== t9) {
+        t10 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t5, children: [
+          t6,
+          t9
+        ] });
+        $[34] = t5;
+        $[35] = t6;
+        $[36] = t9;
+        $[37] = t10;
+      } else {
+        t10 = $[37];
+      }
+      return t10;
+    }
+    if (typeof data === "object" && data !== null) {
+      let t4;
+      if ($[38] !== baseKey || $[39] !== properties) {
+        t4 = baseKey ? buildPropertyLabelAndGetProperty(properties, baseKey) : {
+          label: "",
+          property: void 0
+        };
+        $[38] = baseKey;
+        $[39] = properties;
+        $[40] = t4;
+      } else {
+        t4 = $[40];
+      }
+      const {
+        label,
+        property: property_0
+      } = t4;
+      if (baseKey && (!property_0 || property_0.dataType !== "map" || !property_0.properties)) {
+        if (!property_0) {
+          return null;
+        }
+        const t52 = `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${ui.defaultBorderMixin}` : ""}`;
+        let t62;
+        if ($[41] !== label) {
+          t62 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-4 pr-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", component: "span", className: "break-words", children: label }) });
+          $[41] = label;
+          $[42] = t62;
+        } else {
+          t62 = $[42];
+        }
+        let t72;
+        if ($[43] !== baseKey || $[44] !== data || $[45] !== property_0 || $[46] !== size) {
+          t72 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-8", children: /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: baseKey, value: data, property: property_0, size }) });
+          $[43] = baseKey;
+          $[44] = data;
+          $[45] = property_0;
+          $[46] = size;
+          $[47] = t72;
+        } else {
+          t72 = $[47];
+        }
+        let t82;
+        if ($[48] !== t52 || $[49] !== t62 || $[50] !== t72) {
+          t82 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t52, children: [
+            t62,
+            t72
+          ] });
+          $[48] = t52;
+          $[49] = t62;
+          $[50] = t72;
+          $[51] = t82;
+        } else {
+          t82 = $[51];
+        }
+        return t82;
+      }
+      let t5;
+      if ($[52] !== baseKey || $[53] !== property_0 || $[54] !== suppressHeader) {
+        t5 = baseKey && !suppressHeader && property_0?.dataType === "map" && (property_0.name || !pathEndsWithIndex(baseKey));
+        $[52] = baseKey;
+        $[53] = property_0;
+        $[54] = suppressHeader;
+        $[55] = t5;
+      } else {
+        t5 = $[55];
+      }
+      const showMapHeader = t5;
+      const headerText = property_0?.name || label;
+      const t6 = `${isTopLevel ? "py-4" : "py-1"} ${isTopLevel ? `border-b ${ui.defaultBorderMixin}` : ""}`;
+      let t7;
+      if ($[56] !== headerText || $[57] !== showMapHeader) {
+        t7 = showMapHeader && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", component: "span", children: headerText });
+        $[56] = headerText;
+        $[57] = showMapHeader;
+        $[58] = t7;
+      } else {
+        t7 = $[58];
+      }
+      const t8 = baseKey ? `pl-4 mt-1 border-l ${ui.defaultBorderMixin}` : "";
+      let t9;
+      if ($[59] !== baseKey || $[60] !== data || $[61] !== properties || $[62] !== size) {
+        let t102;
+        if ($[64] !== baseKey || $[65] !== properties || $[66] !== size) {
+          t102 = (t112) => {
+            const [key, value] = t112;
+            if (value === null || value === void 0) {
+              return null;
+            }
+            const currentKey_0 = baseKey ? `${baseKey}.${key}` : key;
+            return /* @__PURE__ */ jsxRuntime.jsx(PropertyCollectionView, { data: value, properties, baseKey: currentKey_0, size }, currentKey_0);
+          };
+          $[64] = baseKey;
+          $[65] = properties;
+          $[66] = size;
+          $[67] = t102;
+        } else {
+          t102 = $[67];
+        }
+        t9 = Object.entries(data).map(t102);
+        $[59] = baseKey;
+        $[60] = data;
+        $[61] = properties;
+        $[62] = size;
+        $[63] = t9;
+      } else {
+        t9 = $[63];
+      }
+      let t10;
+      if ($[68] !== t8 || $[69] !== t9) {
+        t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t8, children: t9 });
+        $[68] = t8;
+        $[69] = t9;
+        $[70] = t10;
+      } else {
+        t10 = $[70];
+      }
+      let t11;
+      if ($[71] !== t10 || $[72] !== t6 || $[73] !== t7) {
+        t11 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t6, children: [
+          t7,
+          t10
+        ] });
+        $[71] = t10;
+        $[72] = t6;
+        $[73] = t7;
+        $[74] = t11;
+      } else {
+        t11 = $[74];
+      }
+      return t11;
+    }
+    if (baseKey) {
+      let t4;
+      if ($[75] !== baseKey || $[76] !== properties) {
+        t4 = buildPropertyLabelAndGetProperty(properties, baseKey);
+        $[75] = baseKey;
+        $[76] = properties;
+        $[77] = t4;
+      } else {
+        t4 = $[77];
+      }
+      const {
+        label: label_0,
+        property: property_1
+      } = t4;
+      if (!property_1) {
+        return null;
+      }
+      const t5 = `grid grid-cols-12 gap-x-4 ${isTopLevel ? "py-4" : "py-2"} items-start ${isTopLevel ? `border-b ${ui.defaultBorderMixin}` : ""}`;
+      let t6;
+      if ($[78] !== label_0) {
+        t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-4 pr-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", component: "span", className: "break-words", children: label_0 }) });
+        $[78] = label_0;
+        $[79] = t6;
+      } else {
+        t6 = $[79];
+      }
+      let t7;
+      if ($[80] !== baseKey || $[81] !== data || $[82] !== property_1 || $[83] !== size) {
+        t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-8", children: /* @__PURE__ */ jsxRuntime.jsx(PropertyPreview, { propertyKey: baseKey, value: data, property: property_1, size }) });
+        $[80] = baseKey;
+        $[81] = data;
+        $[82] = property_1;
+        $[83] = size;
+        $[84] = t7;
+      } else {
+        t7 = $[84];
+      }
+      let t8;
+      if ($[85] !== t5 || $[86] !== t6 || $[87] !== t7) {
+        t8 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t5, children: [
+          t6,
+          t7
+        ] });
+        $[85] = t5;
+        $[86] = t6;
+        $[87] = t7;
+        $[88] = t8;
+      } else {
+        t8 = $[88];
+      }
+      return t8;
+    }
+    return null;
+  };
   function EntityView({
     entity,
     collection,
@@ -7384,31 +7805,17 @@
       authController
     }), [collection, path, entity, customizationController.propertyConfigs]);
     const properties = resolvedCollection.properties;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full " + className, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full mb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls(ui.defaultBorderMixin, "flex justify-between py-2 border-b last:border-b-0"), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center w-1/4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pl-2 text-sm text-surface-600", children: "Id" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-2 ml-2 w-3/4 text-surface-900 dark:text-white min-h-[56px] flex items-center", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full " + className, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full mb-4 p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `grid grid-cols-12 gap-x-4 py-4 items-start border-b ${ui.defaultBorderMixin}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-4 pr-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", component: "span", className: "break-words", children: "Id" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow text-surface-900 dark:text-white flex items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-grow mr-2", children: entity.id }),
           customizationController?.entityLinkBuilder && /* @__PURE__ */ jsxRuntime.jsx("a", { href: customizationController.entityLinkBuilder({
             entity
           }), rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.OpenInNewIcon, { size: "small" }) }) })
-        ] })
+        ] }) })
       ] }),
-      Object.entries(properties).map(([key, property]) => {
-        const value = entity.values?.[key];
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls(ui.defaultBorderMixin, "flex justify-between py-2 border-b last:border-b-0"), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center w-1/4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pl-2 text-sm text-surface-600", children: property.name }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow p-2 ml-2 w-3/4 text-surface-900 dark:text-white min-h-[56px] flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-            PropertyPreview,
-            {
-              propertyKey: key,
-              value,
-              property,
-              size: "medium"
-            }
-          ) })
-        ] }, `reference_previews_${key}`);
-      })
+      /* @__PURE__ */ jsxRuntime.jsx(PropertyCollectionView, { data: entity.values, properties, size: "medium" })
     ] }) });
   }
   function VirtualTableInput(props) {
@@ -9755,28 +10162,40 @@
     return value;
   }
   function saveEntityToCache(path, data) {
-    entityCache.set(path, data);
     if (isLocalStorageAvailable) {
       try {
         const key = LOCAL_STORAGE_PREFIX + path;
         const entityString = JSON.stringify(data, customReplacer);
+        console.log("Saving entity to localStorage:", {
+          key,
+          entityString
+        });
         localStorage.setItem(key, entityString);
       } catch (error) {
         console.error(`Failed to save entity for path "${path}" to localStorage:`, error);
       }
     }
   }
-  function getEntityFromCache(path, useLocalStorage = true) {
-    if (entityCache.has(path)) {
-      return entityCache.get(path);
-    }
-    if (isLocalStorageAvailable && useLocalStorage) {
+  function removeEntityFromMemoryCache(path) {
+    entityCache.delete(path);
+  }
+  function saveEntityToMemoryCache(path, data) {
+    entityCache.set(path, data);
+  }
+  function getEntityFromMemoryCache(path) {
+    return entityCache.get(path);
+  }
+  function getEntityFromCache(path) {
+    if (isLocalStorageAvailable) {
       try {
         const key = LOCAL_STORAGE_PREFIX + path;
         const entityString = localStorage.getItem(key);
         if (entityString) {
           const entity = JSON.parse(entityString, customReviver);
-          entityCache.set(path, entity);
+          console.log("Loaded entity from localStorage:", {
+            key,
+            entity
+          });
           return entity;
         }
       } catch (error) {
@@ -9785,12 +10204,7 @@
     }
     return void 0;
   }
-  function hasEntityInCache(path) {
-    return entityCache.has(path);
-  }
   function removeEntityFromCache(path) {
-    console.debug("Removing entity from cache", path);
-    entityCache.delete(path);
     if (isLocalStorageAvailable) {
       try {
         const key = LOCAL_STORAGE_PREFIX + path;
@@ -9800,6 +10214,26 @@
       }
     }
   }
+  function flattenKeys(obj, prefix = "", result = []) {
+    if (isObject(obj) || Array.isArray(obj)) {
+      const plainObject = isPlainObject(obj);
+      if (!plainObject && prefix) {
+        result.push(prefix);
+      } else {
+        for (const key in obj) {
+          if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            const newKey = prefix ? Array.isArray(obj) ? `${prefix}[${key}]` : `${prefix}.${key}` : key;
+            if (isObject(obj[key]) || Array.isArray(obj[key])) {
+              flattenKeys(obj[key], newKey, result);
+            } else {
+              result.push(newKey);
+            }
+          }
+        }
+      }
+    }
+    return result;
+  }
   const EntityCollectionRowActions = function EntityCollectionRowActions2({
     entity,
     collection,
@@ -9827,8 +10261,8 @@
     const hasCollapsedActions = actions.some((a) => a.collapsed || a.collapsed === void 0);
     const collapsedActions = actions.filter((a_0) => a_0.collapsed || a_0.collapsed === void 0);
     const uncollapsedActions = actions.filter((a_1) => a_1.collapsed === false);
-    const enableLocalChangesBackup = collection?.enableLocalChangesBackup !== void 0 ? collection?.enableLocalChangesBackup : true;
-    const hasDraft = enableLocalChangesBackup ? hasEntityInCache(fullPath + "/" + entity.id) : false;
+    const enableLocalChangesBackup = collection ? getLocalChangesBackup(collection) : false;
+    const hasDraft = enableLocalChangesBackup ? getEntityFromCache(fullPath + "/" + entity.id) : false;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("h-full flex items-center justify-center flex-col bg-surface-50 dark:bg-surface-900 bg-opacity-90 dark:bg-opacity-90 z-10", frozen ? "sticky left-0" : ""), onClick: React.useCallback((event) => {
       event.stopPropagation();
     }, []), style: {
@@ -15163,6 +15597,262 @@
       savingError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { color: "error", children: savingError.message }) })
     ] });
   }
+  function LocalChangesMenu(t0) {
+    const $ = reactCompilerRuntime.c(42);
+    const {
+      localChangesData,
+      formex: formex2,
+      onClearLocalChanges,
+      cacheKey,
+      properties
+    } = t0;
+    const snackbarController = useSnackbarController();
+    const [previewDialogOpen, setPreviewDialogOpen] = React.useState(false);
+    const [open, setOpen] = React.useState(false);
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = () => setOpen(true);
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    const handleOpenMenu = t1;
+    let t2;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = () => setOpen(false);
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    const handleCloseMenu = t2;
+    let t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = () => {
+        setPreviewDialogOpen(true);
+        handleCloseMenu();
+      };
+      $[2] = t3;
+    } else {
+      t3 = $[2];
+    }
+    const handlePreview = t3;
+    let t4;
+    if ($[3] !== formex2 || $[4] !== localChangesData || $[5] !== onClearLocalChanges || $[6] !== snackbarController) {
+      t4 = () => {
+        const mergedValues = mergeDeep(formex2.values, localChangesData);
+        const touched = {
+          ...formex2.touched
+        };
+        const previewKeys = flattenKeys(localChangesData);
+        previewKeys.forEach((key) => {
+          touched[key] = true;
+        });
+        formex2.setTouched(touched);
+        formex2.setValues(mergedValues);
+        snackbarController.open({
+          type: "info",
+          message: "Local changes applied to the form"
+        });
+        handleCloseMenu();
+        onClearLocalChanges?.();
+      };
+      $[3] = formex2;
+      $[4] = localChangesData;
+      $[5] = onClearLocalChanges;
+      $[6] = snackbarController;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
+    }
+    const handleApply = t4;
+    let t5;
+    if ($[8] !== cacheKey || $[9] !== onClearLocalChanges || $[10] !== snackbarController) {
+      t5 = () => {
+        removeEntityFromCache(cacheKey);
+        snackbarController.open({
+          type: "info",
+          message: "Local changes discarded"
+        });
+        handleCloseMenu();
+        onClearLocalChanges?.();
+      };
+      $[8] = cacheKey;
+      $[9] = onClearLocalChanges;
+      $[10] = snackbarController;
+      $[11] = t5;
+    } else {
+      t5 = $[11];
+    }
+    const handleDiscard = t5;
+    let t6;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.WarningIcon, { size: "smallest", className: "mr-1 text-yellow-600 dark:text-yellow-400" });
+      $[12] = t6;
+    } else {
+      t6 = $[12];
+    }
+    let t7;
+    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", className: "font-semibold text-xs rounded-full px-4 py-1 bg-yellow-200 dark:bg-yellow-900 hover:bg-yellow-300 dark:hover:bg-yellow-800 text-yellow-800 dark:text-yellow-200", onClick: handleOpenMenu, children: [
+        t6,
+        "Unsaved Local changes",
+        /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardArrowDownIcon, { size: "smallest" })
+      ] });
+      $[13] = t7;
+    } else {
+      t7 = $[13];
+    }
+    let t8;
+    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-xs px-4 py-4 text-sm text-gray-700 dark:text-gray-300", children: "This document was edited locally and has unsaved changes. These local changes will be lost if you don't apply them." });
+      $[14] = t8;
+    } else {
+      t8 = $[14];
+    }
+    let t9;
+    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { dense: true, onClick: handlePreview, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.VisibilityIcon, { size: "small" }),
+        "Preview Changes"
+      ] });
+      $[15] = t9;
+    } else {
+      t9 = $[15];
+    }
+    let t10;
+    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "small" });
+      $[16] = t10;
+    } else {
+      t10 = $[16];
+    }
+    let t11;
+    if ($[17] !== handleApply) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { dense: true, onClick: handleApply, children: [
+        t10,
+        "Apply Changes"
+      ] });
+      $[17] = handleApply;
+      $[18] = t11;
+    } else {
+      t11 = $[18];
+    }
+    let t12;
+    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.CancelIcon, { size: "small" });
+      $[19] = t12;
+    } else {
+      t12 = $[19];
+    }
+    let t13;
+    if ($[20] !== handleDiscard) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { dense: true, onClick: handleDiscard, children: [
+        t12,
+        "Discard Local Changes"
+      ] });
+      $[20] = handleDiscard;
+      $[21] = t13;
+    } else {
+      t13 = $[21];
+    }
+    let t14;
+    if ($[22] !== open || $[23] !== t11 || $[24] !== t13) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { trigger: t7, open, onOpenChange: setOpen, children: [
+        t8,
+        t9,
+        t11,
+        t13
+      ] });
+      $[22] = open;
+      $[23] = t11;
+      $[24] = t13;
+      $[25] = t14;
+    } else {
+      t14 = $[25];
+    }
+    let t15;
+    let t16;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl mb-4", children: "Preview Local Changes" });
+      t16 = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4", children: "These are the local changes that will be applied to the form." });
+      $[26] = t15;
+      $[27] = t16;
+    } else {
+      t15 = $[26];
+      t16 = $[27];
+    }
+    let t17;
+    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+      t17 = {
+        maxHeight: 520,
+        overflow: "auto"
+      };
+      $[28] = t17;
+    } else {
+      t17 = $[28];
+    }
+    const t18 = properties;
+    let t19;
+    if ($[29] !== localChangesData || $[30] !== t18) {
+      t19 = /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { children: [
+        t15,
+        t16,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `border rounded-lg ${ui.defaultBorderMixin}`, style: t17, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(PropertyCollectionView, { data: localChangesData, properties: t18 }) }) })
+      ] });
+      $[29] = localChangesData;
+      $[30] = t18;
+      $[31] = t19;
+    } else {
+      t19 = $[31];
+    }
+    let t20;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+      t20 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => setPreviewDialogOpen(false), children: "Close" });
+      $[32] = t20;
+    } else {
+      t20 = $[32];
+    }
+    let t21;
+    if ($[33] !== handleApply) {
+      t21 = /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { children: [
+        t20,
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: () => {
+          handleApply();
+          setPreviewDialogOpen(false);
+        }, children: "Apply changes" })
+      ] });
+      $[33] = handleApply;
+      $[34] = t21;
+    } else {
+      t21 = $[34];
+    }
+    let t22;
+    if ($[35] !== previewDialogOpen || $[36] !== t19 || $[37] !== t21) {
+      t22 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Dialog, { open: previewDialogOpen, onOpenChange: setPreviewDialogOpen, maxWidth: "4xl", children: [
+        t19,
+        t21
+      ] });
+      $[35] = previewDialogOpen;
+      $[36] = t19;
+      $[37] = t21;
+      $[38] = t22;
+    } else {
+      t22 = $[38];
+    }
+    let t23;
+    if ($[39] !== t14 || $[40] !== t22) {
+      t23 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        t14,
+        t22
+      ] });
+      $[39] = t14;
+      $[40] = t22;
+      $[41] = t23;
+    } else {
+      t23 = $[41];
+    }
+    return t23;
+  }
   function extractTouchedValues(values, touched) {
     let acc = {};
     if (!touched || typeof touched !== "object") {
@@ -15175,6 +15865,56 @@
     });
     return acc;
   }
+  function getChanges(source, comparison) {
+    const changes = {};
+    if (!source) {
+      return {};
+    }
+    if (!comparison) {
+      return source;
+    }
+    const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(source), ...Object.keys(comparison)]));
+    for (const key of allKeys) {
+      const sourceValue = source[key];
+      const comparisonValue = comparison[key];
+      if (equal(sourceValue, comparisonValue)) {
+        continue;
+      }
+      const sourceHasKey = source && typeof source === "object" && Object.prototype.hasOwnProperty.call(source, key);
+      const comparisonHasKey = comparison && typeof comparison === "object" && Object.prototype.hasOwnProperty.call(comparison, key);
+      if (comparisonHasKey && !sourceHasKey) {
+        changes[key] = void 0;
+      } else if (Array.isArray(sourceValue)) {
+        const comparisonArray = Array.isArray(comparisonValue) ? comparisonValue : [];
+        if (sourceValue.length < comparisonArray.length) {
+          changes[key] = sourceValue;
+          continue;
+        }
+        const changedArray = sourceValue.map((item, index) => {
+          const comparisonItem = comparisonArray[index];
+          if (equal(item, comparisonItem)) {
+            return null;
+          }
+          if (isObject(item) && item && isObject(comparisonItem) && comparisonItem) {
+            const nestedChanges = getChanges(item, comparisonItem);
+            return Object.keys(nestedChanges).length > 0 ? nestedChanges : item;
+          }
+          return item;
+        });
+        if (changedArray.some((item) => item !== null) || sourceValue.length > comparisonArray.length) {
+          changes[key] = changedArray;
+        }
+      } else if (isObject(sourceValue) && sourceValue && isObject(comparisonValue) && comparisonValue) {
+        const nestedChanges = getChanges(sourceValue, comparisonValue);
+        if (Object.keys(nestedChanges).length > 0) {
+          changes[key] = nestedChanges;
+        }
+      } else {
+        changes[key] = sourceValue;
+      }
+    }
+    return changes;
+  }
   function EntityForm({
     path,
     fullIdPath,
@@ -15250,6 +15990,12 @@
     const [entityIdError, setEntityIdError] = React.useState(false);
     const [savingError, setSavingError] = React.useState();
     const autoSave = collection.formAutoSave && !collection.customId;
+    const baseInitialValues = React.useMemo(() => getInitialEntityValues(authController, collection, path, status, entity, customizationController.propertyConfigs), [authController, collection, path, status, entity, customizationController.propertyConfigs]);
+    const localChangesDataRaw = React.useMemo(() => entityId ? getEntityFromCache(path + "/" + entityId) : getEntityFromCache(path + "#new"), [entityId, path]);
+    const [localChangesCleared, setLocalChangesCleared] = React.useState(false);
+    const localChangesBackup = getLocalChangesBackup(collection);
+    const autoApplyLocalChanges = localChangesBackup === "auto_apply";
+    const manualApplyLocalChanges = localChangesBackup === "manual_apply";
     const onSubmit = (values, formexController) => {
       if (mustSetCustomId && !entityId) {
         console.error("Missing custom Id");
@@ -15280,20 +16026,30 @@
         formexController.setSubmitting(false);
       });
     };
-    const baseInitialValues = getInitialEntityValues(authController, collection, path, status, entity, customizationController.propertyConfigs);
-    const initialValues = initialDirtyValues ? mergeDeep(baseInitialValues, initialDirtyValues) : baseInitialValues;
-    const initialDirty = Boolean(initialDirtyValues) && initialDirtyValues && Object.keys(initialDirtyValues).length > 0;
+    const [initialValues_0, initialDirty_0] = React.useMemo(() => {
+      const initialValuesWithLocalChanges = autoApplyLocalChanges && localChangesDataRaw ? mergeDeep(baseInitialValues, localChangesDataRaw) : baseInitialValues;
+      const initialValues = initialDirtyValues ? mergeDeep(initialValuesWithLocalChanges, initialDirtyValues) : initialValuesWithLocalChanges;
+      const initialDirty = Boolean(initialDirtyValues) && initialDirtyValues && Object.keys(initialDirtyValues).length > 0;
+      return [initialValues, initialDirty];
+    }, [autoApplyLocalChanges, localChangesDataRaw, baseInitialValues, initialDirtyValues]);
+    const localChangesData = React.useMemo(() => {
+      if (!localChangesDataRaw) {
+        return void 0;
+      }
+      return getChanges(localChangesDataRaw, initialValues_0);
+    }, [localChangesDataRaw, initialValues_0]);
+    const hasLocalChanges = !localChangesCleared && localChangesData && Object.keys(localChangesData).length > 0;
     const formex$1 = formexProp ?? formex.useCreateFormex({
-      initialValues,
-      initialDirty,
-      initialTouched: initialDirtyValues ? formex.flattenKeys(initialDirtyValues).reduce((previousValue, currentValue) => ({
+      initialValues: initialValues_0,
+      initialDirty: initialDirty_0,
+      initialTouched: initialDirtyValues ? flattenKeys(initialDirtyValues).reduce((previousValue, currentValue) => ({
         ...previousValue,
         [currentValue]: true
       }), {}) : {},
       onSubmit,
       onReset: () => {
         clearDirtyCache();
-        onValuesModified?.(false);
+        onValuesModified?.(false, initialValues_0);
       },
       onValuesChangeDeferred: (values_0, controller) => {
         const key = status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId;
@@ -15352,14 +16108,16 @@
     }, [snackbarController]);
     function clearDirtyCache() {
       if (status === "new" || status === "copy") {
+        removeEntityFromMemoryCache(path + "#new");
         removeEntityFromCache(path + "#new");
       } else {
+        removeEntityFromMemoryCache(path + "/" + entityId);
         removeEntityFromCache(path + "/" + entityId);
       }
     }
     const onSaveSuccess = (updatedEntity) => {
       clearDirtyCache();
-      onValuesModified?.(false);
+      onValuesModified?.(false, updatedEntity.values);
       if (!autoSave) snackbarController.open({
         type: "success",
         message: `${collection.singularName ?? collection.name}: Saved correctly`
@@ -15519,7 +16277,7 @@
     }, [doOnIdUpdate]);
     React.useEffect(() => {
       if (!autoSave) {
-        onValuesModified?.(modified);
+        onValuesModified?.(modified, formex$1.values);
       }
     }, [formex$1.dirty]);
     const modified = formex$1.dirty;
@@ -15616,7 +16374,10 @@
       values: baseInitialValues
     }), noValidate: true, className: ui.cls("flex-1 flex flex-row w-full overflow-y-auto justify-center", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { id: `form_${path}`, className: ui.cls("relative flex flex-row max-w-4xl lg:max-w-3xl xl:max-w-4xl 2xl:max-w-6xl w-full h-fit"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex flex-col w-full pt-12 pb-16 px-4 sm:px-8 md:px-10"), children: [
-        formex$1.dirty ? /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Local unsaved changes", className: "self-end sticky top-4 z-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "small", colorScheme: "orangeDarker", children: /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: "smallest" }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "In sync with the database", className: "self-end sticky top-4 z-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "smallest" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-4 self-end sticky top-4 z-10", children: [
+          manualApplyLocalChanges && hasLocalChanges && /* @__PURE__ */ jsxRuntime.jsx(LocalChangesMenu, { cacheKey: status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId, properties: resolvedCollection.properties, localChangesData, formex: formex$1, onClearLocalChanges: () => setLocalChangesCleared(true) }),
+          formex$1.dirty ? /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "There are local unsaved changes", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "small", colorScheme: "orangeDarker", children: /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: "smallest" }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "The current form is in sync with the database", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "smallest" }) }) })
+        ] }),
         formView
       ] }) }),
       dialogActions
@@ -20426,7 +21187,7 @@
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "So empty..." }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { color: "primary", variant: "outlined", onClick: onNewClick, className: "mt-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}),
-          "Create your first entity"
+          "Create your first entry"
         ] })
       ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "No results with the applied filter/sort" }), hoverRow, inlineEditing: checkInlineEditing(), AdditionalHeaderWidget: buildAdditionalHeaderWidget, AddColumnComponent: addColumnComponentInternal, getIdColumnWidth, additionalIDHeaderWidget: /* @__PURE__ */ jsxRuntime.jsx(EntityIdHeaderWidget, { path: fullPath, fullIdPath: fullIdPath ?? fullPath, collection }), openEntityMode }, `collection_table_${fullPath}`),
       popupCell && /* @__PURE__ */ jsxRuntime.jsx(PopupFormField, { open: Boolean(popupCell), onClose: onPopupClose, cellRect: popupCell?.cellRect, propertyKey: popupCell?.propertyKey, collection, entityId: popupCell.entityId, tableKey: tableKey.current, customFieldValidator: uniqueFieldValidator, path: resolvedFullPath, onCellValueChange: onValueChange, container: containerRef.current }, `popup_form_${popupCell?.propertyKey}_${popupCell?.entityId}`),
@@ -23085,6 +23846,7 @@
   function createFormexStub(values) {
     const errorMessage = "You are in a read-only context. You cannot modify the formex controller.";
     return {
+      debugId: "",
       values,
       initialValues: values,
       touched: {},
@@ -23099,6 +23861,9 @@
       setValues: () => {
         throw new Error(errorMessage);
       },
+      setTouched(touched) {
+        throw new Error(errorMessage);
+      },
       setFieldValue: () => {
         throw new Error(errorMessage);
       },
@@ -23158,8 +23923,7 @@
       databaseId: props.databaseId,
       useCache: false
     });
-    const enableLocalChangesBackup = props.collection.enableLocalChangesBackup !== void 0 ? props.collection.enableLocalChangesBackup : true;
-    const initialDirtyValues = entityId ? getEntityFromCache(props.path + "/" + entityId, enableLocalChangesBackup) : getEntityFromCache(props.path + "#new", enableLocalChangesBackup);
+    const initialDirtyValues = entityId ? getEntityFromMemoryCache(props.path + "/" + entityId) : getEntityFromMemoryCache(props.path + "#new");
     const authController = useAuthController();
     const initialStatus = props.copy ? "copy" : entityId ? "existing" : "new";
     const [status, setStatus] = React.useState(initialStatus);
@@ -23318,6 +24082,7 @@
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-16" })
     ] }) }) : null;
     const entityView = /* @__PURE__ */ jsxRuntime.jsx(EntityForm, { fullIdPath, collection, path, entityId: entityId ?? usedEntity?.id, onValuesModified, entity, initialDirtyValues, openEntityMode: layout, forceActionsAtTheBottom: actionsAtTheBottom, initialStatus: status, className: ui.cls((!mainViewVisible || !canEdit) && !selectedSecondaryForm ? "hidden" : "", formProps?.className), EntityFormActionsComponent: EntityEditViewFormActions, disabled: !canEdit, ...formProps, onEntityChange: (entity_0) => {
+      console.log("333 EntityEditView onEntityChange:", entity_0);
       setUsedEntity(entity_0);
       formProps?.onEntityChange?.(entity_0);
     }, onStatusChange: (status_0) => {
@@ -23340,7 +24105,12 @@
     const shouldShowTopBar = Boolean(barActions) || hasAdditionalViews;
     let result = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col h-full w-full bg-white dark:bg-surface-900", children: [
       shouldShowTopBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("h-14 items-center flex overflow-visible overflow-x-scroll w-full no-scrollbar h-14 border-b pl-2 pr-2 pt-1 flex bg-surface-50 dark:bg-surface-900", ui.defaultBorderMixin), children: [
-        barActions,
+        barActions?.({
+          path: fullIdPath ?? path,
+          entityId,
+          values: formContext?.values ?? usedEntity?.values ?? {},
+          status
+        }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow" }),
         pluginActionsTop,
         globalLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "self-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) }),
@@ -23443,9 +24213,14 @@
     if (!props || !collection) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full" });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(EntityEditView, { ...props, fullIdPath, layout: "side_panel", collection, parentCollectionIds, onValuesModified, onSaved: onUpdate, barActions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(EntityEditView, { ...props, fullIdPath, layout: "side_panel", collection, parentCollectionIds, onValuesModified, onSaved: onUpdate, barActions: ({
+      status,
+      values
+    }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "self-center", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, { size: "small" }) }),
       allowFullScreen && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "self-center", onClick: () => {
+        const key = status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId;
+        saveEntityToMemoryCache(key, values);
         if (entityId) navigate(location.pathname);
         else navigate(location.pathname + "#new");
       }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.OpenInFullIcon, { size: "small" }) })
@@ -26225,6 +27000,7 @@
   exports2.getIdIcon = getIdIcon;
   exports2.getLabelOrConfigFrom = getLabelOrConfigFrom;
   exports2.getLastSegment = getLastSegment;
+  exports2.getLocalChangesBackup = getLocalChangesBackup;
   exports2.getPropertiesWithPropertiesOrder = getPropertiesWithPropertiesOrder;
   exports2.getPropertyInPath = getPropertyInPath;
   exports2.getRandomId = getRandomId;
@@ -26239,6 +27015,7 @@
   exports2.isEnumValueDisabled = isEnumValueDisabled;
   exports2.isHidden = isHidden;
   exports2.isObject = isObject;
+  exports2.isPlainObject = isPlainObject;
   exports2.isPropertyBuilder = isPropertyBuilder;
   exports2.isReadOnly = isReadOnly;
   exports2.isReferenceProperty = isReferenceProperty;