@firecms/core 3.0.0-tw4.6 → 3.0.1

package/dist/index.umd.js

@@ -220,6 +220,15 @@
     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;
     }
@@ -3272,7 +3281,7 @@
     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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
         $[0] = t22;
       } else {
@@ -3992,7 +4001,7 @@
       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 {
@@ -4001,7 +4010,7 @@
     const [dialogEntries, setDialogEntries] = React.useState(t1);
     const dialogEntriesRef = React.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);
@@ -4027,7 +4036,7 @@
     }
     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);
@@ -4172,7 +4181,7 @@
     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 {
@@ -4648,7 +4657,7 @@
     React.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
         };
@@ -4770,7 +4779,7 @@
     const [isLargeLayout, setIsLargeLayout] = React.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);
@@ -4862,7 +4871,7 @@
     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__ */ jsxRuntime.jsx(ui.ErrorIcon, { className: "mx-2", size: "small", color: "error" });
       $[0] = t1;
     } else {
@@ -4917,8 +4926,8 @@
   function EmptyValue() {
     const $ = reactCompilerRuntime.c(1);
     let t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t0 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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];
@@ -4994,7 +5003,7 @@
       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%"
@@ -5037,7 +5046,7 @@
       t7 = $[14];
     }
     let t8;
-    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.OpenInNewIcon, { className: "text-surface-700 dark:text-surface-300", size: "smallest" });
       $[15] = t8;
     } else {
@@ -5095,7 +5104,7 @@
     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__ */ jsxRuntime.jsx(EmptyValue, {});
           $[0] = t22;
         } else {
@@ -5104,7 +5113,7 @@
         return t22;
       }
       let t2;
-      if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.OpenInNewIcon, { size: "small" });
         $[1] = t2;
       } else {
@@ -5137,7 +5146,7 @@
     } 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__ */ jsxRuntime.jsx("code", { children: "audio" });
           $[7] = t2;
         } else {
@@ -5199,7 +5208,7 @@
             t4 = $[20];
           }
           let t5;
-          if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+          if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
             t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" });
             $[21] = t5;
           } else {
@@ -5361,7 +5370,7 @@
           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 {
@@ -5412,7 +5421,7 @@
               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 {
@@ -5432,7 +5441,7 @@
                     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 {
@@ -5471,7 +5480,7 @@
         } 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 {
@@ -5481,7 +5490,7 @@
           } 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 {
@@ -5491,7 +5500,7 @@
             } 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 {
@@ -5500,7 +5509,7 @@
                 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 {
@@ -5644,7 +5653,7 @@
     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__ */ jsxRuntime.jsx(ErrorView, { error: "File not found" });
         $[5] = t32;
       } else {
@@ -5793,7 +5802,7 @@
         } else {
           if (!value) {
             let t12;
-            if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
               t12 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
               $[16] = t12;
             } else {
@@ -6010,7 +6019,7 @@
     const t7 = onClick ? "cursor-pointer" : "";
     let t8;
     if ($[11] !== className || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
-      t8 = ui.cls("bg-white dark:bg-surface-900", "min-h-[42px]", t4, "items-center", t5, t6, "flex border rounded-lg", t7, ui.defaultBorderMixin, className);
+      t8 = ui.cls("bg-white dark:bg-surface-900", "min-h-[44px]", t4, "items-center", t5, t6, "flex border rounded-lg", t7, ui.defaultBorderMixin, className);
       $[11] = className;
       $[12] = t4;
       $[13] = t5;
@@ -6095,7 +6104,7 @@
     return t0;
   };
   function ReferencePreviewInternal(t0) {
-    const $ = reactCompilerRuntime.c(16);
+    const $ = reactCompilerRuntime.c(22);
     const {
       disabled,
       reference,
@@ -6133,24 +6142,43 @@
         }
         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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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;
   }
@@ -6202,7 +6230,7 @@
     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__ */ jsxRuntime.jsx(ErrorView, { error: "Reference not set" });
         $[7] = t32;
       } else {
@@ -6242,7 +6270,7 @@
       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__ */ jsxRuntime.jsx(ui.Skeleton, {});
         $[15] = t5;
       } else {
@@ -6264,7 +6292,7 @@
       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__ */ jsxRuntime.jsx(ErrorView, { error: "Entity not found" });
         $[20] = t5;
       } else {
@@ -6688,7 +6716,7 @@
     }
     if (!value) {
       let t12;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t12 = /* @__PURE__ */ jsxRuntime.jsx(EmptyValue, {});
         $[0] = t12;
       } else {
@@ -6858,7 +6886,7 @@
     } = t0;
     if (!user) {
       let t12;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t12 = /* @__PURE__ */ jsxRuntime.jsx(EmptyValue, {});
         $[0] = t12;
       } else {
@@ -6867,7 +6895,7 @@
       return t12;
     }
     let t1;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = ui.cls("inline-flex items-center gap-4 px-2 py-1 rounded-xl", "bg-surface-accent-100 dark:bg-surface-accent-800", "border", ui.defaultBorderMixin);
       $[1] = t1;
     } else {
@@ -6884,7 +6912,7 @@
       t2 = $[5];
     }
     let t3;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = ui.cls("font-regular truncate", "text-sm");
       $[6] = t3;
     } else {
@@ -6944,7 +6972,7 @@
     } = useInternalUserManagementController();
     if (!value) {
       let t12;
-      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t12 = /* @__PURE__ */ jsxRuntime.jsx(EmptyValue, {});
         $[0] = t12;
       } else {
@@ -7009,7 +7037,7 @@
       });
       if (property === null) {
         let t02;
-        if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
           t02 = /* @__PURE__ */ jsxRuntime.jsx(EmptyValue, {});
           $[11] = t02;
         } else {
@@ -7030,7 +7058,7 @@
         } 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__ */ jsxRuntime.jsx(EmptyValue, {});
               $[12] = t02;
             } else {
@@ -7094,7 +7122,7 @@
                             content = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(EmptyValue, {});
                               $[23] = t02;
                             } else {
@@ -7185,7 +7213,7 @@
                         }
                       } else {
                         let t02;
-                        if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+                        if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
                           t02 = /* @__PURE__ */ jsxRuntime.jsx(EmptyValue, {});
                           $[26] = t02;
                         } else {
@@ -7270,7 +7298,7 @@
     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,
@@ -7320,7 +7348,7 @@
       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;
@@ -7379,7 +7407,7 @@
     React.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__ */ jsxRuntime.jsx(ui.Skeleton, {});
         $[3] = t32;
       } else {
@@ -7891,7 +7919,7 @@
     }
     React.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,
@@ -7924,7 +7952,7 @@
       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;
       };
@@ -8158,7 +8186,7 @@
     }
     let t2;
     let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = ui.cls("w-full h-full", ui.focusedDisabled);
       t3 = ui.cls("w-full h-full", ui.focusedDisabled);
       $[2] = t2;
@@ -8357,9 +8385,16 @@
         propertyKey
       }) ?? "/";
     }, [entityId, entityValues, path, resolvedProperty, propertyKey, storage]);
-    const onFileUploadComplete = React.useCallback(async (uploadedPath, entry, metadata_0) => {
+    const onFileUploadComplete = React.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;
       }
@@ -8532,10 +8567,11 @@
         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);
@@ -8895,7 +8931,7 @@
     }
     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__ */ jsxRuntime.jsx(ui.EditIcon, { size: "small", className: "text-surface-500" });
       $[48] = t17;
     } else {
@@ -9156,7 +9192,7 @@
     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__ */ jsxRuntime.jsx(ErrorView, { error: "The specified collection does not exist" });
         $[35] = t72;
       } else {
@@ -9727,7 +9763,7 @@
     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 {
@@ -9735,7 +9771,7 @@
     }
     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 {
@@ -9743,9 +9779,9 @@
     }
     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;
@@ -9813,7 +9849,7 @@
     }
     let t24;
     if ($[33] !== disabled || $[34] !== disabledTooltip || $[35] !== onHover) {
-      t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DoNotDisturbOnIcon, { size: "smallest", color: "disabled", className: "text-text-disabled" }) }) });
+      t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DoNotDisturbOnIcon, { size: "smallest", color: "disabled", className: "text-surface-500" }) }) });
       $[33] = disabled;
       $[34] = disabledTooltip;
       $[35] = onHover;
@@ -10279,7 +10315,7 @@
     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__ */ 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 bg-surface-50/90 dark:bg-opacity-90 dark:bg-surface-900/90 z-10", frozen ? "sticky left-0" : ""), onClick: React.useCallback((event) => {
+    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: {
       width,
@@ -10382,7 +10418,7 @@
       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 {
@@ -10399,7 +10435,7 @@
     }
     const sizeSelect = t6;
     let t7;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = ui.cls(ui.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 {
@@ -10763,7 +10799,7 @@
     const [openFilter, setOpenFilter] = React.useState(false);
     const [hidden, setHidden] = React.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);
       };
@@ -10793,7 +10829,7 @@
     const t3 = column.frozen ? "sticky left-0 z-10" : "relative z-0";
     let t4;
     if ($[4] !== t3) {
-      t4 = ui.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 = ui.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 {
@@ -10816,7 +10852,7 @@
     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);
@@ -11042,7 +11078,7 @@
       t6 = $[16];
     }
     let t7;
-    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = ui.cls(ui.defaultBorderMixin, "py-4 px-6 typography-label border-b");
       $[17] = t7;
     } else {
@@ -11076,7 +11112,7 @@
       t12 = $[24];
     }
     let t13;
-    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t13 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", color: "primary", type: "submit", children: "Filter" });
       $[25] = t13;
     } else {
@@ -11229,7 +11265,7 @@
     const onClick = t1;
     let t2;
     if ($[4] !== hoverRow || $[5] !== onRowClick || $[6] !== rowClassName || $[7] !== rowData) {
-      t2 = ui.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 = ui.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
       });
@@ -11514,7 +11550,7 @@
       /* @__PURE__ */ jsxRuntime.jsx(ui.AssignmentIcon, {}),
       emptyComponent
     ] }) : void 0;
-    const virtualListController = {
+    const virtualListController = React.useMemo(() => ({
       data,
       rowHeight,
       cellRenderer,
@@ -11533,7 +11569,7 @@
       rowClassName,
       endAdornment,
       AddColumnComponent
-    };
+    }), [data, rowHeight, cellRenderer, columns, currentSort, onRowClick, customView, onColumnResizeInternal, onColumnResizeEndInternal, filterInput, onColumnSort, onFilterUpdateInternal, sortByProperty, hoverRow, createFilterField2, rowClassName, endAdornment, AddColumnComponent]);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: measureRef, style, className: ui.cls("h-full w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(VirtualListContext.Provider, { value: virtualListController, children: /* @__PURE__ */ jsxRuntime.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({
@@ -12260,7 +12296,7 @@
       selectedCell
     }), [setPopupCell, select, onValueChange, size, selectedCell]);
     return /* @__PURE__ */ jsxRuntime.jsx(SelectableTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full flex flex-col bg-white dark:bg-surface-950", ref, children: /* @__PURE__ */ jsxRuntime.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: React.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({
@@ -13660,7 +13696,7 @@
     }
     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 = ui.cls("p-4 py-2 rounded", "font-medium uppercase text-sm text-surface-600 dark:text-surface-400");
       $[2] = t4;
     } else {
@@ -13861,7 +13897,7 @@
       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"
       };
@@ -13870,7 +13906,7 @@
       t9 = $[17];
     }
     let t10;
-    if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: t9, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowForwardIcon, { className: "text-primary" }) }) });
       $[18] = t10;
     } else {
@@ -13911,7 +13947,7 @@
       icon
     } = t0;
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = ui.cls(ui.cardMixin, ui.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 {
@@ -13938,7 +13974,7 @@
       t3 = $[5];
     }
     let t4;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowForwardIcon, { color: "primary" }) });
       $[6] = t4;
     } else {
@@ -14732,7 +14768,7 @@
       t6 = $[10];
     }
     let t7;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block font-medium text-sm", children: "Drop here to create a new group" }) });
       $[11] = t7;
     } else {
@@ -14869,7 +14905,7 @@
       return null;
     }
     let t6;
-    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Rename Group" });
       $[16] = t6;
     } else {
@@ -15408,7 +15444,7 @@
   function useWindowSize() {
     const $ = reactCompilerRuntime.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
@@ -15420,7 +15456,7 @@
     const [size, setSize] = React.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({
@@ -15698,7 +15734,7 @@
   function LocalChangesMenu(t0) {
     const $ = reactCompilerRuntime.c(42);
     const {
-      localChangesData,
+      cachedData,
       formex: formex2,
       onClearLocalChanges,
       cacheKey,
@@ -15708,7 +15744,7 @@
     const [previewDialogOpen, setPreviewDialogOpen] = React.useState(false);
     const [open, setOpen] = React.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 {
@@ -15716,7 +15752,7 @@
     }
     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 {
@@ -15724,7 +15760,7 @@
     }
     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();
@@ -15735,14 +15771,14 @@
     }
     const handlePreview = t3;
     let t4;
-    if ($[3] !== formex2 || $[4] !== localChangesData || $[5] !== onClearLocalChanges || $[6] !== snackbarController) {
+    if ($[3] !== cachedData || $[4] !== formex2 || $[5] !== onClearLocalChanges || $[6] !== snackbarController) {
       t4 = () => {
-        const mergedValues = mergeDeep(formex2.values, localChangesData);
+        const mergedValues = mergeDeep(formex2.values, cachedData);
         const touched = {
           ...formex2.touched
         };
-        const previewKeys = flattenKeys(localChangesData);
-        previewKeys.forEach((key) => {
+        const cachedKeys = flattenKeys(cachedData);
+        cachedKeys.forEach((key) => {
           touched[key] = true;
         });
         formex2.setTouched(touched);
@@ -15754,8 +15790,8 @@
         handleCloseMenu();
         onClearLocalChanges?.();
       };
-      $[3] = formex2;
-      $[4] = localChangesData;
+      $[3] = cachedData;
+      $[4] = formex2;
       $[5] = onClearLocalChanges;
       $[6] = snackbarController;
       $[7] = t4;
@@ -15783,14 +15819,14 @@
     }
     const handleDiscard = t5;
     let t6;
-    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[12] === /* @__PURE__ */ 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")) {
+    if ($[13] === /* @__PURE__ */ 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",
@@ -15801,14 +15837,14 @@
       t7 = $[13];
     }
     let t8;
-    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[14] === /* @__PURE__ */ 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")) {
+    if ($[15] === /* @__PURE__ */ 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"
@@ -15818,7 +15854,7 @@
       t9 = $[15];
     }
     let t10;
-    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "small" });
       $[16] = t10;
     } else {
@@ -15836,7 +15872,7 @@
       t11 = $[18];
     }
     let t12;
-    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.CancelIcon, { size: "small" });
       $[19] = t12;
     } else {
@@ -15869,21 +15905,21 @@
       t14 = $[25];
     }
     let t15;
-    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t15 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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"
@@ -15894,19 +15930,19 @@
     }
     const t18 = properties;
     let t19;
-    if ($[29] !== localChangesData || $[30] !== t18) {
+    if ($[29] !== cachedData || $[30] !== t18) {
       t19 = /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "my-4", children: [
         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 }) }) })
+        /* @__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: 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__ */ jsxRuntime.jsx(ui.Button, { onClick: () => setPreviewDialogOpen(false), children: "Close" });
       $[32] = t20;
     } else {
@@ -15966,56 +16002,6 @@
     });
     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,
@@ -16133,13 +16119,7 @@
       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 hasLocalChanges = !localChangesCleared && localChangesDataRaw && Object.keys(localChangesDataRaw).length > 0;
     const formex$1 = formexProp ?? formex.useCreateFormex({
       initialValues: initialValues_0,
       initialDirty: initialDirty_0,
@@ -16476,7 +16456,7 @@
     }), 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: [
         /* @__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) }),
+          manualApplyLocalChanges && hasLocalChanges && /* @__PURE__ */ jsxRuntime.jsx(LocalChangesMenu, { cacheKey: status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId, properties: resolvedCollection.properties, cachedData: localChangesDataRaw, formex: formex$1, onClearLocalChanges: () => setLocalChangesCleared(true) }),
           formex$1.dirty ? /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "This form has been modified", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "small", className: "py-1", 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", className: "py-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "smallest" }) }) })
         ] }),
         formView
@@ -16905,7 +16885,7 @@
     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 = ui.cls("w-full");
       $[10] = t8;
     } else {
@@ -17494,7 +17474,7 @@
       }
     }
     let t5;
-    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t5 = ui.cls("rounded-md m-1");
       $[27] = t5;
     } else {
@@ -17805,7 +17785,7 @@
     }
     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
@@ -17816,7 +17796,7 @@
       t2 = $[5];
     }
     let t3;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = {
         coordinateGetter: sortable.sortableKeyboardCoordinates
       };
@@ -17826,7 +17806,7 @@
     }
     const sensors = core.useSensors(core.useSensor(core.PointerSensor, t2), core.useSensor(core.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);
       };
@@ -18409,7 +18389,7 @@
       t1 = $[3];
     }
     let t2;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = ui.cls(ui.paperMixin, "w-full min-h-14 p-4 md:p-6 overflow-x-scroll no-scrollbar");
       $[4] = t2;
     } else {
@@ -18919,7 +18899,7 @@
         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 {
@@ -19438,7 +19418,7 @@
       t8 = $[23];
     }
     let t9;
-    if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", children: /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowDropDownIcon, { size: "small" }) });
       $[24] = t9;
     } else {
@@ -19513,7 +19493,7 @@
       t16 = $[43];
     }
     let t17;
-    if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.RemoveIcon, { size: "smallest" });
       $[44] = t17;
     } else {
@@ -19599,7 +19579,7 @@
     }
     const [selectedDataType, setSelectedDataType] = React.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);
       };
@@ -19688,42 +19668,42 @@
       t6 = $[13];
     }
     let t7;
-    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", className: "h-7 w-7", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.Menu, { trigger: t7, children: [
         t8,
         t9,
@@ -20069,7 +20049,7 @@
     const [typeInternal, setTypeInternal] = React.useState(type ?? void 0);
     const formex$1 = 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 {
@@ -20154,7 +20134,7 @@
       formex$1.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 = ui.cls(ui.paperMixin, "bg-transparent p-2");
       $[17] = t7;
     } else {
@@ -20824,7 +20804,7 @@
         t1 = $[1];
       }
       let t2;
-      if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.FilterListOffIcon, {});
         $[2] = t2;
       } else {
@@ -21376,7 +21356,7 @@
     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__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SearchIcon, { size: "small" }) });
       t4 = ui.cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white");
       $[2] = t3;
@@ -21417,7 +21397,7 @@
       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);
       };
@@ -21436,7 +21416,7 @@
     }
     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__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {});
       $[16] = t9;
     } else {
@@ -21562,7 +21542,7 @@
   function NotFoundPage() {
     const $ = reactCompilerRuntime.c(1);
     let t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t0 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "m-auto flex items-center flex-col", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h4", align: "center", gutterBottom: true, children: "Page not found" }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { align: "center", gutterBottom: true, children: "This page does not exist or you may not have access to it" }),
@@ -21668,7 +21648,7 @@
     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__ */ jsxRuntime.jsx("circle", { cx: "291.5", cy: "291.5", r: "291.5", fill: "#0070F4" });
       t4 = /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "292", cy: "291.5", rx: "173", ry: "173.5", fill: "#FF3773" });
       t5 = /* @__PURE__ */ jsxRuntime.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" });
@@ -21724,7 +21704,7 @@
       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 {
@@ -21732,7 +21712,7 @@
     }
     const [breadcrumbs, setBreadcrumbs] = React.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);
       };
@@ -21822,7 +21802,7 @@
     } 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__ */ jsxRuntime.jsx("div", { className: "p-1 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "w-10 h-10 rounded-full" }) });
           $[6] = t22;
         } else {
@@ -21876,7 +21856,7 @@
       t7 = $[19];
     }
     let t8;
-    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow" });
       $[20] = t8;
     } else {
@@ -22058,7 +22038,7 @@
       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);
@@ -22381,7 +22361,7 @@
     } else if (value?.isEntityReference && value?.isEntityReference()) {
       child = /* @__PURE__ */ jsxRuntime.jsx(ReferencePreview, { reference: value, onClick: onEntryClick, disabled, previewProperties, size, includeId, includeEntityLink });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.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__ */ jsxRuntime.jsxs("div", { className: ui.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__ */ jsxRuntime.jsx("div", { className: "justify-center text-left", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outlined", color: "primary", disabled, onClick: onEntryClick, children: [
         "Edit ",
@@ -22408,7 +22388,7 @@
     const [query, setQuery] = React.useState("");
     let t2;
     let t3;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = ui.debounce((value) => {
         if (!value || value === "") {
           setKeys(null);
@@ -22444,7 +22424,7 @@
     React.useEffect(t4, t5);
     const icons = keys === null ? ui.coolIconKeys : keys;
     let t6;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.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 {
@@ -23147,7 +23127,7 @@
   function useBuildLocalConfigurationPersistence() {
     const $ = reactCompilerRuntime.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 {
@@ -23156,7 +23136,7 @@
     const configCache = React.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]) {
@@ -23170,7 +23150,7 @@
     }
     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));
@@ -23184,7 +23164,7 @@
     }
     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 {
@@ -23192,7 +23172,7 @@
     }
     const [recentlyVisitedPaths, _setRecentlyVisitedPaths] = React.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 {
@@ -23200,7 +23180,7 @@
     }
     const [favouritePaths, _setFavouritePaths] = React.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 {
@@ -23209,7 +23189,7 @@
     const [collapsedGroups, _setCollapsedGroups] = React.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")) : []);
@@ -23224,7 +23204,7 @@
     }
     React.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);
@@ -23235,7 +23215,7 @@
     }
     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);
@@ -23246,7 +23226,7 @@
     }
     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);
@@ -23540,7 +23520,7 @@
       t2 = $[3];
     }
     let t3;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: "Are you sure you want to leave this page?" });
       $[4] = t3;
     } else {
@@ -23969,7 +23949,7 @@
     const preRef = React.useRef(null);
     const t2 = mode === "dark" ? prismReactRenderer.themes.vsDark : prismReactRenderer.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,
@@ -24605,7 +24585,7 @@
     const location = reactRouterDom.useLocation();
     const navigate = reactRouterDom.useNavigate();
     let t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t0 = [];
       $[0] = t0;
     } else {
@@ -24614,7 +24594,7 @@
     const [sidePanels, setSidePanels] = React.useState(t0);
     const sidePanelsRef = React.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 {
@@ -24623,7 +24603,7 @@
     const routesStore = React.useRef(t1);
     const routesCount = React.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);
@@ -25277,7 +25257,7 @@
         const {
           isActive
         } = t52;
-        return ui.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 ui.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;
@@ -25287,7 +25267,7 @@
     const t5 = drawerOpen ? "opacity-100" : "opacity-0 hidden";
     let t6;
     if ($[6] !== t5) {
-      t6 = ui.cls("text-text-primary dark:text-surface-200", t5, "ml-4 font-inherit");
+      t6 = ui.cls(t5, "ml-4 font-inherit text-inherit");
       $[6] = t5;
       $[7] = t6;
     } else {
@@ -25425,7 +25405,7 @@
           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%)"
           };
@@ -25435,7 +25415,7 @@
         }
         let t10;
         if ($[41] !== adminMenuOpen || $[42] !== buildGroupHeader || $[43] !== drawerOpen || $[44] !== navigationEntries || $[45] !== onClick || $[46] !== tooltipsOpen) {
-          t10 = (group_0) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DrawerNavigationItem, { icon: /* @__PURE__ */ jsxRuntime.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}`);
@@ -25545,7 +25525,7 @@
       t2 = $[1];
     }
     let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = ui.cls("cursor-pointer rounded ml-3 mr-1");
       $[2] = t3;
     } else {
@@ -25620,7 +25600,7 @@
       t3 = $[3];
     }
     let t4;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = ui.cls("w-full");
       $[4] = t4;
     } else {
@@ -26225,7 +26205,7 @@
       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);
@@ -26237,7 +26217,7 @@
             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 {
@@ -26254,7 +26234,7 @@
         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;
@@ -26265,7 +26245,7 @@
         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];
@@ -26278,7 +26258,7 @@
               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 {
@@ -26294,7 +26274,7 @@
           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;
@@ -26460,7 +26440,7 @@
       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 {
@@ -26651,7 +26631,7 @@
     const [drawerOpen, setDrawerOpen] = React.useState(false);
     const [onHover, setOnHover] = React.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 {
@@ -26659,7 +26639,7 @@
     }
     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 {
@@ -26667,7 +26647,7 @@
     }
     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);
       };
@@ -26677,7 +26657,7 @@
     }
     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);
       };
@@ -26826,7 +26806,7 @@
   const DrawerHeader = () => {
     const $ = reactCompilerRuntime.c(1);
     let t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t0 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col min-h-16" });
       $[0] = t0;
     } else {
@@ -26866,7 +26846,7 @@
       t3 = $[5];
     }
     let t4;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.ChevronLeftIcon, {});
       $[6] = t4;
     } else {
@@ -26927,7 +26907,7 @@
         t92 = $[20];
       }
       let t102;
-      if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
         t102 = /* @__PURE__ */ jsxRuntime.jsx(ui.MenuIcon, {});
         $[21] = t102;
       } else {
@@ -26943,7 +26923,7 @@
       }
       let t12;
       if ($[24] !== innerDrawer || $[25] !== props.open || $[26] !== props.setDrawerOpen) {
-        t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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;