@firecms/core 3.0.0-tw4.6 → 3.0.1

package/dist/index.es.js

@@ -222,6 +222,15 @@ class EntityReference {
   get pathWithId() {
     return `${this.path}/${this.id}`;
   }
+  get pathWithIdAndDatabase() {
+    if (this.databaseId) {
+      if (this.databaseId === "(default)") {
+        return this.pathWithId;
+      }
+      return `${this.databaseId}:::${this.path}/${this.id}`;
+    }
+    return this.pathWithId;
+  }
   isEntityReference() {
     return true;
   }
@@ -3274,7 +3283,7 @@ const IconForView = React__default.memo(function IconForView2(t0) {
   const size = t1 === void 0 ? "medium" : t1;
   if (!collectionOrView) {
     let t22;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t22 = /* @__PURE__ */ jsx(Fragment, {});
       $[0] = t22;
     } else {
@@ -3994,7 +4003,7 @@ const DialogsProvider = (t0) => {
     children
   } = t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
     $[0] = t1;
   } else {
@@ -4003,7 +4012,7 @@ const DialogsProvider = (t0) => {
   const [dialogEntries, setDialogEntries] = useState(t1);
   const dialogEntriesRef = useRef(dialogEntries);
   let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = (newPanels) => {
       dialogEntriesRef.current = newPanels;
       setDialogEntries(newPanels);
@@ -4029,7 +4038,7 @@ const DialogsProvider = (t0) => {
   }
   const close = t3;
   let t4;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = (dialogEntry) => {
       const updatedPanels_0 = [...dialogEntriesRef.current, dialogEntry];
       updateDialogEntries(updatedPanels_0);
@@ -4174,7 +4183,7 @@ function useCollectionFetch(t0) {
   const currentSort = sortBy ? sortBy[1] : void 0;
   const context = useFireCMSContext();
   let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = [];
     $[3] = t2;
   } else {
@@ -4650,7 +4659,7 @@ function useResolvedNavigationFrom(t0) {
   useEffect(t1, t2);
   if (!context.navigation) {
     let t32;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t32 = {
         dataLoading: true
       };
@@ -4772,7 +4781,7 @@ const useLargeLayout = () => {
   const [isLargeLayout, setIsLargeLayout] = useState(isLargeLayoutGlobal);
   let t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
       const listener = (newIsLargeLayout) => {
         setIsLargeLayout(newIsLargeLayout);
@@ -4864,7 +4873,7 @@ function ErrorView(t0) {
   const component = error instanceof Error ? error.message : error;
   console.warn("ErrorView", JSON.stringify(error));
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(ErrorIcon, { className: "mx-2", size: "small", color: "error" });
     $[0] = t1;
   } else {
@@ -4919,8 +4928,8 @@ function ErrorView(t0) {
 function EmptyValue() {
   const $ = c(1);
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx("div", { className: "rounded-full bg-surface-200 bg-opacity-30 bg-surface-200/30 dark:bg-opacity-20 dark:bg-surface-200/20 w-5 h-2 inline-block" });
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx("div", { className: "rounded-full bg-surface-200 bg-opacity-30 dark:bg-opacity-20 w-5 h-2 inline-block" });
     $[0] = t0;
   } else {
     t0 = $[0];
@@ -4996,7 +5005,7 @@ function ImagePreview(t0) {
     return t52;
   }
   let t3;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = {
       maxWidth: "100%",
       maxHeight: "100%"
@@ -5039,7 +5048,7 @@ function ImagePreview(t0) {
     t7 = $[14];
   }
   let t8;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ jsx(OpenInNewIcon, { className: "text-surface-700 dark:text-surface-300", size: "smallest" });
     $[15] = t8;
   } else {
@@ -5097,7 +5106,7 @@ function UrlComponentPreview(t0) {
   if (!previewType) {
     if (!url || !url.trim()) {
       let t22;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t22 = /* @__PURE__ */ jsx(EmptyValue, {});
         $[0] = t22;
       } else {
@@ -5106,7 +5115,7 @@ function UrlComponentPreview(t0) {
       return t22;
     }
     let t2;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = /* @__PURE__ */ jsx(OpenInNewIcon, { size: "small" });
       $[1] = t2;
     } else {
@@ -5139,7 +5148,7 @@ function UrlComponentPreview(t0) {
   } else {
     if (previewType === "audio") {
       let t2;
-      if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t2 = /* @__PURE__ */ jsx("code", { children: "audio" });
         $[7] = t2;
       } else {
@@ -5201,7 +5210,7 @@ function UrlComponentPreview(t0) {
           t4 = $[20];
         }
         let t5;
-        if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
           t5 = /* @__PURE__ */ jsx(DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" });
           $[21] = t5;
         } else {
@@ -5363,7 +5372,7 @@ function SkeletonPropertyComponent(t0) {
         content = t1;
       } else {
         let t1;
-        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
           t1 = renderSkeletonText();
           $[5] = t1;
         } else {
@@ -5414,7 +5423,7 @@ function SkeletonPropertyComponent(t0) {
             if (arrayProperty.of.dataType === "string") {
               if (arrayProperty.of.enumValues) {
                 let t1;
-                if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+                if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
                   t1 = renderArrayEnumTableCell();
                   $[14] = t1;
                 } else {
@@ -5434,7 +5443,7 @@ function SkeletonPropertyComponent(t0) {
                   content = t1;
                 } else {
                   let t1;
-                  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+                  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
                     t1 = renderArrayOfStrings();
                     $[17] = t1;
                   } else {
@@ -5473,7 +5482,7 @@ function SkeletonPropertyComponent(t0) {
       } else {
         if (property.dataType === "date") {
           let t1;
-          if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+          if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
             t1 = renderSkeletonText();
             $[23] = t1;
           } else {
@@ -5483,7 +5492,7 @@ function SkeletonPropertyComponent(t0) {
         } else {
           if (property.dataType === "reference") {
             let t1;
-            if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
               t1 = renderReference();
               $[24] = t1;
             } else {
@@ -5493,7 +5502,7 @@ function SkeletonPropertyComponent(t0) {
           } else {
             if (property.dataType === "boolean") {
               let t1;
-              if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+              if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
                 t1 = renderSkeletonText();
                 $[25] = t1;
               } else {
@@ -5502,7 +5511,7 @@ function SkeletonPropertyComponent(t0) {
               content = t1;
             } else {
               let t1;
-              if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+              if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
                 t1 = renderSkeletonText();
                 $[26] = t1;
               } else {
@@ -5646,7 +5655,7 @@ function StorageThumbnailInternal(t0) {
   const previewType = filetype?.startsWith("image") ? "image" : filetype?.startsWith("video") ? "video" : filetype?.startsWith("audio") ? "audio" : "file";
   if (downloadConfig?.fileNotFound) {
     let t32;
-    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t32 = /* @__PURE__ */ jsx(ErrorView, { error: "File not found" });
       $[5] = t32;
     } else {
@@ -5795,7 +5804,7 @@ function StringPropertyPreview(t0) {
       } else {
         if (!value) {
           let t12;
-          if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+          if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
             t12 = /* @__PURE__ */ jsx(Fragment, {});
             $[16] = t12;
           } else {
@@ -6012,7 +6021,7 @@ const EntityPreviewContainer = React.forwardRef((t0, ref) => {
   const t7 = onClick ? "cursor-pointer" : "";
   let t8;
   if ($[11] !== className || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
-    t8 = cls("bg-white dark:bg-surface-900", "min-h-[42px]", t4, "items-center", t5, t6, "flex border rounded-lg", t7, defaultBorderMixin, className);
+    t8 = cls("bg-white dark:bg-surface-900", "min-h-[44px]", t4, "items-center", t5, t6, "flex border rounded-lg", t7, defaultBorderMixin, className);
     $[11] = className;
     $[12] = t4;
     $[13] = t5;
@@ -6097,7 +6106,7 @@ const ReferencePreview = function ReferencePreview2(props) {
   return t0;
 };
 function ReferencePreviewInternal(t0) {
-  const $ = c(16);
+  const $ = c(22);
   const {
     disabled,
     reference,
@@ -6135,24 +6144,43 @@ function ReferencePreviewInternal(t0) {
       }
       return t42;
     } else {
-      throw Error(`Couldn't find the corresponding collection view for the path: ${reference.path}`);
+      const t42 = size ?? "medium";
+      let t5;
+      if ($[6] !== reference.pathWithId) {
+        t5 = /* @__PURE__ */ jsx(ErrorView, { error: "Unexpected reference value. Click to edit", tooltip: reference.pathWithId });
+        $[6] = reference.pathWithId;
+        $[7] = t5;
+      } else {
+        t5 = $[7];
+      }
+      let t6;
+      if ($[8] !== onClick || $[9] !== t42 || $[10] !== t5) {
+        t6 = /* @__PURE__ */ jsx(EntityPreviewContainer, { onClick, size: t42, children: t5 });
+        $[8] = onClick;
+        $[9] = t42;
+        $[10] = t5;
+        $[11] = t6;
+      } else {
+        t6 = $[11];
+      }
+      return t6;
     }
   }
   let t4;
-  if ($[6] !== collection || $[7] !== disabled || $[8] !== hover || $[9] !== includeEntityLink || $[10] !== includeId || $[11] !== onClick || $[12] !== previewProperties || $[13] !== reference || $[14] !== size) {
+  if ($[12] !== collection || $[13] !== disabled || $[14] !== hover || $[15] !== includeEntityLink || $[16] !== includeId || $[17] !== onClick || $[18] !== previewProperties || $[19] !== reference || $[20] !== size) {
     t4 = /* @__PURE__ */ jsx(ReferencePreviewExisting, { reference, collection, previewProperties, size, disabled, includeEntityLink, includeId, onClick, hover });
-    $[6] = collection;
-    $[7] = disabled;
-    $[8] = hover;
-    $[9] = includeEntityLink;
-    $[10] = includeId;
-    $[11] = onClick;
-    $[12] = previewProperties;
-    $[13] = reference;
-    $[14] = size;
-    $[15] = t4;
+    $[12] = collection;
+    $[13] = disabled;
+    $[14] = hover;
+    $[15] = includeEntityLink;
+    $[16] = includeId;
+    $[17] = onClick;
+    $[18] = previewProperties;
+    $[19] = reference;
+    $[20] = size;
+    $[21] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[21];
   }
   return t4;
 }
@@ -6204,7 +6232,7 @@ function ReferencePreviewExisting(t0) {
   let body;
   if (!reference) {
     let t32;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t32 = /* @__PURE__ */ jsx(ErrorView, { error: "Reference not set" });
       $[7] = t32;
     } else {
@@ -6244,7 +6272,7 @@ function ReferencePreviewExisting(t0) {
     const t32 = disabled ? void 0 : onClick;
     const t4 = disabled ? void 0 : hover;
     let t5;
-    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t5 = /* @__PURE__ */ jsx(Skeleton, {});
       $[15] = t5;
     } else {
@@ -6266,7 +6294,7 @@ function ReferencePreviewExisting(t0) {
     const t32 = disabled ? void 0 : onClick;
     const t4 = disabled ? void 0 : hover;
     let t5;
-    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t5 = /* @__PURE__ */ jsx(ErrorView, { error: "Entity not found" });
       $[20] = t5;
     } else {
@@ -6690,7 +6718,7 @@ function KeyValuePreview(t0) {
   }
   if (!value) {
     let t12;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsx(EmptyValue, {});
       $[0] = t12;
     } else {
@@ -6860,7 +6888,7 @@ function UserDisplay(t0) {
   } = t0;
   if (!user) {
     let t12;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsx(EmptyValue, {});
       $[0] = t12;
     } else {
@@ -6869,7 +6897,7 @@ function UserDisplay(t0) {
     return t12;
   }
   let t1;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = cls("inline-flex items-center gap-4 px-2 py-1 rounded-xl", "bg-surface-accent-100 dark:bg-surface-accent-800", "border", defaultBorderMixin);
     $[1] = t1;
   } else {
@@ -6886,7 +6914,7 @@ function UserDisplay(t0) {
     t2 = $[5];
   }
   let t3;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = cls("font-regular truncate", "text-sm");
     $[6] = t3;
   } else {
@@ -6946,7 +6974,7 @@ function UserPreview(t0) {
   } = useInternalUserManagementController();
   if (!value) {
     let t12;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsx(EmptyValue, {});
       $[0] = t12;
     } else {
@@ -7011,7 +7039,7 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
     });
     if (property === null) {
       let t02;
-      if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t02 = /* @__PURE__ */ jsx(EmptyValue, {});
         $[11] = t02;
       } else {
@@ -7032,7 +7060,7 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
       } else {
         if (value === void 0 || value === null) {
           let t02;
-          if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+          if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
             t02 = /* @__PURE__ */ jsx(EmptyValue, {});
             $[12] = t02;
           } else {
@@ -7096,7 +7124,7 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
                           content = /* @__PURE__ */ jsx(ReferencePreview, { disabled: !stringProperty.reference.path, previewProperties: stringProperty.reference.previewProperties, includeId: stringProperty.reference.includeId, includeEntityLink: stringProperty.reference.includeEntityLink, size: props.size, reference: new EntityReference(value, stringProperty.reference.path) });
                         } else {
                           let t02;
-                          if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+                          if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
                             t02 = /* @__PURE__ */ jsx(EmptyValue, {});
                             $[23] = t02;
                           } else {
@@ -7187,7 +7215,7 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
                       }
                     } else {
                       let t02;
-                      if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+                      if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
                         t02 = /* @__PURE__ */ jsx(EmptyValue, {});
                         $[26] = t02;
                       } else {
@@ -7272,7 +7300,7 @@ function ArrayOfMapsPreview(t0) {
   let t3;
   let t4;
   if ($[0] !== authController || $[1] !== customizationController.propertyConfigs || $[2] !== inputProperty || $[3] !== propertyKey || $[4] !== size || $[5] !== value) {
-    t4 = Symbol.for("react.early_return_sentinel");
+    t4 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
     bb0: {
       const property = resolveArrayProperty({
         propertyKey,
@@ -7322,7 +7350,7 @@ function ArrayOfMapsPreview(t0) {
     t3 = $[7];
     t4 = $[8];
   }
-  if (t4 !== Symbol.for("react.early_return_sentinel")) {
+  if (t4 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
     return t4;
   }
   let t5;
@@ -7381,7 +7409,7 @@ const AsyncPreviewComponent = React.memo(function AsyncPreviewComponentInternal(
   useEffect(t1, t2);
   if (loading) {
     let t32;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t32 = /* @__PURE__ */ jsx(Skeleton, {});
       $[3] = t32;
     } else {
@@ -7893,7 +7921,7 @@ function VirtualTableInput(props) {
   }
   useEffect(t3, t4);
   let t5;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = {
       padding: 0,
       margin: 0,
@@ -7926,7 +7954,7 @@ function VirtualTableInput(props) {
     t7 = $[14];
   }
   let t8;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = () => {
       focusedState.current = true;
     };
@@ -8160,7 +8188,7 @@ function VirtualTableDateField(props) {
   }
   let t2;
   let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = cls("w-full h-full", focusedDisabled);
     t3 = cls("w-full h-full", focusedDisabled);
     $[2] = t2;
@@ -8359,9 +8387,16 @@ function useStorageUploadController({
       propertyKey
     }) ?? "/";
   }, [entityId, entityValues, path, resolvedProperty, propertyKey, storage]);
-  const onFileUploadComplete = useCallback(async (uploadedPath, entry, metadata_0) => {
+  const onFileUploadComplete = useCallback(async (uploadedPath, entry, metadata_0, uploadedUrl) => {
     console.debug("onFileUploadComplete", uploadedPath, entry);
     let uploadPathOrDownloadUrl = uploadedPath;
+    if (storage.includeBucketUrl) {
+      if (!uploadedUrl) {
+        console.warn("includeBucketUrl is set but no fully-qualified storage URL was returned by the StorageSource. Falling back to the storage path.");
+      } else {
+        uploadPathOrDownloadUrl = uploadedUrl;
+      }
+    }
     if (storage.storeUrl) {
       uploadPathOrDownloadUrl = (await storageSource.getDownloadURL(uploadedPath)).url;
     }
@@ -8534,10 +8569,11 @@ function StorageUploadProgress({
       path: storagePath,
       metadata
     }).then(async ({
-      path
+      path,
+      storageUrl
     }) => {
       console.debug("Upload successful", path);
-      await onFileUploadComplete(path, entry, metadata);
+      await onFileUploadComplete(path, entry, metadata, storageUrl);
       if (mounted.current) setLoading(false);
     }).catch((e) => {
       console.warn("Upload error", e);
@@ -8897,7 +8933,7 @@ function StorageUpload$1(t0) {
   }
   const t16 = !disabled ? openPopup : void 0;
   let t17;
-  if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t17 = /* @__PURE__ */ jsx(EditIcon, { size: "small", className: "text-surface-500" });
     $[48] = t17;
   } else {
@@ -9158,7 +9194,7 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   const buildMultipleReferenceField = t6;
   if (!collection) {
     let t72;
-    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t72 = /* @__PURE__ */ jsx(ErrorView, { error: "The specified collection does not exist" });
       $[35] = t72;
     } else {
@@ -9729,7 +9765,7 @@ const EntityTableCell = React__default.memo(function EntityTableCell2(t0) {
   const scrollable = !disabled && allowScroll && isOverflowing;
   const faded = !disabled && !allowScroll && isOverflowing;
   let t9;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = () => setOnHover(true);
     $[9] = t9;
   } else {
@@ -9737,7 +9773,7 @@ const EntityTableCell = React__default.memo(function EntityTableCell2(t0) {
   }
   const setOnHoverTrue = t9;
   let t10;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = () => setOnHover(false);
     $[10] = t10;
   } else {
@@ -9745,9 +9781,9 @@ const EntityTableCell = React__default.memo(function EntityTableCell2(t0) {
   }
   const setOnHoverFalse = t10;
   const borderClass = showError ? "border-red-500" : internalSaved ? "border-green-500" : isSelected ? "border-primary" : "border-transparent";
-  const t11 = `flex relative h-full rounded-md p-${p} border border-4 border-opacity-75`;
+  const t11 = `flex relative h-full rounded-md p-${p} border border-4  border-opacity-75`;
   const t12 = onHover && !disabled ? "bg-surface-50 dark:bg-surface-900" : "";
-  const t13 = saved ? "bg-surface-100/75 dark:bg-surface-800/75" : "";
+  const t13 = saved ? "bg-surface-100 bg-opacity-75 dark:bg-surface-800 dark:bg-opacity-75" : "";
   const t14 = hideOverflow ? "overflow-hidden" : "";
   const t15 = isSelected ? "bg-surface-50 dark:bg-surface-900" : "";
   let t16;
@@ -9815,7 +9851,7 @@ const EntityTableCell = React__default.memo(function EntityTableCell2(t0) {
   }
   let t24;
   if ($[33] !== disabled || $[34] !== disabledTooltip || $[35] !== onHover) {
-    t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsx(Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsx(DoNotDisturbOnIcon, { size: "smallest", color: "disabled", className: "text-text-disabled" }) }) });
+    t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsx(Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsx(DoNotDisturbOnIcon, { size: "smallest", color: "disabled", className: "text-surface-500" }) }) });
     $[33] = disabled;
     $[34] = disabledTooltip;
     $[35] = onHover;
@@ -10281,7 +10317,7 @@ const EntityCollectionRowActions = function EntityCollectionRowActions2({
   const enableLocalChangesBackup = collection ? getLocalChangesBackup(collection) : false;
   const hasDraft = enableLocalChangesBackup ? getEntityFromCache(fullPath + "/" + entity.id) : false;
   const iconSize = largeLayout && (size === "m" || size === "l" || size == "xl") ? "medium" : "small";
-  return /* @__PURE__ */ jsxs("div", { className: cls("h-full flex items-center justify-center flex-col bg-surface-50 dark:bg-surface-900 bg-opacity-90 bg-surface-50/90 dark:bg-opacity-90 dark:bg-surface-900/90 z-10", frozen ? "sticky left-0" : ""), onClick: useCallback((event) => {
+  return /* @__PURE__ */ jsxs("div", { className: 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: useCallback((event) => {
     event.stopPropagation();
   }, []), style: {
     width,
@@ -10384,7 +10420,7 @@ function CollectionTableToolbar(t0) {
     t4 = $[4];
   }
   let t5;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = ["xs", "s", "m", "l", "xl"].map(_temp2$7);
     $[5] = t5;
   } else {
@@ -10401,7 +10437,7 @@ function CollectionTableToolbar(t0) {
   }
   const sizeSelect = t6;
   let t7;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = cls(defaultBorderMixin, "no-scrollbar min-h-[56px] overflow-x-auto px-2 md:px-4 bg-surface-50 dark:bg-surface-900 border-b flex flex-row justify-between items-center w-full");
     $[9] = t7;
   } else {
@@ -10765,7 +10801,7 @@ const VirtualTableHeader = React__default.memo(function VirtualTableHeader2(t0)
   const [openFilter, setOpenFilter] = React__default.useState(false);
   const [hidden, setHidden] = React__default.useState(false);
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = (event) => {
       setOpenFilter(true);
     };
@@ -10795,7 +10831,7 @@ const VirtualTableHeader = React__default.memo(function VirtualTableHeader2(t0)
   const t3 = column.frozen ? "sticky left-0 z-10" : "relative z-0";
   let t4;
   if ($[4] !== t3) {
-    t4 = cls("flex py-0 px-3 h-full text-xs uppercase font-semibold relative select-none items-center bg-surface-50 dark:bg-surface-900", "text-text-secondary hover:text-text-primary dark:text-text-secondary-dark dark:hover:text-text-primary-dark", "hover:bg-surface-100 dark:hover:bg-surface-800 hover:bg-opacity-50 hover:bg-surface-100/50 dark:hover:bg-opacity-50 dark:hover:bg-surface-800/50", t3);
+    t4 = cls("flex py-0 px-3 h-full text-xs uppercase font-semibold relative select-none items-center bg-surface-50 dark:bg-surface-900", "text-text-secondary hover:text-text-primary dark:text-text-secondary-dark dark:hover:text-text-primary-dark", "hover:bg-surface-100 dark:hover:bg-surface-800 hover:bg-opacity-50 dark:hover:bg-opacity-50", t3);
     $[4] = t3;
     $[5] = t4;
   } else {
@@ -10818,7 +10854,7 @@ const VirtualTableHeader = React__default.memo(function VirtualTableHeader2(t0)
   let t7;
   let t8;
   let t9;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = () => setOnHover(true);
     t8 = () => setOnHover(true);
     t9 = () => setOnHover(false);
@@ -11044,7 +11080,7 @@ function FilterForm(t0) {
     t6 = $[16];
   }
   let t7;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = cls(defaultBorderMixin, "py-4 px-6 typography-label border-b");
     $[17] = t7;
   } else {
@@ -11078,7 +11114,7 @@ function FilterForm(t0) {
     t12 = $[24];
   }
   let t13;
-  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t13 = /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", type: "submit", children: "Filter" });
     $[25] = t13;
   } else {
@@ -11231,7 +11267,7 @@ const VirtualTableRow = React__default.memo(function VirtualTableRow2(t0) {
   const onClick = t1;
   let t2;
   if ($[4] !== hoverRow || $[5] !== onRowClick || $[6] !== rowClassName || $[7] !== rowData) {
-    t2 = cls("flex min-w-full text-sm border-b border-surface-200 dark:border-surface-800 border-opacity-40 border-surface-200/40 dark:border-opacity-40 dark:border-surface-800/40", rowClassName ? rowClassName(rowData) : "", {
+    t2 = cls("flex min-w-full text-sm border-b border-surface-200 dark:border-surface-800 border-opacity-40 dark:border-opacity-40", rowClassName ? rowClassName(rowData) : "", {
       "hover:bg-opacity-95": hoverRow,
       "cursor-pointer": onRowClick
     });
@@ -11516,7 +11552,7 @@ const VirtualTable = React__default.memo(function VirtualTable2({
     /* @__PURE__ */ jsx(AssignmentIcon, {}),
     emptyComponent
   ] }) : void 0;
-  const virtualListController = {
+  const virtualListController = useMemo(() => ({
     data,
     rowHeight,
     cellRenderer,
@@ -11535,7 +11571,7 @@ const VirtualTable = React__default.memo(function VirtualTable2({
     rowClassName,
     endAdornment,
     AddColumnComponent
-  };
+  }), [data, rowHeight, cellRenderer, columns, currentSort, onRowClick, customView, onColumnResizeInternal, onColumnResizeEndInternal, filterInput, onColumnSort, onFilterUpdateInternal, sortByProperty, hoverRow, createFilterField2, rowClassName, endAdornment, AddColumnComponent]);
   return /* @__PURE__ */ jsx("div", { ref: measureRef, style, className: cls("h-full w-full", className), children: /* @__PURE__ */ jsx(VirtualListContext.Provider, { value: virtualListController, children: /* @__PURE__ */ jsx(MemoizedList, { outerRef: tableRef, width: bounds.width, height: bounds.height, itemCount: (data?.length ?? 0) + (endAdornment ? 1 : 0), onScroll, includeAddColumn: Boolean(AddColumnComponent), itemSize: rowHeight }, rowHeight) }) });
 }, equal);
 function MemoizedList({
@@ -12262,7 +12298,7 @@ const SelectableTable = function SelectableTable2({
     selectedCell
   }), [setPopupCell, select, onValueChange, size, selectedCell]);
   return /* @__PURE__ */ jsx(SelectableTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: "h-full w-full flex flex-col bg-white dark:bg-surface-950", ref, children: /* @__PURE__ */ jsx(VirtualTable, { data, columns, cellRenderer, onRowClick: inlineEditing ? void 0 : onEntityClick ? onRowClick : void 0, onEndReached: loadNextPage, onResetPagination: resetPagination, error: dataLoadingError, onColumnResize, rowHeight: getRowHeight(size), loading: dataLoading, filter: filterValues, onFilterUpdate: setFilterValues ? onFilterUpdate : void 0, sortBy, onSortByUpdate: setSortBy, hoverRow, initialScroll, onScroll, checkFilterCombination, createFilterField: filterable ? createFilterField : void 0, rowClassName: useCallback((entity) => {
-    return highlightedRow?.(entity) ? "bg-surface-100 bg-opacity-75 bg-surface-100/75 dark:bg-surface-800 dark:bg-opacity-75 dark:bg-surface-800/75" : "";
+    return highlightedRow?.(entity) ? "bg-surface-100 bg-opacity-75 dark:bg-surface-800 dark:bg-opacity-75" : "";
   }, [highlightedRow]), className: "flex-grow", emptyComponent, endAdornment, AddColumnComponent }) }) });
 };
 function createFilterField({
@@ -13662,7 +13698,7 @@ function NavigationGroup(t0) {
   }
   const t3 = isPreview ? "body2" : "caption";
   let t4;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = cls("p-4 py-2 rounded", "font-medium uppercase text-sm text-surface-600 dark:text-surface-400");
     $[2] = t4;
   } else {
@@ -13863,7 +13899,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
     t8 = $[16];
   }
   let t9;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = {
       alignSelf: "flex-end"
     };
@@ -13872,7 +13908,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
     t9 = $[17];
   }
   let t10;
-  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ jsx("div", { style: t9, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(ArrowForwardIcon, { className: "text-primary" }) }) });
     $[18] = t10;
   } else {
@@ -13913,7 +13949,7 @@ function SmallNavigationCard(t0) {
     icon
   } = t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = cls(cardMixin, cardClickableMixin, "cursor-pointer flex flex-row items-center px-4 py-2 text-inherit dark:text-inherit visited:text-inherit visited:dark:text-inherit hover:text-inherit hover:dark:text-inherit ");
     $[0] = t1;
   } else {
@@ -13940,7 +13976,7 @@ function SmallNavigationCard(t0) {
     t3 = $[5];
   }
   let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(ArrowForwardIcon, { color: "primary" }) });
     $[6] = t4;
   } else {
@@ -14734,7 +14770,7 @@ function NewGroupDropZone(t0) {
     t6 = $[10];
   }
   let t7;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ jsx("div", { className: "text-center p-4", children: /* @__PURE__ */ jsx("span", { className: "block font-medium text-sm", children: "Drop here to create a new group" }) });
     $[11] = t7;
   } else {
@@ -14871,7 +14907,7 @@ function RenameGroupDialog(t0) {
     return null;
   }
   let t6;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(DialogTitle, { children: "Rename Group" });
     $[16] = t6;
   } else {
@@ -15410,7 +15446,7 @@ function useDraggable({
 function useWindowSize() {
   const $ = c(3);
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = {
       width: 0,
       height: 0
@@ -15422,7 +15458,7 @@ function useWindowSize() {
   const [size, setSize] = useState(t0);
   let t1;
   let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = () => {
       const updateSize = function updateSize2() {
         setSize({
@@ -15700,7 +15736,7 @@ function buildSideActions$1({
 function LocalChangesMenu(t0) {
   const $ = c(42);
   const {
-    localChangesData,
+    cachedData,
     formex,
     onClearLocalChanges,
     cacheKey,
@@ -15710,7 +15746,7 @@ function LocalChangesMenu(t0) {
   const [previewDialogOpen, setPreviewDialogOpen] = useState(false);
   const [open, setOpen] = useState(false);
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = () => setOpen(true);
     $[0] = t1;
   } else {
@@ -15718,7 +15754,7 @@ function LocalChangesMenu(t0) {
   }
   const handleOpenMenu = t1;
   let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = () => setOpen(false);
     $[1] = t2;
   } else {
@@ -15726,7 +15762,7 @@ function LocalChangesMenu(t0) {
   }
   const handleCloseMenu = t2;
   let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = () => {
       setPreviewDialogOpen(true);
       handleCloseMenu();
@@ -15737,14 +15773,14 @@ function LocalChangesMenu(t0) {
   }
   const handlePreview = t3;
   let t4;
-  if ($[3] !== formex || $[4] !== localChangesData || $[5] !== onClearLocalChanges || $[6] !== snackbarController) {
+  if ($[3] !== cachedData || $[4] !== formex || $[5] !== onClearLocalChanges || $[6] !== snackbarController) {
     t4 = () => {
-      const mergedValues = mergeDeep(formex.values, localChangesData);
+      const mergedValues = mergeDeep(formex.values, cachedData);
       const touched = {
         ...formex.touched
       };
-      const previewKeys = flattenKeys(localChangesData);
-      previewKeys.forEach((key) => {
+      const cachedKeys = flattenKeys(cachedData);
+      cachedKeys.forEach((key) => {
         touched[key] = true;
       });
       formex.setTouched(touched);
@@ -15756,8 +15792,8 @@ function LocalChangesMenu(t0) {
       handleCloseMenu();
       onClearLocalChanges?.();
     };
-    $[3] = formex;
-    $[4] = localChangesData;
+    $[3] = cachedData;
+    $[4] = formex;
     $[5] = onClearLocalChanges;
     $[6] = snackbarController;
     $[7] = t4;
@@ -15785,14 +15821,14 @@ function LocalChangesMenu(t0) {
   }
   const handleDiscard = t5;
   let t6;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(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")) {
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ jsxs(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",
@@ -15803,14 +15839,14 @@ function LocalChangesMenu(t0) {
     t7 = $[13];
   }
   let t8;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ 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")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ jsxs(MenuItem, { dense: true, onClick: handlePreview, children: [
       /* @__PURE__ */ jsx(VisibilityIcon, { size: "small" }),
       "Preview Changes"
@@ -15820,7 +15856,7 @@ function LocalChangesMenu(t0) {
     t9 = $[15];
   }
   let t10;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ jsx(CheckIcon, { size: "small" });
     $[16] = t10;
   } else {
@@ -15838,7 +15874,7 @@ function LocalChangesMenu(t0) {
     t11 = $[18];
   }
   let t12;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t12 = /* @__PURE__ */ jsx(CancelIcon, { size: "small" });
     $[19] = t12;
   } else {
@@ -15871,21 +15907,21 @@ function LocalChangesMenu(t0) {
     t14 = $[25];
   }
   let t15;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t15 = /* @__PURE__ */ jsx(DialogTitle, { variant: "h6", children: "Preview Local Changes" });
     $[26] = t15;
   } else {
     t15 = $[26];
   }
   let t16;
-  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t16 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "mb-4", children: "These are the local changes that will be applied to the form." });
     $[27] = t16;
   } else {
     t16 = $[27];
   }
   let t17;
-  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t17 = {
       maxHeight: 520,
       overflow: "auto"
@@ -15896,19 +15932,19 @@ function LocalChangesMenu(t0) {
   }
   const t18 = properties;
   let t19;
-  if ($[29] !== localChangesData || $[30] !== t18) {
+  if ($[29] !== cachedData || $[30] !== t18) {
     t19 = /* @__PURE__ */ jsxs(DialogContent, { className: "my-4", children: [
       t16,
-      /* @__PURE__ */ jsx("div", { className: `border rounded-lg ${defaultBorderMixin}`, style: t17, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(PropertyCollectionView, { data: localChangesData, properties: t18 }) }) })
+      /* @__PURE__ */ jsx("div", { className: `border rounded-lg ${defaultBorderMixin}`, style: t17, children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(PropertyCollectionView, { data: cachedData, properties: t18 }) }) })
     ] });
-    $[29] = localChangesData;
+    $[29] = cachedData;
     $[30] = t18;
     $[31] = t19;
   } else {
     t19 = $[31];
   }
   let t20;
-  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t20 = /* @__PURE__ */ jsx(Button, { onClick: () => setPreviewDialogOpen(false), children: "Close" });
     $[32] = t20;
   } else {
@@ -15968,56 +16004,6 @@ function extractTouchedValues(values, touched) {
   });
   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,
@@ -16135,13 +16121,7 @@ function EntityForm({
     const initialDirty = Boolean(initialDirtyValues) && initialDirtyValues && Object.keys(initialDirtyValues).length > 0;
     return [initialValues, initialDirty];
   }, [autoApplyLocalChanges, localChangesDataRaw, baseInitialValues, initialDirtyValues]);
-  const localChangesData = useMemo(() => {
-    if (!localChangesDataRaw) {
-      return void 0;
-    }
-    return getChanges(localChangesDataRaw, initialValues_0);
-  }, [localChangesDataRaw, initialValues_0]);
-  const hasLocalChanges = !localChangesCleared && localChangesData && Object.keys(localChangesData).length > 0;
+  const hasLocalChanges = !localChangesCleared && localChangesDataRaw && Object.keys(localChangesDataRaw).length > 0;
   const formex = formexProp ?? useCreateFormex({
     initialValues: initialValues_0,
     initialDirty: initialDirty_0,
@@ -16478,7 +16458,7 @@ function EntityForm({
   }), noValidate: true, className: cls("flex-1 flex flex-row w-full overflow-y-auto justify-center", className), children: [
     /* @__PURE__ */ jsx("div", { id: `form_${path}`, className: 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__ */ jsxs("div", { className: cls("flex flex-col w-full pt-12 pb-16 px-4 sm:px-8 md:px-10"), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4 self-end sticky top-4 z-10", children: [
-        manualApplyLocalChanges && hasLocalChanges && /* @__PURE__ */ jsx(LocalChangesMenu, { cacheKey: status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId, properties: resolvedCollection.properties, localChangesData, formex, onClearLocalChanges: () => setLocalChangesCleared(true) }),
+        manualApplyLocalChanges && hasLocalChanges && /* @__PURE__ */ jsx(LocalChangesMenu, { cacheKey: status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId, properties: resolvedCollection.properties, cachedData: localChangesDataRaw, formex, onClearLocalChanges: () => setLocalChangesCleared(true) }),
         formex.dirty ? /* @__PURE__ */ jsx(Tooltip, { title: "This form has been modified", children: /* @__PURE__ */ jsx(Chip, { size: "small", className: "py-1", colorScheme: "orangeDarker", children: /* @__PURE__ */ jsx(EditIcon, { size: "smallest" }) }) }) : /* @__PURE__ */ jsx(Tooltip, { title: "The current form is in sync with the database", children: /* @__PURE__ */ jsx(Chip, { size: "small", className: "py-1", children: /* @__PURE__ */ jsx(CheckIcon, { size: "smallest" }) }) })
       ] }),
       formView
@@ -16907,7 +16887,7 @@ function SelectFieldBinding(t0) {
   const t6 = true;
   const t7 = "item-aligned";
   let t8;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = cls("w-full");
     $[10] = t8;
   } else {
@@ -17496,7 +17476,7 @@ function SortableStorageItem(t0) {
     }
   }
   let t5;
-  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = cls("rounded-md m-1");
     $[27] = t5;
   } else {
@@ -17807,7 +17787,7 @@ function StorageUpload(t0) {
   }
   const moveItem = t1;
   let t2;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = {
       activationConstraint: {
         distance: 5
@@ -17818,7 +17798,7 @@ function StorageUpload(t0) {
     t2 = $[5];
   }
   let t3;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = {
       coordinateGetter: sortableKeyboardCoordinates
     };
@@ -17828,7 +17808,7 @@ function StorageUpload(t0) {
   }
   const sensors = useSensors(useSensor(PointerSensor, t2), useSensor(KeyboardSensor, t3));
   let t4;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = (event) => {
       setIsDndItemDragging(true);
     };
@@ -18411,7 +18391,7 @@ function ReadOnlyFieldBinding(t0) {
     t1 = $[3];
   }
   let t2;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = cls(paperMixin, "w-full min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar");
     $[4] = t2;
   } else {
@@ -18921,7 +18901,7 @@ function MapFieldBinding(t0) {
       mapProperties = t12;
     } else {
       let t12;
-      if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t12 = {};
         $[3] = t12;
       } else {
@@ -19440,7 +19420,7 @@ function MapKeyValueRow(t0) {
     t8 = $[23];
   }
   let t9;
-  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ jsx(IconButton, { size: "smallest", children: /* @__PURE__ */ jsx(ArrowDropDownIcon, { size: "small" }) });
     $[24] = t9;
   } else {
@@ -19515,7 +19495,7 @@ function MapKeyValueRow(t0) {
     t16 = $[43];
   }
   let t17;
-  if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t17 = /* @__PURE__ */ jsx(RemoveIcon, { size: "smallest" });
     $[44] = t17;
   } else {
@@ -19601,7 +19581,7 @@ function ArrayKeyValueRow(t0) {
   }
   const [selectedDataType, setSelectedDataType] = useState(t1);
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = function doUpdateDataType2(dataType) {
       setSelectedDataType(dataType);
     };
@@ -19690,42 +19670,42 @@ function ArrayKeyValueRow(t0) {
     t6 = $[13];
   }
   let t7;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ jsx(IconButton, { size: "small", className: "h-7 w-7", children: /* @__PURE__ */ jsx(ArrowDropDownIcon, {}) });
     $[14] = t7;
   } else {
     t7 = $[14];
   }
   let t8;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ jsx(MenuItem, { dense: true, onClick: () => doUpdateDataType("string"), children: "string" });
     $[15] = t8;
   } else {
     t8 = $[15];
   }
   let t9;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ jsx(MenuItem, { dense: true, onClick: () => doUpdateDataType("number"), children: "number" });
     $[16] = t9;
   } else {
     t9 = $[16];
   }
   let t10;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ jsx(MenuItem, { dense: true, onClick: () => doUpdateDataType("boolean"), children: "boolean" });
     $[17] = t10;
   } else {
     t10 = $[17];
   }
   let t11;
-  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t11 = /* @__PURE__ */ jsx(MenuItem, { dense: true, onClick: () => doUpdateDataType("map"), children: "map" });
     $[18] = t11;
   } else {
     t11 = $[18];
   }
   let t12;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t12 = /* @__PURE__ */ jsxs(Menu, { trigger: t7, children: [
       t8,
       t9,
@@ -20071,7 +20051,7 @@ function BlockEntry(t0) {
   const [typeInternal, setTypeInternal] = useState(type ?? void 0);
   const formex = useFormex();
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
     $[0] = t1;
   } else {
@@ -20156,7 +20136,7 @@ function BlockEntry(t0) {
     formex.setFieldValue(valueFieldName, newSelectedProperty ? getDefaultValueFor(newSelectedProperty) : null);
   };
   let t7;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = cls(paperMixin, "bg-transparent p-2");
     $[17] = t7;
   } else {
@@ -20826,7 +20806,7 @@ function ClearFilterSortButton(t0) {
       t1 = $[1];
     }
     let t2;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = /* @__PURE__ */ jsx(FilterListOffIcon, {});
       $[2] = t2;
     } else {
@@ -21378,7 +21358,7 @@ function EntityIdHeaderWidget(t0) {
   const t2 = !openPopup ? "Find by ID" : void 0;
   let t3;
   let t4;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(IconButton, { size: "small", children: /* @__PURE__ */ jsx(SearchIcon, { size: "small" }) });
     t4 = cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white");
     $[2] = t3;
@@ -21419,7 +21399,7 @@ function EntityIdHeaderWidget(t0) {
     t5 = $[11];
   }
   let t6;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = (e_0) => {
       setSearchString(e_0.target.value);
     };
@@ -21438,7 +21418,7 @@ function EntityIdHeaderWidget(t0) {
   }
   const t8 = !searchString.trim();
   let t9;
-  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = /* @__PURE__ */ jsx(KeyboardTabIcon, {});
     $[16] = t9;
   } else {
@@ -21564,7 +21544,7 @@ function PropertyConfigBadge(t0) {
 function NotFoundPage() {
   const $ = c(1);
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = /* @__PURE__ */ jsx("div", { className: "flex w-full h-full", children: /* @__PURE__ */ jsxs("div", { className: "m-auto flex items-center flex-col", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "h4", align: "center", gutterBottom: true, children: "Page not found" }),
       /* @__PURE__ */ jsx(Typography, { align: "center", gutterBottom: true, children: "This page does not exist or you may not have access to it" }),
@@ -21670,7 +21650,7 @@ function FireCMSLogo(t0) {
   let t3;
   let t4;
   let t5;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx("circle", { cx: "291.5", cy: "291.5", r: "291.5", fill: "#0070F4" });
     t4 = /* @__PURE__ */ jsx("ellipse", { cx: "292", cy: "291.5", rx: "173", ry: "173.5", fill: "#FF3773" });
     t5 = /* @__PURE__ */ jsx("path", { d: "M465 291.5C465 268.847 460.525 246.416 451.831 225.487C443.137 204.558 430.394 185.542 414.329 169.524C398.265 153.506 379.194 140.8 358.204 132.131C337.215 123.462 314.719 119 292 119C269.281 119 246.785 123.462 225.796 132.131C204.806 140.8 185.735 153.506 169.671 169.524C153.606 185.542 140.863 204.558 132.169 225.487C123.475 246.416 119 268.847 119 291.5L292 291.5H465Z", fill: "#FFA400" });
@@ -21726,7 +21706,7 @@ const BreadcrumbsProvider = (t0) => {
     children
   } = t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
     $[0] = t1;
   } else {
@@ -21734,7 +21714,7 @@ const BreadcrumbsProvider = (t0) => {
   }
   const [breadcrumbs, setBreadcrumbs] = useState(t1);
   let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = (props) => {
       setBreadcrumbs(props.breadcrumbs);
     };
@@ -21824,7 +21804,7 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
   } else {
     if (user === void 0 || authController.initialLoading) {
       let t22;
-      if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t22 = /* @__PURE__ */ jsx("div", { className: "p-1 flex justify-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "w-10 h-10 rounded-full" }) });
         $[6] = t22;
       } else {
@@ -21878,7 +21858,7 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
     t7 = $[19];
   }
   let t8;
-  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = /* @__PURE__ */ jsx("div", { className: "flex-grow" });
     $[20] = t8;
   } else {
@@ -22060,7 +22040,7 @@ function ArrayContainerItem(t0) {
     storedProps,
     updateItemCustomProps
   } = t0;
-  const t1 = `relative ${!isDragging ? "hover\\:bg-surface-accent-50 dark\\:hover\\:bg-surface-800 dark\\:hover\\:bg-opacity-20 dark\\:hover\\:bg-surface-800/20" : ""} rounded-md opacity-100`;
+  const t1 = `relative ${!isDragging ? "hover\\:bg-surface-accent-50 dark\\:hover\\:bg-surface-800 dark\\:hover\\:bg-opacity-20" : ""} rounded-md opacity-100`;
   let t2;
   if ($[0] !== internalId || $[1] !== updateItemCustomProps) {
     t2 = (props) => updateItemCustomProps(internalId, props);
@@ -22383,7 +22363,7 @@ function ReferenceWidget({
   } else if (value?.isEntityReference && value?.isEntityReference()) {
     child = /* @__PURE__ */ jsx(ReferencePreview, { reference: value, onClick: onEntryClick, disabled, previewProperties, size, includeId, includeEntityLink });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cls("text-sm font-medium", "min-w-80 flex flex-col gap-4", "relative transition-colors duration-200 ease-in rounded font-medium", disabled ? "bg-opacity-50" : "hover:bg-opacity-75", "text-opacity-50 text-text-primary/50 dark:text-white dark:text-opacity-50 dark:text-white/50", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cls("text-sm font-medium", "min-w-80 flex flex-col gap-4", "relative transition-colors duration-200 ease-in rounded font-medium", disabled ? "bg-opacity-50" : "hover:bg-opacity-75", "text-opacity-50 dark:text-white dark:text-opacity-50", className), children: [
     child,
     !value && /* @__PURE__ */ jsx("div", { className: "justify-center text-left", children: /* @__PURE__ */ jsxs(Button, { variant: "outlined", color: "primary", disabled, onClick: onEntryClick, children: [
       "Edit ",
@@ -22410,7 +22390,7 @@ function SearchIconsView(t0) {
   const [query, setQuery] = React__default.useState("");
   let t2;
   let t3;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = debounce((value) => {
       if (!value || value === "") {
         setKeys(null);
@@ -22446,7 +22426,7 @@ function SearchIconsView(t0) {
   React__default.useEffect(t4, t5);
   const icons = keys === null ? coolIconKeys : keys;
   let t6;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(SearchBar, { autoFocus: false, innerClassName: "w-full sticky top-0 z-10", onTextSearch: (value_0) => setQuery(value_0 ?? ""), placeholder: "Search for more icons…" });
     $[4] = t6;
   } else {
@@ -23149,7 +23129,7 @@ function computeNavigationGroups({
 function useBuildLocalConfigurationPersistence() {
   const $ = c(15);
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = {};
     $[0] = t0;
   } else {
@@ -23158,7 +23138,7 @@ function useBuildLocalConfigurationPersistence() {
   const configCache = useRef(t0);
   const getCollectionFromStorage = _temp$6;
   let t1;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = (path) => {
       const storageKey_0 = `collection_config::${stripCollectionPath(path)}`;
       if (configCache.current[storageKey_0]) {
@@ -23172,7 +23152,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   const getCollectionConfig = t1;
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = (path_0, data) => {
       const storageKey_1 = `collection_config::${stripCollectionPath(path_0)}`;
       localStorage.setItem(storageKey_1, JSON.stringify(data));
@@ -23186,7 +23166,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   const onCollectionModified = t2;
   let t3;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = [];
     $[3] = t3;
   } else {
@@ -23194,7 +23174,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   const [recentlyVisitedPaths, _setRecentlyVisitedPaths] = useState(t3);
   let t4;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = [];
     $[4] = t4;
   } else {
@@ -23202,7 +23182,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   const [favouritePaths, _setFavouritePaths] = useState(t4);
   let t5;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = [];
     $[5] = t5;
   } else {
@@ -23211,7 +23191,7 @@ function useBuildLocalConfigurationPersistence() {
   const [collapsedGroups, _setCollapsedGroups] = useState(t5);
   let t6;
   let t7;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = () => {
       _setRecentlyVisitedPaths(localStorage.getItem("recently_visited_paths") ? JSON.parse(localStorage.getItem("recently_visited_paths")) : []);
       _setFavouritePaths(localStorage.getItem("favourite_paths") ? JSON.parse(localStorage.getItem("favourite_paths")) : []);
@@ -23226,7 +23206,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   useEffect(t6, t7);
   let t8;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t8 = (paths) => {
       localStorage.setItem("recently_visited_paths", JSON.stringify(paths));
       _setRecentlyVisitedPaths(paths);
@@ -23237,7 +23217,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   const setRecentlyVisitedPaths = t8;
   let t9;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t9 = (paths_0) => {
       localStorage.setItem("favourite_paths", JSON.stringify(paths_0));
       _setFavouritePaths(paths_0);
@@ -23248,7 +23228,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   const setFavouritePaths = t9;
   let t10;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = (paths_1) => {
       localStorage.setItem("collapsed_groups", JSON.stringify(paths_1));
       _setCollapsedGroups(paths_1);
@@ -23542,7 +23522,7 @@ function UnsavedChangesDialog(t0) {
     t2 = $[3];
   }
   let t3;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(Typography, { children: "Are you sure you want to leave this page?" });
     $[4] = t3;
   } else {
@@ -23971,7 +23951,7 @@ function EntityJsonPreview(t0) {
   const preRef = useRef(null);
   const t2 = mode === "dark" ? themes.vsDark : themes.github;
   let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = (t42) => {
       const {
         style,
@@ -24607,7 +24587,7 @@ function useBuildSideDialogsController() {
   const location = useLocation();
   const navigate = useNavigate();
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = [];
     $[0] = t0;
   } else {
@@ -24616,7 +24596,7 @@ function useBuildSideDialogsController() {
   const [sidePanels, setSidePanels] = useState(t0);
   const sidePanelsRef = useRef(sidePanels);
   let t1;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = {};
     $[1] = t1;
   } else {
@@ -24625,7 +24605,7 @@ function useBuildSideDialogsController() {
   const routesStore = useRef(t1);
   const routesCount = useRef(0);
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = (newPanels) => {
       sidePanelsRef.current = newPanels;
       setSidePanels(newPanels);
@@ -25279,7 +25259,7 @@ function DrawerNavigationItem(t0) {
       const {
         isActive
       } = t52;
-      return cls("rounded-lg truncate", "hover:bg-surface-accent-300 hover:bg-opacity-75 hover:bg-surface-accent-300/75 dark:hover:bg-surface-accent-800 dark:hover:bg-opacity-75 dark:hover:bg-surface-accent-800/75 text-text-primary dark:text-surface-200 hover:text-surface-900 hover:dark:text-white hover:bg-surface-accent-300/75 dark:hover:bg-surface-accent-800/75", "flex flex-row items-center mr-8", drawerOpen ? "pl-4 h-10" : "pl-4 h-9", "font-semibold text-xs", isActive ? "bg-surface-accent-200 bg-opacity-60 dark:bg-surface-800 dark:bg-opacity-50 bg-surface-accent-200/60 dark:bg-surface-800/50" : "");
+      return cls("rounded-lg truncate", "hover:bg-surface-accent-300 hover:bg-opacity-75 dark:hover:bg-surface-accent-800 dark:hover:bg-opacity-75 text-text-primary dark:text-surface-200 hover:text-surface-900 hover:dark:text-white", "flex flex-row items-center mr-8", drawerOpen ? "pl-4 h-10" : "pl-4 h-9", "font-semibold text-xs", isActive ? "bg-surface-accent-200 bg-opacity-60 dark:bg-surface-800 dark:bg-opacity-50" : "");
     };
     $[4] = drawerOpen;
     $[5] = t4;
@@ -25289,7 +25269,7 @@ function DrawerNavigationItem(t0) {
   const t5 = drawerOpen ? "opacity-100" : "opacity-0 hidden";
   let t6;
   if ($[6] !== t5) {
-    t6 = cls("text-text-primary dark:text-surface-200", t5, "ml-4 font-inherit");
+    t6 = cls(t5, "ml-4 font-inherit text-inherit");
     $[6] = t5;
     $[7] = t6;
   } else {
@@ -25427,7 +25407,7 @@ function DefaultDrawer(t0) {
         t7 = $[39];
       }
       t2 = "mt-4 flex-grow overflow-scroll no-scrollbar";
-      if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t3 = {
           maskImage: "linear-gradient(to bottom, transparent 0, black 20px, black calc(100% - 20px), transparent 100%)"
         };
@@ -25437,7 +25417,7 @@ function DefaultDrawer(t0) {
       }
       let t10;
       if ($[41] !== adminMenuOpen || $[42] !== buildGroupHeader || $[43] !== drawerOpen || $[44] !== navigationEntries || $[45] !== onClick || $[46] !== tooltipsOpen) {
-        t10 = (group_0) => /* @__PURE__ */ jsxs("div", { className: "bg-surface-50 dark:bg-surface-800 dark:bg-opacity-30 dark:bg-surface-800/30 bg-surface-50 dark:bg-surface-800/30  my-4 rounded-lg ml-3 mr-1", children: [
+        t10 = (group_0) => /* @__PURE__ */ jsxs("div", { className: "bg-surface-50 dark:bg-surface-800 dark:bg-opacity-30 my-4 rounded-lg ml-3 mr-1", children: [
           buildGroupHeader(group_0),
           Object.values(navigationEntries).filter((e_0) => e_0.group === group_0).map((view_0) => /* @__PURE__ */ jsx(DrawerNavigationItem, { icon: /* @__PURE__ */ jsx(IconForView, { collectionOrView: view_0.collection ?? view_0.view, size: "small" }), tooltipsOpen, adminMenuOpen, drawerOpen, onClick: () => onClick(view_0), url: view_0.url, name: view_0.name }, view_0.id))
         ] }, `drawer_group_${group_0}`);
@@ -25547,7 +25527,7 @@ function DrawerLogo(t0) {
     t2 = $[1];
   }
   let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = cls("cursor-pointer rounded ml-3 mr-1");
     $[2] = t3;
   } else {
@@ -25622,7 +25602,7 @@ function UserSelectFieldBinding(t0) {
     t3 = $[3];
   }
   let t4;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = cls("w-full");
     $[4] = t4;
   } else {
@@ -26227,7 +26207,7 @@ function FireCMSRoute() {
     let t62;
     let t7;
     if ($[18] !== navigation || $[19] !== navigationEntries[0].id || $[20] !== navigationEntries[0].path) {
-      t7 = Symbol.for("react.early_return_sentinel");
+      t7 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
       bb0: {
         let collection;
         collection = navigation.getCollectionById(navigationEntries[0].id);
@@ -26239,7 +26219,7 @@ function FireCMSRoute() {
           break bb0;
         }
         let t8;
-        if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
           t8 = [];
           $[23] = t8;
         } else {
@@ -26256,7 +26236,7 @@ function FireCMSRoute() {
       t62 = $[21];
       t7 = $[22];
     }
-    if (t7 !== Symbol.for("react.early_return_sentinel")) {
+    if (t7 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
       return t7;
     }
     return t62;
@@ -26267,7 +26247,7 @@ function FireCMSRoute() {
       let t62;
       let t7;
       if ($[24] !== navigation || $[25] !== navigationEntries[0]) {
-        t7 = Symbol.for("react.early_return_sentinel");
+        t7 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
         bb1: {
           let collection_0;
           const firstEntry = navigationEntries[0];
@@ -26280,7 +26260,7 @@ function FireCMSRoute() {
             break bb1;
           }
           let t8;
-          if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+          if ($[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
             t8 = [];
             $[28] = t8;
           } else {
@@ -26296,7 +26276,7 @@ function FireCMSRoute() {
         t62 = $[26];
         t7 = $[27];
       }
-      if (t7 !== Symbol.for("react.early_return_sentinel")) {
+      if (t7 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
         return t7;
       }
       return t62;
@@ -26462,7 +26442,7 @@ function HomePageRoute(t0) {
     t1 = $[1];
   }
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t2 = [];
     $[2] = t2;
   } else {
@@ -26653,7 +26633,7 @@ const Scaffold = React__default.memo(function Scaffold2(props) {
   const [drawerOpen, setDrawerOpen] = React__default.useState(false);
   const [onHover, setOnHover] = React__default.useState(false);
   let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = () => setOnHover(true);
     $[6] = t4;
   } else {
@@ -26661,7 +26641,7 @@ const Scaffold = React__default.memo(function Scaffold2(props) {
   }
   const setOnHoverTrue = t4;
   let t5;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = () => setOnHover(false);
     $[7] = t5;
   } else {
@@ -26669,7 +26649,7 @@ const Scaffold = React__default.memo(function Scaffold2(props) {
   }
   const setOnHoverFalse = t5;
   let t6;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = () => {
       setDrawerOpen(true);
     };
@@ -26679,7 +26659,7 @@ const Scaffold = React__default.memo(function Scaffold2(props) {
   }
   const handleDrawerOpen = t6;
   let t7;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = () => {
       setDrawerOpen(false);
     };
@@ -26828,7 +26808,7 @@ const Scaffold = React__default.memo(function Scaffold2(props) {
 const DrawerHeader = () => {
   const $ = c(1);
   let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-16" });
     $[0] = t0;
   } else {
@@ -26868,7 +26848,7 @@ function DrawerWrapper(props) {
     t3 = $[5];
   }
   let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(ChevronLeftIcon, {});
     $[6] = t4;
   } else {
@@ -26929,7 +26909,7 @@ function DrawerWrapper(props) {
       t92 = $[20];
     }
     let t102;
-    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t102 = /* @__PURE__ */ jsx(MenuIcon, {});
       $[21] = t102;
     } else {
@@ -26945,7 +26925,7 @@ function DrawerWrapper(props) {
     }
     let t12;
     if ($[24] !== innerDrawer || $[25] !== props.open || $[26] !== props.setDrawerOpen) {
-      t12 = /* @__PURE__ */ jsx(Sheet, { side: "left", transparent: true, open: props.open, onOpenChange: props.setDrawerOpen, title: "Navigation drawer", overlayClassName: "bg-white bg-opacity-80 bg-white/80", children: innerDrawer });
+      t12 = /* @__PURE__ */ jsx(Sheet, { side: "left", transparent: true, open: props.open, onOpenChange: props.setDrawerOpen, title: "Navigation drawer", overlayClassName: "bg-white bg-opacity-80", children: innerDrawer });
       $[24] = innerDrawer;
       $[25] = props.open;
       $[26] = props.setDrawerOpen;