@firecms/core 3.5.2-canary.09e1281 → 3.5.2-canary.c5764a3

package/dist/index.umd.js

@@ -4802,7 +4802,7 @@
   }
   function useDateFnsLocale(locale) {
     const $ = reactCompilerRuntime.c(7);
-    const [, forceUpdate] = React.useReducer(_temp$I, 0);
+    const [, forceUpdate] = React.useReducer(_temp$G, 0);
     let t0;
     if ($[0] !== forceUpdate || $[1] !== locale) {
       t0 = () => {
@@ -4845,7 +4845,7 @@
     }
     return t2;
   }
-  function _temp$I(count) {
+  function _temp$G(count) {
     return count + 1;
   }
   const CONTAINER_FULL_WIDTH = "100vw";
@@ -5062,7 +5062,7 @@
           }
           setDataLoading(false);
           setDataLoadingError(void 0);
-          setData(entities.map(_temp$H));
+          setData(entities.map(_temp$F));
           setNoMoreToLoad(!itemCount || entities.length < itemCount);
         };
         const onError = (error) => {
@@ -5097,7 +5097,7 @@
             orderBy: sortByProperty,
             order: currentSort
           }).then(onEntitiesUpdate).catch(onError);
-          return _temp2$i;
+          return _temp2$h;
         }
       };
       $[8] = collection;
@@ -5146,9 +5146,9 @@
     }
     return t6;
   }
-  function _temp2$i() {
+  function _temp2$h() {
   }
-  function _temp$H(e_1) {
+  function _temp$F(e_1) {
     return {
       ...e_1
     };
@@ -5361,7 +5361,7 @@
           setEntity(CACHE[entityCacheKey(path, entityId)]);
           setDataLoading(false);
           setDataLoadingError(void 0);
-          return _temp$G;
+          return _temp$E;
         } else {
           if (entityId && path && collection) {
             if (dataSource.listenEntity) {
@@ -5382,7 +5382,7 @@
                 databaseId,
                 collection
               }).then(onEntityUpdate).catch(onError);
-              return _temp2$h;
+              return _temp2$g;
             }
           } else {
             onEntityUpdate(void 0);
@@ -5430,9 +5430,9 @@
   }
   function _temp3$7() {
   }
-  function _temp2$h() {
+  function _temp2$g() {
   }
-  function _temp$G() {
+  function _temp$E() {
   }
   async function saveEntityWithCallbacks({
     collection,
@@ -6087,7 +6087,7 @@
     }
     let t9;
     if ($[19] !== url) {
-      t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$F, children: t8 }) });
+      t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$D, children: t8 }) });
       $[19] = url;
       $[20] = t9;
     } else {
@@ -6121,7 +6121,7 @@
     }
     return t11;
   }
-  function _temp$F(e_0) {
+  function _temp$D(e_0) {
     return e_0.stopPropagation();
   }
   const FIRECMS_NS$1 = "firecms_core";
@@ -6188,7 +6188,7 @@
       }
       let t3;
       if ($[2] !== url) {
-        t3 = /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$E, target: "_blank", children: [
+        t3 = /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$C, target: "_blank", children: [
           t2,
           url
         ] });
@@ -6290,7 +6290,7 @@
           }
           let t7;
           if ($[27] !== t4 || $[28] !== t6 || $[29] !== url) {
-            t7 = /* @__PURE__ */ jsxRuntime.jsxs("a", { href: url, rel: "noopener noreferrer", target: "_blank", onClick: _temp2$g, className: "flex flex-col items-center justify-center", style: t4, children: [
+            t7 = /* @__PURE__ */ jsxRuntime.jsxs("a", { href: url, rel: "noopener noreferrer", target: "_blank", onClick: _temp2$f, className: "flex flex-col items-center justify-center", style: t4, children: [
               t5,
               t6
             ] });
@@ -6315,10 +6315,10 @@
       }
     }
   }
-  function _temp2$g(e_0) {
+  function _temp2$f(e_0) {
     return e_0.stopPropagation();
   }
-  function _temp$E(e) {
+  function _temp$C(e) {
     e.preventDefault();
   }
   function VideoPreview(t0) {
@@ -6452,7 +6452,7 @@
           if (Array.isArray(arrayProperty.of)) {
             let t1;
             if ($[6] !== arrayProperty.of) {
-              t1 = arrayProperty.of.map(_temp$D);
+              t1 = arrayProperty.of.map(_temp$B);
               $[6] = arrayProperty.of;
               $[7] = t1;
             } else {
@@ -6590,7 +6590,7 @@
     }
     return content || null;
   }
-  function _temp$D(p, i) {
+  function _temp$B(p, i) {
     return renderGenericArrayCell(p, i);
   }
   function renderMap(property, size) {
@@ -7781,7 +7781,7 @@
           timeZoneName: "short"
         });
         const parts = tzFormatter.formatToParts(date);
-        t32 = parts.find(_temp$C)?.value ?? "";
+        t32 = parts.find(_temp$A)?.value ?? "";
         $[6] = date;
         $[7] = timezone;
         $[8] = t32;
@@ -7852,7 +7852,7 @@
     }
     return t3;
   }
-  function _temp$C(p) {
+  function _temp$A(p) {
     return p.type === "timeZoneName";
   }
   function MapPropertyPreview(t0) {
@@ -7947,7 +7947,7 @@
     }
     let t1;
     if ($[1] !== value) {
-      t1 = Object.entries(value).map(_temp$B);
+      t1 = Object.entries(value).map(_temp$z);
       $[1] = value;
       $[2] = t1;
     } else {
@@ -7963,7 +7963,7 @@
     }
     return t2;
   }
-  function _temp$B(t0) {
+  function _temp$z(t0) {
     const [key, childValue] = t0;
     const isTimestampObj = childValue && typeof childValue === "object" && (childValue instanceof Date || "_seconds" in childValue && "_nanoseconds" in childValue && typeof childValue._seconds === "number" && typeof childValue._nanoseconds === "number" || "seconds" in childValue && "nanoseconds" in childValue && typeof childValue.seconds === "number" && typeof childValue.nanoseconds === "number");
     const isScalar = childValue && (typeof childValue !== "object" || isTimestampObj);
@@ -9286,7 +9286,7 @@
         console.trace("onChange");
         if (valueType === "number") {
           if (multiple) {
-            const newValue = updatedValue.map(_temp$A);
+            const newValue = updatedValue.map(_temp$y);
             updateValue(newValue);
           } else {
             updateValue(parseFloat(updatedValue));
@@ -9339,7 +9339,7 @@
     const handleOpenChange = t4;
     let t5;
     if ($[11] !== disabled || $[12] !== enumValues || $[13] !== internalValue || $[14] !== multiple || $[15] !== onChange || $[16] !== renderValue || $[17] !== small || $[18] !== validValue) {
-      t5 = multiple ? /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent outline-none", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$f) : [], onValueChange: onChange, onOpenChange: handleOpenChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent outline-none [&_button]:ring-0 [&_button]:ring-offset-0", inputClassName: "ring-0 ring-offset-0 focus:ring-0 focus-visible:ring-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-offset-0", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, onOpenChange: handleOpenChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
+      t5 = multiple ? /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent outline-none", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$e) : [], onValueChange: onChange, onOpenChange: handleOpenChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent outline-none [&_button]:ring-0 [&_button]:ring-offset-0", inputClassName: "ring-0 ring-offset-0 focus:ring-0 focus-visible:ring-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-offset-0", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, onOpenChange: handleOpenChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
       $[11] = disabled;
       $[12] = enumValues;
       $[13] = internalValue;
@@ -9354,10 +9354,10 @@
     }
     return t5;
   }
-  function _temp2$f(v_0) {
+  function _temp2$e(v_0) {
     return v_0.toString();
   }
-  function _temp$A(v) {
+  function _temp$y(v) {
     return parseFloat(v);
   }
   function VirtualTableNumberInput(props) {
@@ -9553,7 +9553,7 @@
     const renderValue = t3;
     let t4;
     if ($[7] !== disabled || $[8] !== internalValue || $[9] !== multiple || $[10] !== onChange || $[11] !== renderValue || $[12] !== users || $[13] !== validValue) {
-      t4 = multiple ? /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue : [], onValueChange: onChange, children: users?.map(_temp$z) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue : "", onValueChange: onChange, renderValue, children: users?.map(_temp2$e) });
+      t4 = multiple ? /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue : [], onValueChange: onChange, children: users?.map(_temp$x) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue : "", onValueChange: onChange, renderValue, children: users?.map(_temp2$d) });
       $[7] = disabled;
       $[8] = internalValue;
       $[9] = multiple;
@@ -9567,10 +9567,10 @@
     }
     return t4;
   }
-  function _temp2$e(user_1) {
+  function _temp2$d(user_1) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: user_1.uid, children: /* @__PURE__ */ jsxRuntime.jsx(UserDisplay, { user: user_1 }) }, user_1.uid);
   }
-  function _temp$z(user_0) {
+  function _temp$x(user_0) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsxRuntime.jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
   }
   class ErrorBoundary extends React.Component {
@@ -9818,7 +9818,7 @@
         newValue = [...internalValue];
         newValue = removeDuplicates(newValue);
         setInternalValue(newValue);
-        const fieldValue = newValue.filter(_temp$y).map(_temp2$d);
+        const fieldValue = newValue.filter(_temp$w).map(_temp2$c);
         if (multipleFilesSupported) {
           onChange(fieldValue);
         } else {
@@ -9936,10 +9936,10 @@
     }
     return t11;
   }
-  function _temp2$d(e_0) {
+  function _temp2$c(e_0) {
     return e_0.storagePathOrDownloadUrl;
   }
-  function _temp$y(e) {
+  function _temp$w(e) {
     return !!e.storagePathOrDownloadUrl;
   }
   function getInternalInitialValue(multipleFilesSupported, value, metadata, size) {
@@ -10230,7 +10230,7 @@
     const snackbarContext = useSnackbarController();
     let t1;
     if ($[0] !== storage.acceptedFiles) {
-      t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$x).reduce(_temp2$c, {}) : void 0;
+      t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$v).reduce(_temp2$b, {}) : void 0;
       $[0] = storage.acceptedFiles;
       $[1] = t1;
     } else {
@@ -10453,13 +10453,13 @@
     }
     return t20;
   }
-  function _temp2$c(a, b) {
+  function _temp2$b(a, b) {
     return {
       ...a,
       ...b
     };
   }
-  function _temp$x(e) {
+  function _temp$v(e) {
     return {
       [e]: []
     };
@@ -10569,7 +10569,7 @@
     let t1;
     if ($[2] !== updateValue) {
       t1 = (entities) => {
-        updateValue(entities.filter(Boolean).map(_temp$w));
+        updateValue(entities.filter(Boolean).map(_temp$u));
       };
       $[2] = updateValue;
       $[3] = t1;
@@ -10579,7 +10579,7 @@
     const onMultipleEntitiesSelected = t1;
     let t2;
     if ($[4] !== internalValue) {
-      t2 = internalValue ? Array.isArray(internalValue) ? internalValue.map(_temp2$b) : internalValue.id ? [internalValue.id] : [] : [];
+      t2 = internalValue ? Array.isArray(internalValue) ? internalValue.map(_temp2$a) : internalValue.id ? [internalValue.id] : [] : [];
       $[4] = internalValue;
       $[5] = t2;
     } else {
@@ -10741,10 +10741,10 @@
     }
     return t10;
   }, equal);
-  function _temp$w(e) {
+  function _temp$u(e) {
     return getReferenceFrom(e);
   }
-  function _temp2$b(ref) {
+  function _temp2$a(ref) {
     return ref.id;
   }
   yup__namespace.addMethod(yup__namespace.array, "uniqueInArray", function(mapper = (a) => a, message) {
@@ -12399,7 +12399,7 @@
     }
     let t5;
     if ($[15] !== placeholder) {
-      t5 = placeholder && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$v, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
+      t5 = placeholder && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$t, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
       $[15] = placeholder;
       $[16] = t5;
     } else {
@@ -12422,7 +12422,7 @@
     }
     return t6;
   }
-  function _temp$v(e) {
+  function _temp$t(e) {
     return e.stopPropagation();
   }
   const dropZoneClasses = "box-border relative pt-[2px] items-center border border-transparent min-h-[254px] outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid";
@@ -12650,7 +12650,7 @@
       t4 = $[7];
     }
     const style = t4;
-    const getImageSizeNumber = _temp$u;
+    const getImageSizeNumber = _temp$s;
     let child;
     if (entry.storagePathOrDownloadUrl) {
       const t52 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
@@ -12725,7 +12725,7 @@
     }
     return t6;
   }
-  function _temp$u(previewSize) {
+  function _temp$s(previewSize) {
     switch (previewSize) {
       case "small": {
         return 40;
@@ -12762,7 +12762,7 @@
     const snackbarContext = useSnackbarController();
     let t1;
     if ($[0] !== storage.acceptedFiles) {
-      t1 = storage.acceptedFiles ? storage.acceptedFiles.reduce(_temp2$a, {}) : void 0;
+      t1 = storage.acceptedFiles ? storage.acceptedFiles.reduce(_temp2$9, {}) : void 0;
       $[0] = storage.acceptedFiles;
       $[1] = t1;
     } else {
@@ -12955,7 +12955,7 @@
     }
     return t21;
   }
-  function _temp2$a(acc, ext) {
+  function _temp2$9(acc, ext) {
     return {
       ...acc,
       [ext]: []
@@ -14498,7 +14498,7 @@
       } else {
         t42 = $[20];
       }
-      t3 = Object.entries(mapProperties).filter(_temp$t).map(t42);
+      t3 = Object.entries(mapProperties).filter(_temp$r).map(t42);
       $[6] = autoFocus;
       $[7] = context;
       $[8] = disabled;
@@ -14577,7 +14577,7 @@
     }
     return t10;
   }
-  function _temp$t(t0) {
+  function _temp$r(t0) {
     const [, property_0] = t0;
     return !isHidden(property_0);
   }
@@ -15951,7 +15951,7 @@
     const property = t4;
     let t5;
     if ($[9] !== properties) {
-      t5 = Object.entries(properties).map(_temp$s);
+      t5 = Object.entries(properties).map(_temp$q);
       $[9] = properties;
       $[10] = t5;
     } else {
@@ -16044,7 +16044,7 @@
     }
     return t11;
   }
-  function _temp$s(t0) {
+  function _temp$q(t0) {
     const [key, property_0] = t0;
     return {
       id: key,
@@ -19377,7 +19377,7 @@
     let t1;
     if ($[0] !== text) {
       const urlRegex = /https?:\/\/[^\s]+/g;
-      t1 = text.replace(urlRegex, _temp$r);
+      t1 = text.replace(urlRegex, _temp$p);
       $[0] = text;
       $[1] = t1;
     } else {
@@ -19396,7 +19396,7 @@
     }
     return t2;
   };
-  function _temp$r(url) {
+  function _temp$p(url) {
     return `<a href="${url}" class="underline" target="_blank">Link</a><br/>`;
   }
   const operationLabels$2 = {
@@ -19709,7 +19709,7 @@
     }
     let t9;
     if ($[24] !== possibleOperations) {
-      t9 = possibleOperations.map(_temp2$9);
+      t9 = possibleOperations.map(_temp2$8);
       $[24] = possibleOperations;
       $[25] = t9;
     } else {
@@ -19717,7 +19717,7 @@
     }
     let t10;
     if ($[26] !== operation || $[27] !== t8 || $[28] !== t9) {
-      t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "medium", fullWidth: true, position: "item-aligned", onValueChange: t8, renderValue: _temp$q, children: t9 }) });
+      t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "medium", fullWidth: true, position: "item-aligned", onValueChange: t8, renderValue: _temp$o, children: t9 }) });
       $[26] = operation;
       $[27] = t8;
       $[28] = t9;
@@ -19819,10 +19819,10 @@
   function _temp3$5(e_1) {
     return String(e_1);
   }
-  function _temp2$9(op_2) {
+  function _temp2$8(op_2) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: op_2, children: operationLabels$1[op_2] }, op_2);
   }
-  function _temp$q(op_1) {
+  function _temp$o(op_1) {
     return operationLabels$1[op_1];
   }
   function BooleanFilterField(t0) {
@@ -19985,7 +19985,7 @@
     }
     let t7;
     if ($[15] !== possibleOperations) {
-      t7 = possibleOperations.map(_temp2$8);
+      t7 = possibleOperations.map(_temp2$7);
       $[15] = possibleOperations;
       $[16] = t7;
     } else {
@@ -19993,7 +19993,7 @@
     }
     let t8;
     if ($[17] !== operation || $[18] !== t6 || $[19] !== t7) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "medium", fullWidth: true, onValueChange: t6, renderValue: _temp$p, children: t7 }) });
+      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "medium", fullWidth: true, onValueChange: t6, renderValue: _temp$n, children: t7 }) });
       $[17] = operation;
       $[18] = t6;
       $[19] = t7;
@@ -20040,10 +20040,10 @@
     }
     return t12;
   }
-  function _temp2$8(op_2) {
+  function _temp2$7(op_2) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: op_2, children: operationLabels[op_2] }, op_2);
   }
-  function _temp$p(op_1) {
+  function _temp$n(op_1) {
     return operationLabels[op_1];
   }
   const SelectableTable = function SelectableTable2({
@@ -20806,7 +20806,7 @@
         parentCollectionIds
       };
       const searchBlocked = customizationController.plugins?.find((p) => p.collectionView?.blockSearch?.(props));
-      const addTextSearchClickListener = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$o);
+      const addTextSearchClickListener = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$m);
       if (addTextSearchClickListener) {
         onTextSearchClick = addTextSearchClickListener ? () => {
           setTextSearchLoading(true);
@@ -20902,7 +20902,7 @@
     }
     return t3;
   }
-  function _temp$o(p_0) {
+  function _temp$m(p_0) {
     return Boolean(p_0.collectionView?.onTextSearchClick);
   }
   function DeleteEntityDialog({
@@ -21069,20 +21069,20 @@
     } catch {
     }
   }
-  function addRecentId(key, id) {
-    const recentIds = getRecentIds(key);
+  function addRecentId(collectionId, id) {
+    const recentIds = getRecentIds(collectionId);
     const newRecentIds = [id, ...recentIds.filter((i) => i !== id)];
     if (newRecentIds.length > 5) {
       newRecentIds.pop();
     }
-    saveSearchedIdsLocally(key, newRecentIds);
+    saveSearchedIdsLocally(collectionId, newRecentIds);
     return newRecentIds;
   }
-  function saveSearchedIdsLocally(key, ids) {
-    setLocalStorageItem("recent_id_searches::" + key, JSON.stringify(ids));
+  function saveSearchedIdsLocally(collectionId, ids) {
+    setLocalStorageItem("recent_id_searches::" + collectionId, JSON.stringify(ids));
   }
-  function getRecentIds(key) {
-    return getLocalStorageJSON("recent_id_searches::" + key, []);
+  function getRecentIds(collectionId) {
+    return getLocalStorageJSON("recent_id_searches::" + collectionId, []);
   }
   const editEntityAction = {
     icon: /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: "small" }),
@@ -21112,7 +21112,7 @@
         entityId: entity.id
       });
       if (collection) {
-        addRecentId(fullIdPath ?? fullPath ?? collection.id, entity.id);
+        addRecentId(collection.id, entity.id);
       }
       const path = collection?.collectionGroup ? entity.path : fullPath ?? collection?.path ?? entity.path;
       const resolvedPathSegments = collection?.collectionGroup ? entity.pathSegments : pathSegments ?? entity.pathSegments;
@@ -21565,7 +21565,7 @@
       T0 = ui.Collapse;
       t4 = favouriteCollections.length > 0;
       t2 = "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]";
-      t3 = favouriteCollections.map(_temp$n);
+      t3 = favouriteCollections.map(_temp$l);
       $[2] = navigationController;
       $[3] = t1;
       $[4] = T0;
@@ -21599,7 +21599,7 @@
     }
     return t6;
   }
-  function _temp$n(entry_0) {
+  function _temp$l(entry_0) {
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationChip, { entry: entry_0 }, entry_0.path);
   }
   const scrollsMap = {};
@@ -21836,7 +21836,7 @@
     }
     let t4;
     if ($[4] !== actions) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", onClick: _temp$m, children: actions });
+      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", onClick: _temp$k, children: actions });
       $[4] = actions;
       $[5] = t4;
     } else {
@@ -21923,7 +21923,7 @@
     }
     return t12;
   });
-  function _temp$m(event) {
+  function _temp$k(event) {
     event.preventDefault();
     event.stopPropagation();
   }
@@ -24290,7 +24290,7 @@
     let t19;
     let t20;
     if ($[19] !== items2) {
-      t20 = items2.map(_temp$l);
+      t20 = items2.map(_temp$j);
       $[19] = items2;
       $[20] = t20;
     } else {
@@ -24396,7 +24396,7 @@
     }
     return t29;
   });
-  function _temp$l(i) {
+  function _temp$j(i) {
     return i.id;
   }
   function Board(t0) {
@@ -26568,7 +26568,7 @@
     }
     let t7;
     if ($[30] !== collection.forceFilter || $[31] !== filtersDialogOpen || $[32] !== resolvedProperties || $[33] !== tableController) {
-      t7 = resolvedProperties && tableController.setFilterValues && /* @__PURE__ */ jsxRuntime.jsx(FiltersDialog, { open: filtersDialogOpen, onOpenChange: setFiltersDialogOpen, properties: resolvedProperties, filterValues: tableController.filterValues, setFilterValues: (filterValues_0) => tableController.setFilterValues?.(filterValues_0 ?? {}), forceFilter: collection.forceFilter, allowedFilters: tableController.allowedFilters?.map(_temp$k) });
+      t7 = resolvedProperties && tableController.setFilterValues && /* @__PURE__ */ jsxRuntime.jsx(FiltersDialog, { open: filtersDialogOpen, onOpenChange: setFiltersDialogOpen, properties: resolvedProperties, filterValues: tableController.filterValues, setFilterValues: (filterValues_0) => tableController.setFilterValues?.(filterValues_0 ?? {}), forceFilter: collection.forceFilter, allowedFilters: tableController.allowedFilters?.map(_temp$i) });
       $[30] = collection.forceFilter;
       $[31] = filtersDialogOpen;
       $[32] = resolvedProperties;
@@ -26591,225 +26591,9 @@
     }
     return t8;
   }
-  function _temp$k(key_0) {
+  function _temp$i(key_0) {
     return key_0.toString();
   }
-  const DEFAULT_ENTITY_OPEN_MODE$1 = "side_panel";
-  function EntityIdHeaderWidget(t0) {
-    const $ = reactCompilerRuntime.c(53);
-    const {
-      collection,
-      path,
-      pathSegments,
-      fullIdPath
-    } = t0;
-    const navigation = useNavigationController();
-    const [openPopup, setOpenPopup] = React.useState(false);
-    const [searchString, setSearchString] = React.useState("");
-    let t1;
-    if ($[0] !== fullIdPath) {
-      t1 = () => getRecentIds(fullIdPath);
-      $[0] = fullIdPath;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    const [recentIds, setRecentIds] = React.useState(t1);
-    const sideEntityController = useSideEntityController();
-    const {
-      t
-    } = useTranslation();
-    const openEntityMode = collection?.openEntityMode ?? DEFAULT_ENTITY_OPEN_MODE$1;
-    let t2;
-    if ($[2] !== openPopup || $[3] !== t) {
-      t2 = !openPopup ? t("find_by_id") : void 0;
-      $[2] = openPopup;
-      $[3] = t;
-      $[4] = t2;
-    } else {
-      t2 = $[4];
-    }
-    let t3;
-    if ($[5] !== fullIdPath) {
-      t3 = (open) => {
-        if (open) {
-          setRecentIds(getRecentIds(fullIdPath));
-        }
-        setOpenPopup(open);
-      };
-      $[5] = fullIdPath;
-      $[6] = t3;
-    } else {
-      t3 = $[6];
-    }
-    let t4;
-    let t5;
-    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SearchIcon, { size: "small" }) });
-      t5 = ui.cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white");
-      $[7] = t4;
-      $[8] = t5;
-    } else {
-      t4 = $[7];
-      t5 = $[8];
-    }
-    let t6;
-    if ($[9] !== collection || $[10] !== fullIdPath || $[11] !== navigation || $[12] !== openEntityMode || $[13] !== path || $[14] !== pathSegments || $[15] !== searchString || $[16] !== sideEntityController) {
-      t6 = (e) => {
-        e.preventDefault();
-        const entityId = searchString.trim();
-        if (!entityId) {
-          return;
-        }
-        setOpenPopup(false);
-        setRecentIds(addRecentId(fullIdPath, entityId));
-        navigateToEntity({
-          openEntityMode,
-          collection,
-          entityId,
-          path,
-          pathSegments,
-          fullIdPath,
-          sideEntityController,
-          navigation
-        });
-      };
-      $[9] = collection;
-      $[10] = fullIdPath;
-      $[11] = navigation;
-      $[12] = openEntityMode;
-      $[13] = path;
-      $[14] = pathSegments;
-      $[15] = searchString;
-      $[16] = sideEntityController;
-      $[17] = t6;
-    } else {
-      t6 = $[17];
-    }
-    let t7;
-    if ($[18] !== t) {
-      t7 = t("find_entity_by_id");
-      $[18] = t;
-      $[19] = t7;
-    } else {
-      t7 = $[19];
-    }
-    let t8;
-    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t8 = (e_0) => {
-        setSearchString(e_0.target.value);
-      };
-      $[20] = t8;
-    } else {
-      t8 = $[20];
-    }
-    let t9;
-    if ($[21] !== openPopup || $[22] !== searchString || $[23] !== t7) {
-      t9 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus: openPopup, placeholder: t7, onChange: t8, value: searchString, className: "rounded-lg bg-white dark:bg-surface-800 flex-grow bg-transparent outline-none p-2 " + ui.focusedDisabled });
-      $[21] = openPopup;
-      $[22] = searchString;
-      $[23] = t7;
-      $[24] = t9;
-    } else {
-      t9 = $[24];
-    }
-    const t10 = !searchString.trim();
-    let t11;
-    if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t11 = /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {});
-      $[25] = t11;
-    } else {
-      t11 = $[25];
-    }
-    let t12;
-    if ($[26] !== t10) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", disabled: t10, type: "submit", children: t11 });
-      $[26] = t10;
-      $[27] = t12;
-    } else {
-      t12 = $[27];
-    }
-    let t13;
-    if ($[28] !== t12 || $[29] !== t9) {
-      t13 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-2", children: [
-        t9,
-        t12
-      ] });
-      $[28] = t12;
-      $[29] = t9;
-      $[30] = t13;
-    } else {
-      t13 = $[30];
-    }
-    let t14;
-    if ($[31] !== t13 || $[32] !== t6) {
-      t14 = /* @__PURE__ */ jsxRuntime.jsx("form", { noValidate: true, onSubmit: t6, className: "w-96 max-w-full", children: t13 });
-      $[31] = t13;
-      $[32] = t6;
-      $[33] = t14;
-    } else {
-      t14 = $[33];
-    }
-    let t15;
-    if ($[34] !== collection || $[35] !== fullIdPath || $[36] !== navigation || $[37] !== openEntityMode || $[38] !== path || $[39] !== pathSegments || $[40] !== recentIds || $[41] !== sideEntityController) {
-      t15 = recentIds && recentIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(ReferencePreview, { reference: new EntityReference(id, path, void 0, pathSegments), hover: true, onClick: () => {
-        setOpenPopup(false);
-        navigateToEntity({
-          openEntityMode,
-          collection,
-          entityId: id,
-          path,
-          pathSegments,
-          fullIdPath,
-          sideEntityController,
-          navigation
-        });
-      }, includeEntityLink: false, size: "small" }, id)) });
-      $[34] = collection;
-      $[35] = fullIdPath;
-      $[36] = navigation;
-      $[37] = openEntityMode;
-      $[38] = path;
-      $[39] = pathSegments;
-      $[40] = recentIds;
-      $[41] = sideEntityController;
-      $[42] = t15;
-    } else {
-      t15 = $[42];
-    }
-    let t16;
-    if ($[43] !== t14 || $[44] !== t15) {
-      t16 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t5, children: [
-        t14,
-        t15
-      ] });
-      $[43] = t14;
-      $[44] = t15;
-      $[45] = t16;
-    } else {
-      t16 = $[45];
-    }
-    let t17;
-    if ($[46] !== openPopup || $[47] !== t16 || $[48] !== t3) {
-      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open: openPopup, onOpenChange: t3, sideOffset: 0, align: "start", alignOffset: -117, trigger: t4, children: t16 });
-      $[46] = openPopup;
-      $[47] = t16;
-      $[48] = t3;
-      $[49] = t17;
-    } else {
-      t17 = $[49];
-    }
-    let t18;
-    if ($[50] !== t17 || $[51] !== t2) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t2, asChild: false, children: t17 });
-      $[50] = t17;
-      $[51] = t2;
-      $[52] = t18;
-    } else {
-      t18 = $[52];
-    }
-    return t18;
-  }
   const collectionScrollCache = /* @__PURE__ */ new Map();
   function useScrollRestoration() {
     const updateCollectionScroll = ({
@@ -26850,7 +26634,6 @@
     isSubCollection,
     className,
     updateUrl,
-    onCountChange,
     ...collectionProp
   }) {
     const context = useFireCMSContext();
@@ -26988,7 +26771,7 @@
         entityId: clickedEntity.id
       });
       if (collection_1) {
-        addRecentId(fullIdPath ?? fullPath, clickedEntity.id);
+        addRecentId(collection_1.id, clickedEntity.id);
       }
       const isCollectionGroup = Boolean(collection_1?.collectionGroup);
       const path = isCollectionGroup ? clickedEntity.path : fullPath ?? clickedEntity.path;
@@ -27316,9 +27099,8 @@
     React.useEffect(() => {
       if (docsCount !== void 0) {
         breadcrumbs.updateCount(fullPath, docsCount);
-        onCountChange?.(docsCount);
       }
-    }, [docsCount, fullPath, breadcrumbs.updateCount, onCountChange]);
+    }, [docsCount, fullPath, breadcrumbs.updateCount]);
     const countFetcher = /* @__PURE__ */ jsxRuntime.jsx(EntitiesCount, { fullPath, pathSegments, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
     const buildAdditionalHeaderWidget = React.useCallback(({
       property: property_2,
@@ -27464,100 +27246,301 @@
       }
     };
   }
-  const EntityCollectionView$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    EntityCollectionView: EntityCollectionView$1
-  }, Symbol.toStringTag, { value: "Module" }));
-  function PropertyConfigBadge(t0) {
-    const $ = reactCompilerRuntime.c(6);
+  function EntityIdHeaderWidget(t0) {
+    const $ = reactCompilerRuntime.c(50);
     const {
-      propertyConfig,
-      disabled
+      collection,
+      path,
+      pathSegments,
+      fullIdPath
     } = t0;
-    const classes = "h-8 w-8 flex items-center justify-center rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
+    const navigation = useNavigationController();
+    const [openPopup, setOpenPopup] = React.useState(false);
+    const [searchString, setSearchString] = React.useState("");
     let t1;
-    if ($[0] !== classes || $[1] !== disabled || $[2] !== propertyConfig) {
-      const defaultPropertyConfig = typeof propertyConfig?.property === "object" ? getDefaultFieldConfig(propertyConfig.property) : void 0;
-      const t2 = !disabled ? propertyConfig?.color ?? defaultPropertyConfig?.color ?? "#888" : void 0;
-      let t3;
-      if ($[4] !== t2) {
-        t3 = {
-          background: t2
-        };
-        $[4] = t2;
-        $[5] = t3;
-      } else {
-        t3 = $[5];
-      }
-      t1 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: t3, children: propertyConfig?.Icon ? getIconForWidget(propertyConfig, "small") : getIconForWidget(defaultPropertyConfig, "small") });
-      $[0] = classes;
-      $[1] = disabled;
-      $[2] = propertyConfig;
-      $[3] = t1;
+    if ($[0] !== collection.id) {
+      t1 = getRecentIds(collection.id);
+      $[0] = collection.id;
+      $[1] = t1;
     } else {
-      t1 = $[3];
+      t1 = $[1];
     }
-    return t1;
-  }
-  function NotFoundPage() {
-    const $ = reactCompilerRuntime.c(16);
+    const [recentIds, setRecentIds] = React.useState(t1);
+    const sideEntityController = useSideEntityController();
     const {
       t
     } = useTranslation();
-    let t0;
-    if ($[0] !== t) {
-      t0 = t("page_not_found");
-      $[0] = t;
-      $[1] = t0;
-    } else {
-      t0 = $[1];
-    }
-    let t1;
-    if ($[2] !== t0) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h4", align: "center", gutterBottom: true, children: t0 });
-      $[2] = t0;
-      $[3] = t1;
-    } else {
-      t1 = $[3];
-    }
+    const openEntityMode = collection?.openEntityMode ?? DEFAULT_ENTITY_OPEN_MODE;
     let t2;
-    if ($[4] !== t) {
-      t2 = t("page_not_found_body");
-      $[4] = t;
-      $[5] = t2;
+    if ($[2] !== openPopup || $[3] !== t) {
+      t2 = !openPopup ? t("find_by_id") : void 0;
+      $[2] = openPopup;
+      $[3] = t;
+      $[4] = t2;
     } else {
-      t2 = $[5];
+      t2 = $[4];
     }
     let t3;
-    if ($[6] !== t2) {
-      t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { align: "center", gutterBottom: true, children: t2 });
-      $[6] = t2;
-      $[7] = t3;
-    } else {
-      t3 = $[7];
-    }
     let t4;
-    if ($[8] !== t) {
-      t4 = t("back_to_home");
-      $[8] = t;
-      $[9] = t4;
+    if ($[5] === /* @__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");
+      $[5] = t3;
+      $[6] = t4;
     } else {
-      t4 = $[9];
+      t3 = $[5];
+      t4 = $[6];
     }
     let t5;
-    if ($[10] !== t4) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", component: reactRouterDom.Link, to: "/", children: t4 });
-      $[10] = t4;
-      $[11] = t5;
-    } else {
-      t5 = $[11];
-    }
-    let t6;
-    if ($[12] !== t1 || $[13] !== t3 || $[14] !== t5) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "m-auto flex items-center flex-col", children: [
-        t1,
-        t3,
-        t5
+    if ($[7] !== collection || $[8] !== fullIdPath || $[9] !== navigation || $[10] !== openEntityMode || $[11] !== path || $[12] !== pathSegments || $[13] !== searchString || $[14] !== sideEntityController) {
+      t5 = (e) => {
+        e.preventDefault();
+        if (!searchString) {
+          return;
+        }
+        setOpenPopup(false);
+        const entityId = searchString.trim();
+        setRecentIds(addRecentId(collection.id, entityId));
+        navigateToEntity({
+          openEntityMode,
+          collection,
+          entityId,
+          path,
+          pathSegments,
+          fullIdPath,
+          sideEntityController,
+          navigation
+        });
+      };
+      $[7] = collection;
+      $[8] = fullIdPath;
+      $[9] = navigation;
+      $[10] = openEntityMode;
+      $[11] = path;
+      $[12] = pathSegments;
+      $[13] = searchString;
+      $[14] = sideEntityController;
+      $[15] = t5;
+    } else {
+      t5 = $[15];
+    }
+    let t6;
+    if ($[16] !== t) {
+      t6 = t("find_entity_by_id");
+      $[16] = t;
+      $[17] = t6;
+    } else {
+      t6 = $[17];
+    }
+    let t7;
+    if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t7 = (e_0) => {
+        setSearchString(e_0.target.value);
+      };
+      $[18] = t7;
+    } else {
+      t7 = $[18];
+    }
+    let t8;
+    if ($[19] !== openPopup || $[20] !== searchString || $[21] !== t6) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus: openPopup, placeholder: t6, onChange: t7, value: searchString, className: "rounded-lg bg-white dark:bg-surface-800 flex-grow bg-transparent outline-none p-2 " + ui.focusedDisabled });
+      $[19] = openPopup;
+      $[20] = searchString;
+      $[21] = t6;
+      $[22] = t8;
+    } else {
+      t8 = $[22];
+    }
+    const t9 = !searchString.trim();
+    let t10;
+    if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {});
+      $[23] = t10;
+    } else {
+      t10 = $[23];
+    }
+    let t11;
+    if ($[24] !== t9) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", disabled: t9, type: "submit", children: t10 });
+      $[24] = t9;
+      $[25] = t11;
+    } else {
+      t11 = $[25];
+    }
+    let t12;
+    if ($[26] !== t11 || $[27] !== t8) {
+      t12 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-2", children: [
+        t8,
+        t11
+      ] });
+      $[26] = t11;
+      $[27] = t8;
+      $[28] = t12;
+    } else {
+      t12 = $[28];
+    }
+    let t13;
+    if ($[29] !== t12 || $[30] !== t5) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsx("form", { noValidate: true, onSubmit: t5, className: "w-96 max-w-full", children: t12 });
+      $[29] = t12;
+      $[30] = t5;
+      $[31] = t13;
+    } else {
+      t13 = $[31];
+    }
+    let t14;
+    if ($[32] !== collection || $[33] !== fullIdPath || $[34] !== navigation || $[35] !== openEntityMode || $[36] !== path || $[37] !== pathSegments || $[38] !== recentIds || $[39] !== sideEntityController) {
+      t14 = recentIds && recentIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(ReferencePreview, { reference: new EntityReference(id, path, void 0, pathSegments), hover: true, onClick: () => {
+        setOpenPopup(false);
+        navigateToEntity({
+          openEntityMode,
+          collection,
+          entityId: id,
+          path,
+          pathSegments,
+          fullIdPath,
+          sideEntityController,
+          navigation
+        });
+      }, includeEntityLink: false, size: "small" }, id)) });
+      $[32] = collection;
+      $[33] = fullIdPath;
+      $[34] = navigation;
+      $[35] = openEntityMode;
+      $[36] = path;
+      $[37] = pathSegments;
+      $[38] = recentIds;
+      $[39] = sideEntityController;
+      $[40] = t14;
+    } else {
+      t14 = $[40];
+    }
+    let t15;
+    if ($[41] !== t13 || $[42] !== t14) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t4, children: [
+        t13,
+        t14
+      ] });
+      $[41] = t13;
+      $[42] = t14;
+      $[43] = t15;
+    } else {
+      t15 = $[43];
+    }
+    let t16;
+    if ($[44] !== openPopup || $[45] !== t15) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open: openPopup, onOpenChange: setOpenPopup, sideOffset: 0, align: "start", alignOffset: -117, trigger: t3, children: t15 });
+      $[44] = openPopup;
+      $[45] = t15;
+      $[46] = t16;
+    } else {
+      t16 = $[46];
+    }
+    let t17;
+    if ($[47] !== t16 || $[48] !== t2) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t2, asChild: false, children: t16 });
+      $[47] = t16;
+      $[48] = t2;
+      $[49] = t17;
+    } else {
+      t17 = $[49];
+    }
+    return t17;
+  }
+  const EntityCollectionView$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    EntityCollectionView: EntityCollectionView$1
+  }, Symbol.toStringTag, { value: "Module" }));
+  function PropertyConfigBadge(t0) {
+    const $ = reactCompilerRuntime.c(6);
+    const {
+      propertyConfig,
+      disabled
+    } = t0;
+    const classes = "h-8 w-8 flex items-center justify-center rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
+    let t1;
+    if ($[0] !== classes || $[1] !== disabled || $[2] !== propertyConfig) {
+      const defaultPropertyConfig = typeof propertyConfig?.property === "object" ? getDefaultFieldConfig(propertyConfig.property) : void 0;
+      const t2 = !disabled ? propertyConfig?.color ?? defaultPropertyConfig?.color ?? "#888" : void 0;
+      let t3;
+      if ($[4] !== t2) {
+        t3 = {
+          background: t2
+        };
+        $[4] = t2;
+        $[5] = t3;
+      } else {
+        t3 = $[5];
+      }
+      t1 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: t3, children: propertyConfig?.Icon ? getIconForWidget(propertyConfig, "small") : getIconForWidget(defaultPropertyConfig, "small") });
+      $[0] = classes;
+      $[1] = disabled;
+      $[2] = propertyConfig;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    return t1;
+  }
+  function NotFoundPage() {
+    const $ = reactCompilerRuntime.c(16);
+    const {
+      t
+    } = useTranslation();
+    let t0;
+    if ($[0] !== t) {
+      t0 = t("page_not_found");
+      $[0] = t;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    let t1;
+    if ($[2] !== t0) {
+      t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h4", align: "center", gutterBottom: true, children: t0 });
+      $[2] = t0;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== t) {
+      t2 = t("page_not_found_body");
+      $[4] = t;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== t2) {
+      t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { align: "center", gutterBottom: true, children: t2 });
+      $[6] = t2;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    let t4;
+    if ($[8] !== t) {
+      t4 = t("back_to_home");
+      $[8] = t;
+      $[9] = t4;
+    } else {
+      t4 = $[9];
+    }
+    let t5;
+    if ($[10] !== t4) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", component: reactRouterDom.Link, to: "/", children: t4 });
+      $[10] = t4;
+      $[11] = t5;
+    } else {
+      t5 = $[11];
+    }
+    let t6;
+    if ($[12] !== t1 || $[13] !== t3 || $[14] !== t5) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "m-auto flex items-center flex-col", children: [
+        t1,
+        t3,
+        t5
       ] }) });
       $[12] = t1;
       $[13] = t3;
@@ -27883,7 +27866,7 @@
     }
     let t10;
     if ($[11] !== headerActions) {
-      t10 = headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$j, children: headerActions });
+      t10 = headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$h, children: headerActions });
       $[11] = headerActions;
       $[12] = t10;
     } else {
@@ -27963,7 +27946,7 @@
     }
     return t16;
   }
-  function _temp$j(e) {
+  function _temp$h(e) {
     return e.stopPropagation();
   }
   function DefaultDrawer(t0) {
@@ -28008,10 +27991,10 @@
       navigationEntries,
       groups
     } = navigation.topLevelNavigation;
-    const adminViews = navigationEntries.filter(_temp$i) ?? [];
+    const adminViews = navigationEntries.filter(_temp$g) ?? [];
     let t2;
     if ($[1] !== groups) {
-      t2 = groups.filter(_temp2$7);
+      t2 = groups.filter(_temp2$6);
       $[1] = groups;
       $[2] = t2;
     } else {
@@ -28148,10 +28131,10 @@
     }
     return t14;
   }
-  function _temp2$7(g) {
+  function _temp2$6(g) {
     return g !== "Admin";
   }
-  function _temp$i(e) {
+  function _temp$g(e) {
     return e.type === "admin";
   }
   function DrawerToggle() {
@@ -28245,186 +28228,45 @@
     } else {
       t12 = $[21];
     }
-    let t13;
-    if ($[22] !== t0 || $[23] !== t1 || $[24] !== t12) {
-      t13 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 mt-auto px-4 pt-0.5 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t0, side: "right", sideOffset: 12, open: t1, children: t12 }) });
-      $[22] = t0;
-      $[23] = t1;
-      $[24] = t12;
-      $[25] = t13;
-    } else {
-      t13 = $[25];
-    }
-    return t13;
-  }
-  function DrawerLogo(t0) {
-    const $ = reactCompilerRuntime.c(5);
-    const {
-      logo
-    } = t0;
-    const navigation = useNavigationController();
-    let t1;
-    if ($[0] !== logo) {
-      t1 = logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo", className: "w-[28px] h-[28px] object-contain" }) : /* @__PURE__ */ jsxRuntime.jsx(FireCMSLogo, { width: "28px", height: "28px" });
-      $[0] = logo;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    let t2;
-    if ($[2] !== navigation.basePath || $[3] !== t1) {
-      t2 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row items-center shrink-0 pt-4 pb-0 px-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Home", sideOffset: 20, side: "right", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { className: "shrink-0 flex items-center justify-center w-[56px] h-[40px]", to: navigation.basePath, children: t1 }) }) });
-      $[2] = navigation.basePath;
-      $[3] = t1;
-      $[4] = t2;
-    } else {
-      t2 = $[4];
-    }
-    return t2;
-  }
-  function CollectionCountBadge(t0) {
-    const $ = reactCompilerRuntime.c(3);
-    const {
-      count
-    } = t0;
-    if (count === void 0) {
-      return null;
-    }
-    if (count === null) {
-      let t12;
-      if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-        t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "w-8 h-4 rounded-md" });
-        $[0] = t12;
-      } else {
-        t12 = $[0];
-      }
-      return t12;
-    }
-    let t1;
-    if ($[1] !== count) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-surface-accent-500 dark:text-surface-accent-400 bg-surface-100 dark:bg-surface-700 px-1 py-0 rounded", children: count });
-      $[1] = count;
-      $[2] = t1;
-    } else {
-      t1 = $[2];
-    }
-    return t1;
-  }
-  function PathTitle(t0) {
-    const $ = reactCompilerRuntime.c(15);
-    const {
-      parents,
-      name,
-      count,
-      className
-    } = t0;
-    let t1;
-    if ($[0] !== className) {
-      t1 = ui.cls("flex flex-col", className);
-      $[0] = className;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    let t2;
-    if ($[2] !== parents) {
-      t2 = parents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", noWrap: true, children: parents.join(" / ") });
-      $[2] = parents;
-      $[3] = t2;
-    } else {
-      t2 = $[3];
-    }
-    let t3;
-    if ($[4] !== name) {
-      t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", noWrap: true, className: "font-medium", children: name });
-      $[4] = name;
-      $[5] = t3;
-    } else {
-      t3 = $[5];
-    }
-    let t4;
-    if ($[6] !== count) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(CollectionCountBadge, { count });
-      $[6] = count;
-      $[7] = t4;
-    } else {
-      t4 = $[7];
-    }
-    let t5;
-    if ($[8] !== t3 || $[9] !== t4) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2 min-w-0", children: [
-        t3,
-        t4
-      ] });
-      $[8] = t3;
-      $[9] = t4;
-      $[10] = t5;
-    } else {
-      t5 = $[10];
-    }
-    let t6;
-    if ($[11] !== t1 || $[12] !== t2 || $[13] !== t5) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t1, children: [
-        t2,
-        t5
-      ] });
-      $[11] = t1;
-      $[12] = t2;
-      $[13] = t5;
-      $[14] = t6;
+    let t13;
+    if ($[22] !== t0 || $[23] !== t1 || $[24] !== t12) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 mt-auto px-4 pt-0.5 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t0, side: "right", sideOffset: 12, open: t1, children: t12 }) });
+      $[22] = t0;
+      $[23] = t1;
+      $[24] = t12;
+      $[25] = t13;
     } else {
-      t6 = $[14];
+      t13 = $[25];
     }
-    return t6;
+    return t13;
   }
-  function CollectionPathTitle(t0) {
-    const $ = reactCompilerRuntime.c(9);
+  function DrawerLogo(t0) {
+    const $ = reactCompilerRuntime.c(5);
     const {
-      path,
-      name,
-      count
+      logo
     } = t0;
     const navigation = useNavigationController();
     let t1;
-    let t2;
-    if ($[0] !== navigation.collections) {
-      t2 = navigation.collections ?? [];
-      $[0] = navigation.collections;
-      $[1] = t2;
-    } else {
-      t2 = $[1];
-    }
-    let t3;
-    if ($[2] !== path || $[3] !== t2) {
-      t3 = getNavigationEntriesFromPath({
-        path,
-        collections: t2
-      }).slice(0, -1).map(_temp$h);
-      $[2] = path;
-      $[3] = t2;
-      $[4] = t3;
+    if ($[0] !== logo) {
+      t1 = logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo", className: "w-[28px] h-[28px] object-contain" }) : /* @__PURE__ */ jsxRuntime.jsx(FireCMSLogo, { width: "28px", height: "28px" });
+      $[0] = logo;
+      $[1] = t1;
     } else {
-      t3 = $[4];
+      t1 = $[1];
     }
-    t1 = t3;
-    const parents = t1;
-    let t4;
-    if ($[5] !== count || $[6] !== name || $[7] !== parents) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(PathTitle, { parents, name, count, className: "shrink-0 mx-2 max-w-[140px] sm:max-w-[240px] lg:max-w-[320px]" });
-      $[5] = count;
-      $[6] = name;
-      $[7] = parents;
-      $[8] = t4;
+    let t2;
+    if ($[2] !== navigation.basePath || $[3] !== t1) {
+      t2 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row items-center shrink-0 pt-4 pb-0 px-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Home", sideOffset: 20, side: "right", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { className: "shrink-0 flex items-center justify-center w-[56px] h-[40px]", to: navigation.basePath, children: t1 }) }) });
+      $[2] = navigation.basePath;
+      $[3] = t1;
+      $[4] = t2;
     } else {
-      t4 = $[8];
+      t2 = $[4];
     }
-    return t4;
-  }
-  function _temp$h(entry) {
-    return entry.type === "entity" ? entry.entityId : entry.type === "collection" ? entry.collection.name : entry.view.name;
+    return t2;
   }
   const DefaultAppBar = function DefaultAppBar2(t0) {
-    const $ = reactCompilerRuntime.c(58);
+    const $ = reactCompilerRuntime.c(54);
     const {
       title,
       endAdornment,
@@ -28445,7 +28287,6 @@
     const logo = logoProp ?? appLogo;
     const navigation = useNavigationController();
     const breadcrumbs = useBreadcrumbsController();
-    const lastBreadcrumb = breadcrumbs.breadcrumbs?.[breadcrumbs.breadcrumbs.length - 1];
     const authController = useAuthController();
     const {
       mode,
@@ -28536,39 +28377,30 @@
     }
     let t8;
     if ($[21] !== breadcrumbs.breadcrumbs) {
-      t8 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 items-center", children: breadcrumbs.breadcrumbs.map(_temp$g) }) });
+      t8 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2 items-center", children: breadcrumbs.breadcrumbs.map(_temp$f) }) });
       $[21] = breadcrumbs.breadcrumbs;
       $[22] = t8;
     } else {
       t8 = $[22];
     }
     let t9;
-    if ($[23] !== breadcrumbs.breadcrumbs || $[24] !== lastBreadcrumb) {
-      t9 = lastBreadcrumb && /* @__PURE__ */ jsxRuntime.jsx(PathTitle, { className: "lg:hidden min-w-0 mr-2", parents: breadcrumbs.breadcrumbs.slice(0, -1).map(_temp2$6), name: lastBreadcrumb.title, count: lastBreadcrumb.count });
-      $[23] = breadcrumbs.breadcrumbs;
-      $[24] = lastBreadcrumb;
-      $[25] = t9;
+    if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow" });
+      $[23] = t9;
     } else {
-      t9 = $[25];
+      t9 = $[23];
     }
     let t10;
-    if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow" });
-      $[26] = t10;
+    if ($[24] !== endAdornment) {
+      t10 = endAdornment && /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: endAdornment });
+      $[24] = endAdornment;
+      $[25] = t10;
     } else {
-      t10 = $[26];
+      t10 = $[25];
     }
     let t11;
-    if ($[27] !== endAdornment) {
-      t11 = endAdornment && /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: endAdornment });
-      $[27] = endAdornment;
-      $[28] = t11;
-    } else {
-      t11 = $[28];
-    }
-    let t12;
-    if ($[29] !== includeModeToggle || $[30] !== mode || $[31] !== setMode || $[32] !== t) {
-      t12 = includeModeToggle && /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", "aria-label": "Open drawer", children: mode === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(ui.DarkModeIcon, { size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.LightModeIcon, { size: "small" }) }), children: [
+    if ($[26] !== includeModeToggle || $[27] !== mode || $[28] !== setMode || $[29] !== t) {
+      t11 = includeModeToggle && /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", "aria-label": "Open drawer", children: mode === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(ui.DarkModeIcon, { size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.LightModeIcon, { size: "small" }) }), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: () => setMode("dark"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.DarkModeIcon, { size: "smallest" }),
           " ",
@@ -28585,106 +28417,101 @@
           t("system_mode")
         ] })
       ] });
-      $[29] = includeModeToggle;
-      $[30] = mode;
-      $[31] = setMode;
-      $[32] = t;
-      $[33] = t12;
+      $[26] = includeModeToggle;
+      $[27] = mode;
+      $[28] = setMode;
+      $[29] = t;
+      $[30] = t11;
     } else {
-      t12 = $[33];
+      t11 = $[30];
     }
-    let t13;
-    if ($[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t13 = /* @__PURE__ */ jsxRuntime.jsx(LanguageToggle, {});
-      $[34] = t13;
+    let t12;
+    if ($[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsxRuntime.jsx(LanguageToggle, {});
+      $[31] = t12;
     } else {
-      t13 = $[34];
+      t12 = $[31];
     }
-    let t14;
-    if ($[35] !== user) {
-      t14 = user && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-2 mb-2", children: [
+    let t13;
+    if ($[32] !== user) {
+      t13 = user && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-2 mb-2", children: [
         user.displayName && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body1", color: "secondary", children: user.displayName }),
         user.email && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", color: "secondary", children: user.email })
       ] });
-      $[35] = user;
-      $[36] = t14;
+      $[32] = user;
+      $[33] = t13;
     } else {
-      t14 = $[36];
+      t13 = $[33];
     }
-    let t15;
-    if ($[37] !== authController || $[38] !== dropDownActions || $[39] !== navigate || $[40] !== t) {
-      t15 = !dropDownActions && /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: async () => {
+    let t14;
+    if ($[34] !== authController || $[35] !== dropDownActions || $[36] !== navigate || $[37] !== t) {
+      t14 = !dropDownActions && /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: async () => {
         await authController.signOut();
         navigate("/");
       }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.LogoutIcon, {}),
         t("log_out")
       ] });
-      $[37] = authController;
-      $[38] = dropDownActions;
-      $[39] = navigate;
-      $[40] = t;
-      $[41] = t15;
+      $[34] = authController;
+      $[35] = dropDownActions;
+      $[36] = navigate;
+      $[37] = t;
+      $[38] = t14;
     } else {
-      t15 = $[41];
+      t14 = $[38];
     }
-    let t16;
-    if ($[42] !== avatarComponent || $[43] !== dropDownActions || $[44] !== t14 || $[45] !== t15) {
-      t16 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { trigger: avatarComponent, children: [
-        t14,
+    let t15;
+    if ($[39] !== avatarComponent || $[40] !== dropDownActions || $[41] !== t13 || $[42] !== t14) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { trigger: avatarComponent, children: [
+        t13,
         dropDownActions,
-        t15
+        t14
       ] });
-      $[42] = avatarComponent;
-      $[43] = dropDownActions;
-      $[44] = t14;
-      $[45] = t15;
-      $[46] = t16;
+      $[39] = avatarComponent;
+      $[40] = dropDownActions;
+      $[41] = t13;
+      $[42] = t14;
+      $[43] = t15;
     } else {
-      t16 = $[46];
+      t15 = $[43];
     }
-    let t17;
-    if ($[47] !== startAdornment || $[48] !== style || $[49] !== t11 || $[50] !== t12 || $[51] !== t16 || $[52] !== t5 || $[53] !== t6 || $[54] !== t7 || $[55] !== t8 || $[56] !== t9) {
-      t17 = /* @__PURE__ */ jsxRuntime.jsxs("div", { style, className: t5, children: [
+    let t16;
+    if ($[44] !== startAdornment || $[45] !== style || $[46] !== t10 || $[47] !== t11 || $[48] !== t15 || $[49] !== t5 || $[50] !== t6 || $[51] !== t7 || $[52] !== t8) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsxs("div", { style, className: t5, children: [
         t6,
         t7,
         t8,
-        t9,
         startAdornment,
+        t9,
         t10,
         t11,
         t12,
-        t13,
-        t16
+        t15
       ] });
-      $[47] = startAdornment;
-      $[48] = style;
-      $[49] = t11;
-      $[50] = t12;
-      $[51] = t16;
-      $[52] = t5;
-      $[53] = t6;
-      $[54] = t7;
-      $[55] = t8;
-      $[56] = t9;
-      $[57] = t17;
+      $[44] = startAdornment;
+      $[45] = style;
+      $[46] = t10;
+      $[47] = t11;
+      $[48] = t15;
+      $[49] = t5;
+      $[50] = t6;
+      $[51] = t7;
+      $[52] = t8;
+      $[53] = t16;
     } else {
-      t17 = $[57];
+      t16 = $[53];
     }
-    return t17;
+    return t16;
   };
-  function _temp$g(breadcrumb, index) {
+  function _temp$f(breadcrumb, index) {
     return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "/" }),
       /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { className: "visited:text-inherit visited:dark:text-inherit block", to: breadcrumb.url, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2 whitespace-nowrap", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: breadcrumb.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(CollectionCountBadge, { count: breadcrumb.count })
+        breadcrumb.count !== void 0 && (breadcrumb.count !== null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-surface-accent-500 dark:text-surface-accent-400 bg-surface-100 dark:bg-surface-700 px-1 py-0 rounded", children: breadcrumb.count }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "w-8 h-4 rounded-md" }))
       ] }) }, index)
     ] }, breadcrumb.url + "_" + index);
   }
-  function _temp2$6(breadcrumb_0) {
-    return breadcrumb_0.title;
-  }
   const buildIdsMap = (value) => value && Array.isArray(value) && value.length > 0 ? value.map((v, index) => {
     if (!v) return {};
     return {
@@ -29121,7 +28948,7 @@
         } else {
           const searchResult = iconsSearch.search(value);
           const limited = searchResult.slice(0, 50);
-          setKeys(limited.map(_temp$f));
+          setKeys(limited.map(_temp$e));
         }
       }, UPDATE_SEARCH_INDEX_WAIT_MS);
       $[0] = t3;
@@ -29213,7 +29040,7 @@
     }
     return t11;
   }
-  function _temp$f(e) {
+  function _temp$e(e) {
     return e.item.key;
   }
   function FieldCaption(t0) {
@@ -29672,7 +29499,7 @@
       i18n
     } = useTranslation();
     const plugins = React.useContext(CustomizationControllerContext)?.plugins;
-    const runsProPlugin = plugins?.some(_temp$e) ?? false;
+    const runsProPlugin = plugins?.some(_temp$d) ?? false;
     const [dismissed, setDismissed] = React.useState(_temp2$5);
     const [dismissedForGood, setDismissedForGood] = React.useState(_temp3$4);
     const content = licenseStatus ? buildBannerContent(licenseStatus, t, i18n?.language, runsProPlugin) : null;
@@ -29762,7 +29589,7 @@
   function _temp2$5() {
     return readDismissed(sessionDismissals);
   }
-  function _temp$e(plugin) {
+  function _temp$d(plugin) {
     return PRO_PLUGIN_KEYS.includes(plugin.key);
   }
   function buildBannerContent(status, t, language, runsProPlugin) {
@@ -29902,32 +29729,64 @@
     }
   }
   function useReferenceDialog(referenceDialogProps) {
+    const $ = reactCompilerRuntime.c(9);
     const navigation = useNavigationController();
     const sideDialogsController = useSideDialogsController();
-    const open = React.useCallback(() => {
-      if (referenceDialogProps.path) {
-        let usedCollection = referenceDialogProps.collection;
-        if (!usedCollection) usedCollection = navigation.getCollection(referenceDialogProps.path);
-        if (!usedCollection) throw Error("Not able to resolve the collection in useReferenceDialog. Make sure a collection is registered in path " + referenceDialogProps.path);
-        sideDialogsController.open({
-          key: `reference_${referenceDialogProps.path}`,
-          component: /* @__PURE__ */ jsxRuntime.jsx(ReferenceSelectionTable, { collection: usedCollection, ...referenceDialogProps }),
-          width: "90vw",
-          onClose: () => {
-            referenceDialogProps.onClose?.();
+    let t0;
+    if ($[0] !== navigation || $[1] !== referenceDialogProps || $[2] !== sideDialogsController) {
+      t0 = () => {
+        if (referenceDialogProps.path) {
+          let usedCollection = referenceDialogProps.collection;
+          if (!usedCollection) {
+            usedCollection = navigation.getCollection(referenceDialogProps.path);
           }
-        });
-      } else {
-        throw Error("useReferenceDialog: You are trying to open a reference dialog, but have not declared the `path`");
-      }
-    }, [navigation, referenceDialogProps, sideDialogsController]);
-    const close = React.useCallback(() => {
-      sideDialogsController.close(`reference_${referenceDialogProps.path}`);
-    }, [sideDialogsController, referenceDialogProps.path]);
-    return {
-      open,
-      close
-    };
+          if (!usedCollection) {
+            throw Error("Not able to resolve the collection in useReferenceDialog. Make sure a collection is registered in path " + referenceDialogProps.path);
+          }
+          sideDialogsController.open({
+            key: `reference_${referenceDialogProps.path}`,
+            component: /* @__PURE__ */ jsxRuntime.jsx(ReferenceSelectionTable, { collection: usedCollection, ...referenceDialogProps }),
+            width: "90vw",
+            onClose: () => {
+              referenceDialogProps.onClose?.();
+            }
+          });
+        } else {
+          throw Error("useReferenceDialog: You are trying to open a reference dialog, but have not declared the `path`");
+        }
+      };
+      $[0] = navigation;
+      $[1] = referenceDialogProps;
+      $[2] = sideDialogsController;
+      $[3] = t0;
+    } else {
+      t0 = $[3];
+    }
+    const open = t0;
+    let t1;
+    if ($[4] !== sideDialogsController) {
+      t1 = () => {
+        sideDialogsController.close();
+      };
+      $[4] = sideDialogsController;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    const close = t1;
+    let t2;
+    if ($[6] !== close || $[7] !== open) {
+      t2 = {
+        open,
+        close
+      };
+      $[6] = close;
+      $[7] = open;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    return t2;
   }
   const fireCMSLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAa9SURBVHgB7Z1NbBNHFMf/a7uBEgMOHy2pSlnUql+oEG7lgNgcqZAgR9RKSU5tT9mcqp6SXNoj5tBzHAmk3ggSUo/Ziko9skXqoVIlJm3Von4IhzhAIIk7b9ab+COJvZ63610nP8netWx5Z//73syb2Zm3BjqJXc4BixaQMgHjDFCWW5iVb83aH5eL8jdC7lS2a/Ny3wGyLvJGER3CQJRsCHZBfrqCBpHaRkCJuXYb2O9EKWg0AtpKtDF5gnJr5BA+BSVm/sAsQiY8AZW1PSHR7IhE2wwhX1NAWlrlywIhwC9gPISrR8iyFJDvnQIzvALapRH5PgG+uo0bAbLIfLYAJngEtJ+awOq03LOQCAxZN6bGOdw6BV3GyV1X7iEx4hFlGQGs3qt4jBbtW6Cq65bIXW0km7x06XG0SXsCei57S+4NoDtwZUs91I5LBxfQE28O8W0o2kVIEQeDihhMwO4Vz0cEFbF1AbtfPB8RRMTWBNw54vmIVkVsMYxRDYaJnYOpztl+1LQn1VxAu3QN3dPaBkGe80sTzX60vQt7geY0IsDcMw8r+wPO9N6H2TOPXHpBbn9DcfWgehHu09OYf/YGnNJ5uE9OIyJkjyWb3+rLrQVU9R71MMIbELD238XlvjsYOXQTuUywIbziSg6zC5cw8+/HcBbPI0RkwdJnt6oPtxFw6ZbX5eFn5PANDB+5qQTkQCyfwNSfX6Lw3ycICTkclh3c7IvNBQzJdUmwide+YhOunpCFHN1sFGcrAR+AsdUl95zo/xr2q98gCkhAEpIEZUQAL6Qr99XUNY2tsL3EOp5HjcPc2x9FJh5BVQQdk47NiAlkGgZOai2QOWD2xWM+kZah1nvwl+84W2xpfS9OVlthnQWuWugS8QgKhebeuYiBfffBRK7eCutduGng2ApxEM+HX0RjrPrThoD2Y7b7tHERz4dEvPXmVbXl+DvvNq1HlQWmLoMBClPiJJ4PlWn65KfgIbVuhV4jojrNLz2CJlTIBx+cQpwZ+vVbzBYvQZP1xqRigWkLDEybnyHuXDv+BYcrS4PrsWinIqC++17J3Qmth8EJeQlPTErTVDbqQAuajEUYKOsyfPgm9DGU0Rkc9V8S6r56KMDWH8V50SctMKM9WErumzSGj9yAPj0WubAFTXhcIlp4LnrZTFVmhbYNtWiMXaXI4Cm3cUYKmNIa80mieD76UYOyQGgN2SdZQLrnovsXJKAJDRgK0TE4upzaFpjLsHTQO8JB/R6JmYEuyz3A4gEkkuW90EVfwLvyZtXffUgkB03gfWihP0N1h0MCCmhQTOu7QadY0C97UdsCxd64rGQIjtijXXahbYHuvn4kFbf3GDQhC1zTCobcfdqF6Bhur+7FN8gCUy40KGb2wjlgImmQ++pf/LV5skABTb6ncCBhMF10Rwq46kCT/LFzSBozr5yFPituqjJNQUCDpLkxuS9DeUXVXbnybWgydXwQSWHquAUGHHrzBXSgCV3RJFghWV/hKIf7GsroKgKqelB7mfzoW0OIO0zWJ3nu0LsnoKoH9a2Qru64eRFxpXB0gMn6UPCnuFV35a6DgXz/h7F0Zd6La6y3GXUTLEt0f1i7g2guFzH387TaxgESb/DUKEffV/0d8tmT/oe6wYQyixUyF1gLCrGG3r3KWZaavAt1Aq7QghIWs4mDiCQelYGxvy5UBpAqagX0GhMWK1RHq4jIMOrR1rHPnv6cebCjPFO/4KZxmYM3V4ZyIJhgZPIPBxO/zyEKrvefw+TrlrJARmrqPp9IF9qE3biQ1VEsGlIUEGChDWGXyFwshMDIPy7G/voRA0sPwQFVEddl+MQU422CMYt876a9hCaLDVfJlUNrBQaePIQthbywIAJbJbnnjAyMZw+9F3LcSVnjMm0sNiTsEq2JuIYIIDHNZ0VYjx/gxPMicivPar4nweZ7cmoUmSwuwpHw0e0yHTVf8m8v5uvXRuwcZESS379tXpwW7sqtTELlVdlxuM3EI5oLqGLDNFWgAjsHUTnnpuymPWlE8Kc98dlNvNNAMAGJ3dRPNQSf2qEOkKYbIN3UsLjtiEcEt8BquiLEocGT7GS7mX/1BCS8fjMF2wmbZaTyUk9tlxOmFfQFJLwcM1JE4wqSgSNddpQjBSiPgD67SWiZsBcn5V8PIzZCkrvSTTPprsxZzsMRkPDCHQsdtcjwhPMJT8BqvHwM8pUaRuiQaCkHWKOBAAchE42APusPI1Bi0gMJTPAgvPk9NDmgGx9GsBVK0NIA1Mg3rdlTCx9z3rYha5zY2NLjMMo/eXMboxWsnv8Br15XnnLWoGsAAAAASUVORK5CYII=";
   function useBrowserTitleAndIcon(name, logo) {
@@ -30586,7 +30445,7 @@
       t0 = $[0];
     }
     const configCache = React.useRef(t0);
-    const getCollectionFromStorage = _temp$d;
+    const getCollectionFromStorage = _temp$c;
     let t1;
     if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = (path) => {
@@ -30709,7 +30568,7 @@
     }
     return t11;
   }
-  function _temp$d(storageKey) {
+  function _temp$c(storageKey) {
     return getLocalStorageJSON(storageKey, {});
   }
   function useBuildModeController() {
@@ -30872,32 +30731,78 @@
     }
     return t7;
   }
-  function useLeavePageConfirmation(when) {
-    const $ = reactCompilerRuntime.c(3);
-    let t0;
-    let t1;
-    if ($[0] !== when) {
-      t0 = () => {
-        if (!when) {
-          return;
+  function useNavigationUnsavedChangesDialog(when, onSuccess) {
+    const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+    const [pendingNavigation, setPendingNavigation] = React.useState(null);
+    const handleCancel = React.useCallback(() => {
+      setIsDialogOpen(false);
+      setPendingNavigation(null);
+    }, []);
+    const handleOk = React.useCallback(() => {
+      setIsDialogOpen(false);
+      if (pendingNavigation) {
+        onSuccess();
+        if (pendingNavigation.type === "popstate") {
+          window.history.go(pendingNavigation.delta);
+        } else if (pendingNavigation.type === "link") {
+          window.location.href = pendingNavigation.href;
+        }
+        setPendingNavigation(null);
+      }
+    }, [onSuccess, pendingNavigation]);
+    const handleBeforeUnload = React.useCallback((e) => {
+      if (when) {
+        e.preventDefault();
+        e.returnValue = "";
+      }
+    }, [when]);
+    const handlePopState = React.useCallback((e_0) => {
+      if (when) {
+        e_0.preventDefault();
+        setPendingNavigation({
+          type: "popstate",
+          delta: -1
+        });
+        setIsDialogOpen(true);
+      }
+    }, [when]);
+    const handleLinkClick = React.useCallback((e_1) => {
+      if (!when) return;
+      const target = e_1.target;
+      const anchor = target.closest("a[href]");
+      if (anchor && anchor.host === window.location.host) {
+        e_1.preventDefault();
+        const href = anchor.getAttribute("href");
+        if (href) {
+          setPendingNavigation({
+            type: "link",
+            href
+          });
+          setIsDialogOpen(true);
         }
-        const handleBeforeUnload = _temp$c;
+      }
+    }, [when]);
+    React.useEffect(() => {
+      if (when) {
         window.addEventListener("beforeunload", handleBeforeUnload);
-        return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+        window.addEventListener("popstate", handlePopState);
+        document.addEventListener("click", handleLinkClick);
+      } else {
+        window.removeEventListener("beforeunload", handleBeforeUnload);
+        window.removeEventListener("popstate", handlePopState);
+        document.removeEventListener("click", handleLinkClick);
+      }
+      return () => {
+        window.removeEventListener("beforeunload", handleBeforeUnload);
+        window.removeEventListener("popstate", handlePopState);
+        document.removeEventListener("click", handleLinkClick);
       };
-      t1 = [when];
-      $[0] = when;
-      $[1] = t0;
-      $[2] = t1;
-    } else {
-      t0 = $[1];
-      t1 = $[2];
-    }
-    React.useEffect(t0, t1);
-  }
-  function _temp$c(e) {
-    e.preventDefault();
-    e.returnValue = "";
+    }, [when, handleBeforeUnload, handlePopState, handleLinkClick]);
+    return {
+      navigationWasBlocked: isDialogOpen,
+      handleCancel,
+      handleOk
+    };
   }
   function UnsavedChangesDialog(t0) {
     const $ = reactCompilerRuntime.c(30);
@@ -31217,14 +31122,17 @@
     const widthRef = React.useRef(panel?.width);
     const width = widthRef.current;
     const sideDialogsController = useSideDialogsController();
-    useLeavePageConfirmation(blocked && !drawerCloseRequested);
+    const {
+      handleOk: handleNavigationOk,
+      handleCancel: handleNavigationCancel
+    } = useNavigationUnsavedChangesDialog(blocked && !drawerCloseRequested, () => setBlocked(false));
     React.useEffect(() => {
       if (panel) widthRef.current = panel.width;
     }, [panel]);
     const handleDrawerCloseOk = () => {
       setBlocked(false);
       setDrawerCloseRequested(false);
-      sideDialogsController.close(panel?.key);
+      sideDialogsController.close();
       panel?.onClose?.();
     };
     const handleDrawerCloseCancel = () => {
@@ -31234,7 +31142,7 @@
       if (blocked && !force) {
         setDrawerCloseRequested(true);
       } else {
-        sideDialogsController.close(panel?.key);
+        sideDialogsController.close();
         panel?.onClose?.();
       }
     };
@@ -31267,7 +31175,7 @@
           width
         } })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(UnsavedChangesDialog, { open: drawerCloseRequested, handleOk: handleDrawerCloseOk, handleCancel: handleDrawerCloseCancel, body: blockedNavigationMessage })
+      /* @__PURE__ */ jsxRuntime.jsx(UnsavedChangesDialog, { open: drawerCloseRequested, handleOk: drawerCloseRequested ? handleDrawerCloseOk : handleNavigationOk, handleCancel: drawerCloseRequested ? handleDrawerCloseCancel : handleNavigationCancel, body: blockedNavigationMessage })
     ] });
   }
   function EntityEditViewFormActions({
@@ -31733,9 +31641,6 @@
     }, [selectedTabProp]);
     const subcollections = (collection.subcollections ?? []).filter((c) => !c.hideFromNavigation);
     const subcollectionsCount = subcollections?.length ?? 0;
-    const [subcollectionCounts, setSubcollectionCounts] = React.useState({});
-    const selectedSubcollection = subcollections.find((subcollection) => (subcollection.id ?? subcollection.path) === selectedTab);
-    const selectedSubcollectionDataSource = useDataSource();
     const customViews = collection.entityViews ?? [];
     const customViewsCount = customViews?.length ?? 0;
     const includeJsonView = collection.includeJsonView === void 0 ? true : collection.includeJsonView;
@@ -31809,18 +31714,15 @@
     const jsonView = selectedTab === JSON_TAB_VALUE || mountedTabsRef.current.has(JSON_TAB_VALUE) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("relative flex-1 h-full overflow-auto w-full", {
       "hidden": selectedTab !== JSON_TAB_VALUE
     }), role: "tabpanel", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(EntityJsonPreview, { values: formContext?.values ?? entity?.values ?? {} }) }) }, "json_view") : null;
-    const subCollectionsViews = subcollections && subcollections.map((subcollection_0) => {
-      const subcollectionId = subcollection_0.id ?? subcollection_0.path;
-      const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollection_0.path)}` : void 0;
+    const subCollectionsViews = subcollections && subcollections.map((subcollection) => {
+      const subcollectionId = subcollection.id ?? subcollection.path;
+      const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollection.path)}` : void 0;
       const newFullIdPath = fullIdPath && usedEntity ? `${fullIdPath}/${encodeEntityId(usedEntity.id)}/${removeInitialAndTrailingSlashes(subcollectionId)}` : void 0;
-      const newPathSegments = buildSubcollectionPathSegments(pathSegments, usedEntity?.id, subcollection_0.path);
+      const newPathSegments = buildSubcollectionPathSegments(pathSegments, usedEntity?.id, subcollection.path);
       if (selectedTab !== subcollectionId) return null;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 h-full overflow-auto w-full", role: "tabpanel", children: [
         globalLoading && /* @__PURE__ */ jsxRuntime.jsx(CircularProgressCenter, {}),
-        !globalLoading && (usedEntity && newFullPath ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionView$1, { fullPath: newFullPath, pathSegments: newPathSegments, fullIdPath: newFullIdPath, parentCollectionIds: [...parentCollectionIds, collection.id], isSubCollection: true, updateUrl: false, ...subcollection_0, openEntityMode: layout, onCountChange: (count) => setSubcollectionCounts((counts) => counts[subcollectionId] === count ? counts : {
-          ...counts,
-          [subcollectionId]: count
-        }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: t("youd_need_to_save_before_additional_collections") }) }))
+        !globalLoading && (usedEntity && newFullPath ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionView$1, { fullPath: newFullPath, pathSegments: newPathSegments, fullIdPath: newFullIdPath, parentCollectionIds: [...parentCollectionIds, collection.id], isSubCollection: true, updateUrl: false, ...subcollection, openEntityMode: layout }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: t("youd_need_to_save_before_additional_collections") }) }))
       ] }, `subcol_${subcollectionId}`);
     }).filter(Boolean);
     const onSideTabClick = (value_0) => {
@@ -31856,7 +31758,7 @@
       onSaved?.(res);
       formProps?.onSaved?.(res);
     }, Builder: selectedSecondaryForm?.Builder });
-    const subcollectionTabs = subcollections && subcollections.filter((sub) => !groupedViews.includes(sub.id ?? sub.path)).map((subcollection_1) => /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { className: "text-sm min-w-[120px]", value: subcollection_1.id ?? subcollection_1.path, children: subcollection_1.name }, `entity_detail_collection_tab_${subcollection_1.name}`));
+    const subcollectionTabs = subcollections && subcollections.filter((sub) => !groupedViews.includes(sub.id ?? sub.path)).map((subcollection_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { className: "text-sm min-w-[120px]", value: subcollection_0.id ?? subcollection_0.path, children: subcollection_0.name }, `entity_detail_collection_tab_${subcollection_0.name}`));
     const customViewTabsStart = resolvedEntityViews.filter((view) => view.position === "start" && !groupedViews.includes(view.key)).map((view_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { className: !view_0.tabComponent ? "text-sm min-w-[120px]" : void 0, value: view_0.key, children: view_0.tabComponent ?? view_0.name }, `entity_detail_collection_tab_${view_0.name}`));
     const customViewTabsEnd = resolvedEntityViews.filter((view_1) => (!view_1.position || view_1.position === "end") && !groupedViews.includes(view_1.key)).map((view_2) => /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { className: !view_2.tabComponent ? "text-sm min-w-[120px]" : void 0, value: view_2.key, children: view_2.tabComponent ?? view_2.name }, `entity_detail_collection_tab_${view_2.name}`));
     const viewGroupMenus = collection.viewGroups?.map((group) => {
@@ -31865,17 +31767,13 @@
         group.name,
         /* @__PURE__ */ jsxRuntime.jsx(ui.ExpandMoreIcon, { className: "ml-1 -mr-1", size: "small" })
       ] }), children: group.views.map((viewId) => {
-        const subcollection_2 = subcollections.find((s) => (s.id ?? s.path) === viewId);
+        const subcollection_1 = subcollections.find((s) => (s.id ?? s.path) === viewId);
         const customView_0 = resolvedEntityViews.find((v) => v.key === viewId);
-        const name = subcollection_2?.name ?? customView_0?.name ?? viewId;
+        const name = subcollection_1?.name ?? customView_0?.name ?? viewId;
         return /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { onClick: () => onSideTabClick(viewId), className: selectedTab === viewId ? "bg-surface-accent-100 dark:bg-surface-accent-900" : "", children: name }, `view_group_${group.name}_${viewId}`);
       }) }, `view_group_${group.name}`);
     });
     const shouldShowTopBar = Boolean(barActions) || hasAdditionalViews;
-    const subcollectionTitle = layout === "side_panel" && selectedSubcollection && usedEntity ? (() => {
-      const subcollectionId_0 = selectedSubcollection.id ?? selectedSubcollection.path;
-      return /* @__PURE__ */ jsxRuntime.jsx(CollectionPathTitle, { path: fullIdPath ? `${fullIdPath}/${encodeEntityId(usedEntity.id)}/${removeInitialAndTrailingSlashes(subcollectionId_0)}` : `${path}/${usedEntity.id}/${removeInitialAndTrailingSlashes(selectedSubcollection.path)}`, name: selectedSubcollection.name, count: subcollectionCounts[subcollectionId_0] ?? (selectedSubcollectionDataSource.countEntities ? null : void 0) });
-    })() : null;
     let result = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col h-full w-full bg-white dark:bg-surface-900", children: [
       shouldShowTopBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("h-14 items-center overflow-hidden w-full border-b pl-2 pr-2 flex gap-2 bg-surface-50 dark:bg-surface-900", ui.defaultBorderMixin), children: [
         barActions?.({
@@ -31884,7 +31782,6 @@
           values: formContext?.values ?? usedEntity?.values ?? {},
           status
         }),
-        subcollectionTitle,
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow" }),
         pluginActionsTop,
         globalLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "self-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) }),
@@ -32136,7 +32033,7 @@
     };
   };
   function useBuildSideDialogsController() {
-    const $ = reactCompilerRuntime.c(23);
+    const $ = reactCompilerRuntime.c(21);
     const location = reactRouterDom.useLocation();
     const navigate = reactRouterDom.useNavigate();
     let t0;
@@ -32159,78 +32056,46 @@
     const routesCount = React.useRef(0);
     let t2;
     if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t2 = {};
-      $[2] = t2;
-    } else {
-      t2 = $[2];
-    }
-    const entryKeysOfPanelsWithoutUrl = React.useRef(t2);
-    let t3;
-    if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t3 = (newPanels) => {
+      t2 = (newPanels) => {
         sidePanelsRef.current = newPanels;
         setSidePanels(newPanels);
       };
-      $[3] = t3;
+      $[2] = t2;
     } else {
-      t3 = $[3];
+      t2 = $[2];
     }
-    const updateSidePanels = t3;
-    let t4;
-    if ($[4] !== location.key || $[5] !== location.state) {
-      t4 = () => {
+    const updateSidePanels = t2;
+    let t3;
+    if ($[3] !== location.state) {
+      t3 = () => {
         const state = location.state;
         const panelKeys = state?.panels ?? [];
-        const panelsInHistory = panelKeys.map((key) => routesStore.current[key]).filter(_temp$a);
-        const keptPanels = [];
-        let matched = 0;
-        for (const panel of sidePanelsRef.current) {
-          if (panelsInHistory[matched]?.key === panel.key) {
-            keptPanels.push(panel);
-            matched++;
-          } else {
-            if (!panel.urlPath && (keptPanels.length > 0 || entryKeysOfPanelsWithoutUrl.current[panel.key] === location.key)) {
-              keptPanels.push(panel);
-            } else {
-              break;
-            }
-          }
-        }
-        const newPanels_0 = [...keptPanels, ...panelsInHistory.slice(matched)];
+        const newPanels_0 = panelKeys.map((key) => routesStore.current[key]).filter(_temp$a);
         if (!equal(sidePanelsRef.current.map(_temp2$4), newPanels_0.map(_temp3$3))) {
           updateSidePanels(newPanels_0);
         }
       };
-      $[4] = location.key;
-      $[5] = location.state;
+      $[3] = location.state;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    let t4;
+    if ($[5] !== location) {
+      t4 = [location];
+      $[5] = location;
       $[6] = t4;
     } else {
       t4 = $[6];
     }
+    React.useEffect(t3, t4);
     let t5;
-    if ($[7] !== location) {
-      t5 = [location];
-      $[7] = location;
-      $[8] = t5;
-    } else {
-      t5 = $[8];
-    }
-    React.useEffect(t4, t5);
-    let t6;
-    if ($[9] !== location || $[10] !== navigate) {
-      t6 = (key_0) => {
+    if ($[7] !== location || $[8] !== navigate) {
+      t5 = () => {
         const currentPanels = sidePanelsRef.current;
         if (currentPanels.length === 0) {
           return;
         }
-        const index = key_0 !== void 0 ? currentPanels.findLastIndex((p_2) => p_2.key === key_0) : -1;
-        if (index !== -1 && index < currentPanels.length - 1 && !currentPanels[index].urlPath) {
-          updateSidePanels(currentPanels.filter((_, i) => i !== index));
-          if (routesCount.current > 0) {
-            routesCount.current = routesCount.current - 1;
-          }
-          return;
-        }
         const lastSidePanel = currentPanels[currentPanels.length - 1];
         const updatedPanels = [...currentPanels.slice(0, -1)];
         updateSidePanels(updatedPanels);
@@ -32252,31 +32117,28 @@
           }
         }
       };
-      $[9] = location;
-      $[10] = navigate;
-      $[11] = t6;
+      $[7] = location;
+      $[8] = navigate;
+      $[9] = t5;
     } else {
-      t6 = $[11];
+      t5 = $[9];
     }
-    const close = t6;
-    let t7;
-    if ($[12] !== location || $[13] !== navigate) {
-      t7 = (panelProps) => {
+    const close = t5;
+    let t6;
+    if ($[10] !== location || $[11] !== navigate) {
+      t6 = (panelProps) => {
         const newPanels_1 = Array.isArray(panelProps) ? panelProps : [panelProps];
-        newPanels_1.forEach((panel_0) => {
-          routesStore.current[panel_0.key] = panel_0;
-          if (!panel_0.urlPath) {
-            entryKeysOfPanelsWithoutUrl.current[panel_0.key] = location.key;
-          }
+        newPanels_1.forEach((panel) => {
+          routesStore.current[panel.key] = panel;
         });
         routesCount.current = routesCount.current + newPanels_1.length;
         const baseLocation_0 = location.state?.base_location ?? location;
         const currentPanels_0 = sidePanelsRef.current;
         const updatedPanels_0 = [...currentPanels_0, ...newPanels_1];
         updateSidePanels(updatedPanels_0);
-        newPanels_1.forEach((panel_1) => {
-          if (panel_1.urlPath) {
-            navigate(panel_1.urlPath, {
+        newPanels_1.forEach((panel_0) => {
+          if (panel_0.urlPath) {
+            navigate(panel_0.urlPath, {
               state: {
                 base_location: baseLocation_0,
                 panels: updatedPanels_0.map(_temp5$1)
@@ -32285,30 +32147,27 @@
           }
         });
       };
-      $[12] = location;
-      $[13] = navigate;
-      $[14] = t7;
+      $[10] = location;
+      $[11] = navigate;
+      $[12] = t6;
     } else {
-      t7 = $[14];
+      t6 = $[12];
     }
-    const open = t7;
-    let t8;
-    if ($[15] !== location || $[16] !== navigate) {
-      t8 = (panelProps_0) => {
+    const open = t6;
+    let t7;
+    if ($[13] !== location || $[14] !== navigate) {
+      t7 = (panelProps_0) => {
         const newPanels_2 = Array.isArray(panelProps_0) ? panelProps_0 : [panelProps_0];
-        newPanels_2.forEach((panel_2) => {
-          routesStore.current[panel_2.key] = panel_2;
-          if (!panel_2.urlPath) {
-            entryKeysOfPanelsWithoutUrl.current[panel_2.key] = location.key;
-          }
+        newPanels_2.forEach((panel_1) => {
+          routesStore.current[panel_1.key] = panel_1;
         });
         const baseLocation_1 = location.state?.base_location ?? location;
         const currentPanels_1 = sidePanelsRef.current;
         const updatedPanels_1 = [...currentPanels_1.slice(0, -newPanels_2.length), ...newPanels_2];
         updateSidePanels(updatedPanels_1);
-        newPanels_2.forEach((panel_3) => {
-          if (panel_3.urlPath) {
-            navigate(panel_3.urlPath, {
+        newPanels_2.forEach((panel_2) => {
+          if (panel_2.urlPath) {
+            navigate(panel_2.urlPath, {
               replace: true,
               state: {
                 base_location: baseLocation_1,
@@ -32318,41 +32177,41 @@
           }
         });
       };
-      $[15] = location;
-      $[16] = navigate;
-      $[17] = t8;
+      $[13] = location;
+      $[14] = navigate;
+      $[15] = t7;
     } else {
-      t8 = $[17];
+      t7 = $[15];
     }
-    const replace = t8;
-    let t9;
-    if ($[18] !== close || $[19] !== open || $[20] !== replace || $[21] !== sidePanels) {
-      t9 = {
+    const replace = t7;
+    let t8;
+    if ($[16] !== close || $[17] !== open || $[18] !== replace || $[19] !== sidePanels) {
+      t8 = {
         sidePanels,
         setSidePanels: updateSidePanels,
         close,
         open,
         replace
       };
-      $[18] = close;
-      $[19] = open;
-      $[20] = replace;
-      $[21] = sidePanels;
-      $[22] = t9;
+      $[16] = close;
+      $[17] = open;
+      $[18] = replace;
+      $[19] = sidePanels;
+      $[20] = t8;
     } else {
-      t9 = $[22];
+      t8 = $[20];
     }
-    return t9;
-  }
-  function _temp6$1(p_5) {
-    return p_5.key;
+    return t8;
   }
-  function _temp5$1(p_4) {
+  function _temp6$1(p_4) {
     return p_4.key;
   }
-  function _temp4$2(p_3) {
+  function _temp5$1(p_3) {
     return p_3.key;
   }
+  function _temp4$2(p_2) {
+    return p_2.key;
+  }
   function _temp3$3(p_1) {
     return p_1.key;
   }