@firecms/core 3.5.2-canary.16bf7bb → 3.5.2-canary.a36570e

package/dist/index.es.js

@@ -4805,7 +4805,7 @@ function getLoadedDateFnsLocale(locale) {
 }
 function useDateFnsLocale(locale) {
   const $ = c(7);
-  const [, forceUpdate] = useReducer(_temp$A, 0);
+  const [, forceUpdate] = useReducer(_temp$C, 0);
   let t0;
   if ($[0] !== forceUpdate || $[1] !== locale) {
     t0 = () => {
@@ -4848,7 +4848,7 @@ function useDateFnsLocale(locale) {
   }
   return t2;
 }
-function _temp$A(count) {
+function _temp$C(count) {
   return count + 1;
 }
 const CONTAINER_FULL_WIDTH = "100vw";
@@ -5065,7 +5065,7 @@ function useCollectionFetch(t0) {
         }
         setDataLoading(false);
         setDataLoadingError(void 0);
-        setData(entities.map(_temp$z));
+        setData(entities.map(_temp$B));
         setNoMoreToLoad(!itemCount || entities.length < itemCount);
       };
       const onError = (error) => {
@@ -5100,7 +5100,7 @@ function useCollectionFetch(t0) {
           orderBy: sortByProperty,
           order: currentSort
         }).then(onEntitiesUpdate).catch(onError);
-        return _temp2$g;
+        return _temp2$h;
       }
     };
     $[8] = collection;
@@ -5149,9 +5149,9 @@ function useCollectionFetch(t0) {
   }
   return t6;
 }
-function _temp2$g() {
+function _temp2$h() {
 }
-function _temp$z(e_1) {
+function _temp$B(e_1) {
   return {
     ...e_1
   };
@@ -5364,7 +5364,7 @@ function useEntityFetch(t0) {
         setEntity(CACHE[entityCacheKey(path, entityId)]);
         setDataLoading(false);
         setDataLoadingError(void 0);
-        return _temp$y;
+        return _temp$A;
       } else {
         if (entityId && path && collection) {
           if (dataSource.listenEntity) {
@@ -5385,7 +5385,7 @@ function useEntityFetch(t0) {
               databaseId,
               collection
             }).then(onEntityUpdate).catch(onError);
-            return _temp2$f;
+            return _temp2$g;
           }
         } else {
           onEntityUpdate(void 0);
@@ -5433,9 +5433,9 @@ function useEntityFetch(t0) {
 }
 function _temp3$6() {
 }
-function _temp2$f() {
+function _temp2$g() {
 }
-function _temp$y() {
+function _temp$A() {
 }
 async function saveEntityWithCallbacks({
   collection,
@@ -6090,7 +6090,7 @@ function ImagePreview(t0) {
   }
   let t9;
   if ($[19] !== url) {
-    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$x, children: t8 }) });
+    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$z, children: t8 }) });
     $[19] = url;
     $[20] = t9;
   } else {
@@ -6124,7 +6124,7 @@ function ImagePreview(t0) {
   }
   return t11;
 }
-function _temp$x(e_0) {
+function _temp$z(e_0) {
   return e_0.stopPropagation();
 }
 const FIRECMS_NS$1 = "firecms_core";
@@ -6191,7 +6191,7 @@ function UrlComponentPreview(t0) {
     }
     let t3;
     if ($[2] !== url) {
-      t3 = /* @__PURE__ */ 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$w, target: "_blank", children: [
+      t3 = /* @__PURE__ */ 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$y, target: "_blank", children: [
         t2,
         url
       ] });
@@ -6293,7 +6293,7 @@ function UrlComponentPreview(t0) {
         }
         let t7;
         if ($[27] !== t4 || $[28] !== t6 || $[29] !== url) {
-          t7 = /* @__PURE__ */ jsxs("a", { href: url, rel: "noopener noreferrer", target: "_blank", onClick: _temp2$e, className: "flex flex-col items-center justify-center", style: t4, children: [
+          t7 = /* @__PURE__ */ 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
           ] });
@@ -6318,10 +6318,10 @@ function UrlComponentPreview(t0) {
     }
   }
 }
-function _temp2$e(e_0) {
+function _temp2$f(e_0) {
   return e_0.stopPropagation();
 }
-function _temp$w(e) {
+function _temp$y(e) {
   e.preventDefault();
 }
 function VideoPreview(t0) {
@@ -6455,7 +6455,7 @@ function SkeletonPropertyComponent(t0) {
         if (Array.isArray(arrayProperty.of)) {
           let t1;
           if ($[6] !== arrayProperty.of) {
-            t1 = arrayProperty.of.map(_temp$v);
+            t1 = arrayProperty.of.map(_temp$x);
             $[6] = arrayProperty.of;
             $[7] = t1;
           } else {
@@ -6593,7 +6593,7 @@ function SkeletonPropertyComponent(t0) {
   }
   return content || null;
 }
-function _temp$v(p, i) {
+function _temp$x(p, i) {
   return renderGenericArrayCell(p, i);
 }
 function renderMap(property, size) {
@@ -7784,7 +7784,7 @@ function DatePreview(t0) {
         timeZoneName: "short"
       });
       const parts = tzFormatter.formatToParts(date);
-      t32 = parts.find(_temp$u)?.value ?? "";
+      t32 = parts.find(_temp$w)?.value ?? "";
       $[6] = date;
       $[7] = timezone;
       $[8] = t32;
@@ -7855,7 +7855,7 @@ function DatePreview(t0) {
   }
   return t3;
 }
-function _temp$u(p) {
+function _temp$w(p) {
   return p.type === "timeZoneName";
 }
 function MapPropertyPreview(t0) {
@@ -7950,7 +7950,7 @@ function KeyValuePreview(t0) {
   }
   let t1;
   if ($[1] !== value) {
-    t1 = Object.entries(value).map(_temp$t);
+    t1 = Object.entries(value).map(_temp$v);
     $[1] = value;
     $[2] = t1;
   } else {
@@ -7966,7 +7966,7 @@ function KeyValuePreview(t0) {
   }
   return t2;
 }
-function _temp$t(t0) {
+function _temp$v(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);
@@ -9289,7 +9289,7 @@ function VirtualTableSelect(props) {
       console.trace("onChange");
       if (valueType === "number") {
         if (multiple) {
-          const newValue = updatedValue.map(_temp$s);
+          const newValue = updatedValue.map(_temp$u);
           updateValue(newValue);
         } else {
           updateValue(parseFloat(updatedValue));
@@ -9342,7 +9342,7 @@ function VirtualTableSelect(props) {
   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__ */ jsx(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$d) : [], onValueChange: onChange, onOpenChange: handleOpenChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(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__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
+    t5 = multiple ? /* @__PURE__ */ jsx(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__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(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__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
     $[11] = disabled;
     $[12] = enumValues;
     $[13] = internalValue;
@@ -9357,10 +9357,10 @@ function VirtualTableSelect(props) {
   }
   return t5;
 }
-function _temp2$d(v_0) {
+function _temp2$e(v_0) {
   return v_0.toString();
 }
-function _temp$s(v) {
+function _temp$u(v) {
   return parseFloat(v);
 }
 function VirtualTableNumberInput(props) {
@@ -9556,7 +9556,7 @@ function VirtualTableUserSelect(props) {
   const renderValue = t3;
   let t4;
   if ($[7] !== disabled || $[8] !== internalValue || $[9] !== multiple || $[10] !== onChange || $[11] !== renderValue || $[12] !== users || $[13] !== validValue) {
-    t4 = multiple ? /* @__PURE__ */ jsx(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$r) }) : /* @__PURE__ */ jsx(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$c) });
+    t4 = multiple ? /* @__PURE__ */ jsx(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$t) }) : /* @__PURE__ */ jsx(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;
@@ -9570,10 +9570,10 @@ function VirtualTableUserSelect(props) {
   }
   return t4;
 }
-function _temp2$c(user_1) {
+function _temp2$d(user_1) {
   return /* @__PURE__ */ jsx(SelectItem, { value: user_1.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_1 }) }, user_1.uid);
 }
-function _temp$r(user_0) {
+function _temp$t(user_0) {
   return /* @__PURE__ */ jsx(MultiSelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
 }
 class ErrorBoundary extends React__default.Component {
@@ -9821,7 +9821,7 @@ function useStorageUploadController(t0) {
       newValue = [...internalValue];
       newValue = removeDuplicates(newValue);
       setInternalValue(newValue);
-      const fieldValue = newValue.filter(_temp$q).map(_temp2$b);
+      const fieldValue = newValue.filter(_temp$s).map(_temp2$c);
       if (multipleFilesSupported) {
         onChange(fieldValue);
       } else {
@@ -9939,10 +9939,10 @@ function useStorageUploadController(t0) {
   }
   return t11;
 }
-function _temp2$b(e_0) {
+function _temp2$c(e_0) {
   return e_0.storagePathOrDownloadUrl;
 }
-function _temp$q(e) {
+function _temp$s(e) {
   return !!e.storagePathOrDownloadUrl;
 }
 function getInternalInitialValue(multipleFilesSupported, value, metadata, size) {
@@ -10233,7 +10233,7 @@ function StorageUpload$1(t0) {
   const snackbarContext = useSnackbarController();
   let t1;
   if ($[0] !== storage.acceptedFiles) {
-    t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$p).reduce(_temp2$a, {}) : void 0;
+    t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$r).reduce(_temp2$b, {}) : void 0;
     $[0] = storage.acceptedFiles;
     $[1] = t1;
   } else {
@@ -10456,13 +10456,13 @@ function StorageUpload$1(t0) {
   }
   return t20;
 }
-function _temp2$a(a, b) {
+function _temp2$b(a, b) {
   return {
     ...a,
     ...b
   };
 }
-function _temp$p(e) {
+function _temp$r(e) {
   return {
     [e]: []
   };
@@ -10572,7 +10572,7 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   let t1;
   if ($[2] !== updateValue) {
     t1 = (entities) => {
-      updateValue(entities.filter(Boolean).map(_temp$o));
+      updateValue(entities.filter(Boolean).map(_temp$q));
     };
     $[2] = updateValue;
     $[3] = t1;
@@ -10582,7 +10582,7 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   const onMultipleEntitiesSelected = t1;
   let t2;
   if ($[4] !== internalValue) {
-    t2 = internalValue ? Array.isArray(internalValue) ? internalValue.map(_temp2$9) : internalValue.id ? [internalValue.id] : [] : [];
+    t2 = internalValue ? Array.isArray(internalValue) ? internalValue.map(_temp2$a) : internalValue.id ? [internalValue.id] : [] : [];
     $[4] = internalValue;
     $[5] = t2;
   } else {
@@ -10744,10 +10744,10 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   }
   return t10;
 }, equal);
-function _temp$o(e) {
+function _temp$q(e) {
   return getReferenceFrom(e);
 }
-function _temp2$9(ref) {
+function _temp2$a(ref) {
   return ref.id;
 }
 yup.addMethod(yup.array, "uniqueInArray", function(mapper = (a) => a, message) {
@@ -12402,7 +12402,7 @@ function StorageItemPreview(t0) {
   }
   let t5;
   if ($[15] !== placeholder) {
-    t5 = placeholder && /* @__PURE__ */ jsx("div", { onClick: _temp$n, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx(DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
+    t5 = placeholder && /* @__PURE__ */ jsx("div", { onClick: _temp$p, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx(DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
     $[15] = placeholder;
     $[16] = t5;
   } else {
@@ -12425,7 +12425,7 @@ function StorageItemPreview(t0) {
   }
   return t6;
 }
-function _temp$n(e) {
+function _temp$p(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";
@@ -12653,7 +12653,7 @@ function SortableStorageItem(t0) {
     t4 = $[7];
   }
   const style = t4;
-  const getImageSizeNumber = _temp$m;
+  const getImageSizeNumber = _temp$o;
   let child;
   if (entry.storagePathOrDownloadUrl) {
     const t52 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
@@ -12728,7 +12728,7 @@ function SortableStorageItem(t0) {
   }
   return t6;
 }
-function _temp$m(previewSize) {
+function _temp$o(previewSize) {
   switch (previewSize) {
     case "small": {
       return 40;
@@ -12765,7 +12765,7 @@ function FileDropComponent(t0) {
   const snackbarContext = useSnackbarController();
   let t1;
   if ($[0] !== storage.acceptedFiles) {
-    t1 = storage.acceptedFiles ? storage.acceptedFiles.reduce(_temp2$8, {}) : void 0;
+    t1 = storage.acceptedFiles ? storage.acceptedFiles.reduce(_temp2$9, {}) : void 0;
     $[0] = storage.acceptedFiles;
     $[1] = t1;
   } else {
@@ -12958,7 +12958,7 @@ function FileDropComponent(t0) {
   }
   return t21;
 }
-function _temp2$8(acc, ext) {
+function _temp2$9(acc, ext) {
   return {
     ...acc,
     [ext]: []
@@ -14501,7 +14501,7 @@ function MapFieldBinding(t0) {
     } else {
       t42 = $[20];
     }
-    t3 = Object.entries(mapProperties).filter(_temp$l).map(t42);
+    t3 = Object.entries(mapProperties).filter(_temp$n).map(t42);
     $[6] = autoFocus;
     $[7] = context;
     $[8] = disabled;
@@ -14580,7 +14580,7 @@ function MapFieldBinding(t0) {
   }
   return t10;
 }
-function _temp$l(t0) {
+function _temp$n(t0) {
   const [, property_0] = t0;
   return !isHidden(property_0);
 }
@@ -15954,7 +15954,7 @@ function BlockEntry(t0) {
   const property = t4;
   let t5;
   if ($[9] !== properties) {
-    t5 = Object.entries(properties).map(_temp$k);
+    t5 = Object.entries(properties).map(_temp$m);
     $[9] = properties;
     $[10] = t5;
   } else {
@@ -16047,7 +16047,7 @@ function BlockEntry(t0) {
   }
   return t11;
 }
-function _temp$k(t0) {
+function _temp$m(t0) {
   const [key, property_0] = t0;
   return {
     id: key,
@@ -19380,7 +19380,7 @@ const SafeLinkRenderer = (t0) => {
   let t1;
   if ($[0] !== text) {
     const urlRegex = /https?:\/\/[^\s]+/g;
-    t1 = text.replace(urlRegex, _temp$j);
+    t1 = text.replace(urlRegex, _temp$l);
     $[0] = text;
     $[1] = t1;
   } else {
@@ -19399,7 +19399,7 @@ const SafeLinkRenderer = (t0) => {
   }
   return t2;
 };
-function _temp$j(url) {
+function _temp$l(url) {
   return `<a href="${url}" class="underline" target="_blank">Link</a><br/>`;
 }
 const operationLabels$2 = {
@@ -19712,7 +19712,7 @@ function StringNumberFilterField(t0) {
   }
   let t9;
   if ($[24] !== possibleOperations) {
-    t9 = possibleOperations.map(_temp2$7);
+    t9 = possibleOperations.map(_temp2$8);
     $[24] = possibleOperations;
     $[25] = t9;
   } else {
@@ -19720,7 +19720,7 @@ function StringNumberFilterField(t0) {
   }
   let t10;
   if ($[26] !== operation || $[27] !== t8 || $[28] !== t9) {
-    t10 = /* @__PURE__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "medium", fullWidth: true, position: "item-aligned", onValueChange: t8, renderValue: _temp$i, children: t9 }) });
+    t10 = /* @__PURE__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "medium", fullWidth: true, position: "item-aligned", onValueChange: t8, renderValue: _temp$k, children: t9 }) });
     $[26] = operation;
     $[27] = t8;
     $[28] = t9;
@@ -19822,10 +19822,10 @@ function _temp4$2(v) {
 function _temp3$4(e_1) {
   return String(e_1);
 }
-function _temp2$7(op_2) {
+function _temp2$8(op_2) {
   return /* @__PURE__ */ jsx(SelectItem, { value: op_2, children: operationLabels$1[op_2] }, op_2);
 }
-function _temp$i(op_1) {
+function _temp$k(op_1) {
   return operationLabels$1[op_1];
 }
 function BooleanFilterField(t0) {
@@ -19988,7 +19988,7 @@ function DateTimeFilterField(t0) {
   }
   let t7;
   if ($[15] !== possibleOperations) {
-    t7 = possibleOperations.map(_temp2$6);
+    t7 = possibleOperations.map(_temp2$7);
     $[15] = possibleOperations;
     $[16] = t7;
   } else {
@@ -19996,7 +19996,7 @@ function DateTimeFilterField(t0) {
   }
   let t8;
   if ($[17] !== operation || $[18] !== t6 || $[19] !== t7) {
-    t8 = /* @__PURE__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "medium", fullWidth: true, onValueChange: t6, renderValue: _temp$h, children: t7 }) });
+    t8 = /* @__PURE__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "medium", fullWidth: true, onValueChange: t6, renderValue: _temp$j, children: t7 }) });
     $[17] = operation;
     $[18] = t6;
     $[19] = t7;
@@ -20043,10 +20043,10 @@ function DateTimeFilterField(t0) {
   }
   return t12;
 }
-function _temp2$6(op_2) {
+function _temp2$7(op_2) {
   return /* @__PURE__ */ jsx(SelectItem, { value: op_2, children: operationLabels[op_2] }, op_2);
 }
-function _temp$h(op_1) {
+function _temp$j(op_1) {
   return operationLabels[op_1];
 }
 const SelectableTable = function SelectableTable2({
@@ -20809,7 +20809,7 @@ function useTableSearchHelper(t0) {
       parentCollectionIds
     };
     const searchBlocked = customizationController.plugins?.find((p) => p.collectionView?.blockSearch?.(props));
-    const addTextSearchClickListener = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$g);
+    const addTextSearchClickListener = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$i);
     if (addTextSearchClickListener) {
       onTextSearchClick = addTextSearchClickListener ? () => {
         setTextSearchLoading(true);
@@ -20905,7 +20905,7 @@ function useTableSearchHelper(t0) {
   }
   return t3;
 }
-function _temp$g(p_0) {
+function _temp$i(p_0) {
   return Boolean(p_0.collectionView?.onTextSearchClick);
 }
 function DeleteEntityDialog({
@@ -21072,20 +21072,25 @@ function removeLocalStorageItem(key) {
   } catch {
   }
 }
-function addRecentId(collectionId, id) {
-  const recentIds = getRecentIds(collectionId);
+function addRecentId(key, id) {
+  const recentIds = getRecentIds(key);
   const newRecentIds = [id, ...recentIds.filter((i) => i !== id)];
   if (newRecentIds.length > 5) {
     newRecentIds.pop();
   }
-  saveSearchedIdsLocally(collectionId, newRecentIds);
+  saveSearchedIdsLocally(key, newRecentIds);
   return newRecentIds;
 }
-function saveSearchedIdsLocally(collectionId, ids) {
-  setLocalStorageItem("recent_id_searches::" + collectionId, JSON.stringify(ids));
+function saveSearchedIdsLocally(key, ids) {
+  setLocalStorageItem("recent_id_searches::" + key, JSON.stringify(ids));
 }
-function getRecentIds(collectionId) {
-  return getLocalStorageJSON("recent_id_searches::" + collectionId, []);
+function getRecentIds(key) {
+  return getLocalStorageJSON("recent_id_searches::" + key, []);
+}
+function removeRecentIds(key, ids) {
+  const remaining = getRecentIds(key).filter((id) => !ids.includes(id));
+  saveSearchedIdsLocally(key, remaining);
+  return remaining;
 }
 const editEntityAction = {
   icon: /* @__PURE__ */ jsx(EditIcon, { size: "small" }),
@@ -21115,7 +21120,7 @@ const editEntityAction = {
       entityId: entity.id
     });
     if (collection) {
-      addRecentId(collection.id, entity.id);
+      addRecentId(fullIdPath ?? fullPath ?? collection.id, entity.id);
     }
     const path = collection?.collectionGroup ? entity.path : fullPath ?? collection?.path ?? entity.path;
     const resolvedPathSegments = collection?.collectionGroup ? entity.pathSegments : pathSegments ?? entity.pathSegments;
@@ -21568,7 +21573,7 @@ function FavouritesView(t0) {
     T0 = Collapse;
     t4 = favouriteCollections.length > 0;
     t2 = "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]";
-    t3 = favouriteCollections.map(_temp$f);
+    t3 = favouriteCollections.map(_temp$h);
     $[2] = navigationController;
     $[3] = t1;
     $[4] = T0;
@@ -21602,7 +21607,7 @@ function FavouritesView(t0) {
   }
   return t6;
 }
-function _temp$f(entry_0) {
+function _temp$h(entry_0) {
   return /* @__PURE__ */ jsx(NavigationChip, { entry: entry_0 }, entry_0.path);
 }
 const scrollsMap = {};
@@ -21839,7 +21844,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
   }
   let t4;
   if ($[4] !== actions) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", onClick: _temp$e, children: actions });
+    t4 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", onClick: _temp$g, children: actions });
     $[4] = actions;
     $[5] = t4;
   } else {
@@ -21926,7 +21931,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
   }
   return t12;
 });
-function _temp$e(event) {
+function _temp$g(event) {
   event.preventDefault();
   event.stopPropagation();
 }
@@ -24293,7 +24298,7 @@ const BoardColumn = memo(function BoardColumn2(t0) {
   let t19;
   let t20;
   if ($[19] !== items) {
-    t20 = items.map(_temp$d);
+    t20 = items.map(_temp$f);
     $[19] = items;
     $[20] = t20;
   } else {
@@ -24399,7 +24404,7 @@ const BoardColumn = memo(function BoardColumn2(t0) {
   }
   return t29;
 });
-function _temp$d(i) {
+function _temp$f(i) {
   return i.id;
 }
 function Board(t0) {
@@ -26571,7 +26576,7 @@ function EntityCollectionViewStartActions(t0) {
   }
   let t7;
   if ($[30] !== collection.forceFilter || $[31] !== filtersDialogOpen || $[32] !== resolvedProperties || $[33] !== tableController) {
-    t7 = resolvedProperties && tableController.setFilterValues && /* @__PURE__ */ 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$c) });
+    t7 = resolvedProperties && tableController.setFilterValues && /* @__PURE__ */ 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$e) });
     $[30] = collection.forceFilter;
     $[31] = filtersDialogOpen;
     $[32] = resolvedProperties;
@@ -26594,9 +26599,104 @@ function EntityCollectionViewStartActions(t0) {
   }
   return t8;
 }
-function _temp$c(key_0) {
+function _temp$e(key_0) {
   return key_0.toString();
 }
+const DEFAULT_ENTITY_OPEN_MODE$1 = "side_panel";
+function EntityIdHeaderWidget({
+  collection,
+  path,
+  pathSegments,
+  fullIdPath
+}) {
+  const navigation = useNavigationController();
+  const dataSource = useDataSource();
+  const [openPopup, setOpenPopup] = React__default.useState(false);
+  const [searchString, setSearchString] = React__default.useState("");
+  const [recentIds, setRecentIds] = React__default.useState([]);
+  const latestCheck = useRef(0);
+  const sideEntityController = useSideEntityController();
+  const {
+    t
+  } = useTranslation();
+  const resolvedPath = navigation.resolveIdsFrom(path, pathSegments);
+  const resolvedPathSegments = pathSegments ? navigation.resolveSegmentsFrom?.(pathSegments) ?? pathSegments : void 0;
+  const entityExists = useCallback(async (entityId) => {
+    try {
+      const entity = await dataSource.fetchEntity({
+        path: resolvedPath,
+        pathSegments: resolvedPathSegments,
+        entityId,
+        collection
+      });
+      return Boolean(entity?.values);
+    } catch (e) {
+      return void 0;
+    }
+  }, [dataSource, resolvedPath, resolvedPathSegments, collection]);
+  const refreshRecentIds = () => {
+    const ids = getRecentIds(fullIdPath);
+    const check = ++latestCheck.current;
+    Promise.all(ids.map(entityExists)).then((results) => {
+      if (check !== latestCheck.current) return;
+      const missing = ids.filter((_, i) => results[i] === false);
+      if (missing.length > 0) removeRecentIds(fullIdPath, missing);
+      setRecentIds(ids.filter((__0, i_0) => results[i_0] === true));
+    });
+  };
+  const openEntityMode = collection?.openEntityMode ?? DEFAULT_ENTITY_OPEN_MODE$1;
+  return /* @__PURE__ */ jsx(Tooltip, { title: !openPopup ? t("find_by_id") : void 0, asChild: false, children: /* @__PURE__ */ jsx(Popover, { open: openPopup, onOpenChange: (open) => {
+    if (open) refreshRecentIds();
+    setOpenPopup(open);
+  }, sideOffset: 0, align: "start", alignOffset: -117, trigger: /* @__PURE__ */ jsx(IconButton, { size: "small", children: /* @__PURE__ */ jsx(SearchIcon, { size: "small" }) }), children: /* @__PURE__ */ jsxs("div", { className: cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white"), children: [
+    /* @__PURE__ */ jsx("form", { noValidate: true, onSubmit: (e_0) => {
+      e_0.preventDefault();
+      const entityId_0 = searchString.trim();
+      if (!entityId_0) return;
+      setOpenPopup(false);
+      entityExists(entityId_0).then((exists) => {
+        if (exists) addRecentId(fullIdPath, entityId_0);
+      });
+      navigateToEntity({
+        openEntityMode,
+        collection,
+        entityId: entityId_0,
+        path,
+        pathSegments,
+        fullIdPath,
+        sideEntityController,
+        navigation
+      });
+    }, className: "w-96 max-w-full", children: /* @__PURE__ */ jsxs("div", { className: "flex p-2 w-full gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          autoFocus: openPopup,
+          placeholder: t("find_entity_by_id"),
+          onChange: (e_1) => {
+            setSearchString(e_1.target.value);
+          },
+          value: searchString,
+          className: "rounded-lg bg-white dark:bg-surface-800 flex-grow bg-transparent outline-none p-2 " + focusedDisabled
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "text", disabled: !searchString.trim(), type: "submit", children: /* @__PURE__ */ jsx(KeyboardTabIcon, {}) })
+    ] }) }),
+    recentIds && recentIds.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ 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)) })
+  ] }) }) });
+}
 const collectionScrollCache = /* @__PURE__ */ new Map();
 function useScrollRestoration() {
   const updateCollectionScroll = ({
@@ -26637,6 +26737,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
   isSubCollection,
   className,
   updateUrl,
+  onCountChange,
   ...collectionProp
 }) {
   const context = useFireCMSContext();
@@ -26774,7 +26875,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
       entityId: clickedEntity.id
     });
     if (collection_1) {
-      addRecentId(collection_1.id, clickedEntity.id);
+      addRecentId(fullIdPath ?? fullPath, clickedEntity.id);
     }
     const isCollectionGroup = Boolean(collection_1?.collectionGroup);
     const path = isCollectionGroup ? clickedEntity.path : fullPath ?? clickedEntity.path;
@@ -27102,8 +27203,9 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
   useEffect(() => {
     if (docsCount !== void 0) {
       breadcrumbs.updateCount(fullPath, docsCount);
+      onCountChange?.(docsCount);
     }
-  }, [docsCount, fullPath, breadcrumbs.updateCount]);
+  }, [docsCount, fullPath, breadcrumbs.updateCount, onCountChange]);
   const countFetcher = /* @__PURE__ */ jsx(EntitiesCount, { fullPath, pathSegments, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
   const buildAdditionalHeaderWidget = useCallback(({
     property: property_2,
@@ -27249,207 +27351,6 @@ function buildPropertyWidthOverwrite(key, width) {
     }
   };
 }
-function EntityIdHeaderWidget(t0) {
-  const $ = c(50);
-  const {
-    collection,
-    path,
-    pathSegments,
-    fullIdPath
-  } = t0;
-  const navigation = useNavigationController();
-  const [openPopup, setOpenPopup] = React__default.useState(false);
-  const [searchString, setSearchString] = React__default.useState("");
-  let t1;
-  if ($[0] !== collection.id) {
-    t1 = getRecentIds(collection.id);
-    $[0] = collection.id;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const [recentIds, setRecentIds] = React__default.useState(t1);
-  const sideEntityController = useSideEntityController();
-  const {
-    t
-  } = useTranslation();
-  const openEntityMode = collection?.openEntityMode ?? DEFAULT_ENTITY_OPEN_MODE;
-  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;
-  let t4;
-  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(IconButton, { size: "small", children: /* @__PURE__ */ jsx(SearchIcon, { size: "small" }) });
-    t4 = cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white");
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t3 = $[5];
-    t4 = $[6];
-  }
-  let 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__ */ 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 " + 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__ */ jsx(KeyboardTabIcon, {});
-    $[23] = t10;
-  } else {
-    t10 = $[23];
-  }
-  let t11;
-  if ($[24] !== t9) {
-    t11 = /* @__PURE__ */ jsx(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__ */ 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__ */ 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__ */ jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ 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__ */ 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__ */ jsx(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__ */ jsx(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
@@ -27869,7 +27770,7 @@ function DrawerNavigationGroup(t0) {
   }
   let t10;
   if ($[11] !== headerActions) {
-    t10 = headerActions && /* @__PURE__ */ jsx("div", { onClick: _temp$b, children: headerActions });
+    t10 = headerActions && /* @__PURE__ */ jsx("div", { onClick: _temp$d, children: headerActions });
     $[11] = headerActions;
     $[12] = t10;
   } else {
@@ -27949,7 +27850,7 @@ function DrawerNavigationGroup(t0) {
   }
   return t16;
 }
-function _temp$b(e) {
+function _temp$d(e) {
   return e.stopPropagation();
 }
 function DefaultDrawer(t0) {
@@ -27994,10 +27895,10 @@ function DefaultDrawer(t0) {
     navigationEntries,
     groups
   } = navigation.topLevelNavigation;
-  const adminViews = navigationEntries.filter(_temp$a) ?? [];
+  const adminViews = navigationEntries.filter(_temp$c) ?? [];
   let t2;
   if ($[1] !== groups) {
-    t2 = groups.filter(_temp2$5);
+    t2 = groups.filter(_temp2$6);
     $[1] = groups;
     $[2] = t2;
   } else {
@@ -28134,10 +28035,10 @@ function DefaultDrawer(t0) {
   }
   return t14;
 }
-function _temp2$5(g) {
+function _temp2$6(g) {
   return g !== "Admin";
 }
-function _temp$a(e) {
+function _temp$c(e) {
   return e.type === "admin";
 }
 function DrawerToggle() {
@@ -28268,8 +28169,149 @@ function DrawerLogo(t0) {
   }
   return t2;
 }
+function CollectionCountBadge(t0) {
+  const $ = 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__ */ jsx(Skeleton, { className: "w-8 h-4 rounded-md" });
+      $[0] = t12;
+    } else {
+      t12 = $[0];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[1] !== count) {
+    t1 = /* @__PURE__ */ 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 $ = c(15);
+  const {
+    parents,
+    name,
+    count,
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cls("flex flex-col", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== parents) {
+    t2 = parents.length > 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", noWrap: true, children: parents.join(" / ") });
+    $[2] = parents;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== name) {
+    t3 = /* @__PURE__ */ jsx(Typography, { variant: "body2", noWrap: true, className: "font-medium", children: name });
+    $[4] = name;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== count) {
+    t4 = /* @__PURE__ */ jsx(CollectionCountBadge, { count });
+    $[6] = count;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t3 || $[9] !== t4) {
+    t5 = /* @__PURE__ */ 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__ */ jsxs("div", { className: t1, children: [
+      t2,
+      t5
+    ] });
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+}
+function CollectionPathTitle(t0) {
+  const $ = c(9);
+  const {
+    path,
+    name,
+    count
+  } = 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$b);
+    $[2] = path;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  t1 = t3;
+  const parents = t1;
+  let t4;
+  if ($[5] !== count || $[6] !== name || $[7] !== parents) {
+    t4 = /* @__PURE__ */ 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;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+}
+function _temp$b(entry) {
+  return entry.type === "entity" ? entry.entityId : entry.type === "collection" ? entry.collection.name : entry.view.name;
+}
 const DefaultAppBar = function DefaultAppBar2(t0) {
-  const $ = c(54);
+  const $ = c(58);
   const {
     title,
     endAdornment,
@@ -28290,6 +28332,7 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
   const logo = logoProp ?? appLogo;
   const navigation = useNavigationController();
   const breadcrumbs = useBreadcrumbsController();
+  const lastBreadcrumb = breadcrumbs.breadcrumbs?.[breadcrumbs.breadcrumbs.length - 1];
   const authController = useAuthController();
   const {
     mode,
@@ -28380,30 +28423,39 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
   }
   let t8;
   if ($[21] !== breadcrumbs.breadcrumbs) {
-    t8 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2 items-center", children: breadcrumbs.breadcrumbs.map(_temp$9) }) });
+    t8 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2 items-center", children: breadcrumbs.breadcrumbs.map(_temp$a) }) });
     $[21] = breadcrumbs.breadcrumbs;
     $[22] = t8;
   } else {
     t8 = $[22];
   }
   let t9;
-  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /* @__PURE__ */ jsx("div", { className: "flex-grow" });
-    $[23] = t9;
+  if ($[23] !== breadcrumbs.breadcrumbs || $[24] !== lastBreadcrumb) {
+    t9 = lastBreadcrumb && /* @__PURE__ */ jsx(PathTitle, { className: "lg:hidden min-w-0 mr-2", parents: breadcrumbs.breadcrumbs.slice(0, -1).map(_temp2$5), name: lastBreadcrumb.title, count: lastBreadcrumb.count });
+    $[23] = breadcrumbs.breadcrumbs;
+    $[24] = lastBreadcrumb;
+    $[25] = t9;
   } else {
-    t9 = $[23];
+    t9 = $[25];
   }
   let t10;
-  if ($[24] !== endAdornment) {
-    t10 = endAdornment && /* @__PURE__ */ jsx(ErrorBoundary, { children: endAdornment });
-    $[24] = endAdornment;
-    $[25] = t10;
+  if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /* @__PURE__ */ jsx("div", { className: "flex-grow" });
+    $[26] = t10;
   } else {
-    t10 = $[25];
+    t10 = $[26];
   }
   let t11;
-  if ($[26] !== includeModeToggle || $[27] !== mode || $[28] !== setMode || $[29] !== t) {
-    t11 = includeModeToggle && /* @__PURE__ */ jsxs(Menu, { trigger: /* @__PURE__ */ jsx(IconButton, { color: "inherit", "aria-label": "Open drawer", children: mode === "dark" ? /* @__PURE__ */ jsx(DarkModeIcon, { size: "small" }) : /* @__PURE__ */ jsx(LightModeIcon, { size: "small" }) }), children: [
+  if ($[27] !== endAdornment) {
+    t11 = endAdornment && /* @__PURE__ */ 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__ */ jsxs(Menu, { trigger: /* @__PURE__ */ jsx(IconButton, { color: "inherit", "aria-label": "Open drawer", children: mode === "dark" ? /* @__PURE__ */ jsx(DarkModeIcon, { size: "small" }) : /* @__PURE__ */ jsx(LightModeIcon, { size: "small" }) }), children: [
       /* @__PURE__ */ jsxs(MenuItem, { onClick: () => setMode("dark"), children: [
         /* @__PURE__ */ jsx(DarkModeIcon, { size: "smallest" }),
         " ",
@@ -28420,101 +28472,106 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
         t("system_mode")
       ] })
     ] });
-    $[26] = includeModeToggle;
-    $[27] = mode;
-    $[28] = setMode;
-    $[29] = t;
-    $[30] = t11;
+    $[29] = includeModeToggle;
+    $[30] = mode;
+    $[31] = setMode;
+    $[32] = t;
+    $[33] = t12;
   } else {
-    t11 = $[30];
+    t12 = $[33];
   }
-  let t12;
-  if ($[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t12 = /* @__PURE__ */ jsx(LanguageToggle, {});
-    $[31] = t12;
+  let t13;
+  if ($[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t13 = /* @__PURE__ */ jsx(LanguageToggle, {});
+    $[34] = t13;
   } else {
-    t12 = $[31];
+    t13 = $[34];
   }
-  let t13;
-  if ($[32] !== user) {
-    t13 = user && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 mb-2", children: [
+  let t14;
+  if ($[35] !== user) {
+    t14 = user && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 mb-2", children: [
       user.displayName && /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "secondary", children: user.displayName }),
       user.email && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "secondary", children: user.email })
     ] });
-    $[32] = user;
-    $[33] = t13;
+    $[35] = user;
+    $[36] = t14;
   } else {
-    t13 = $[33];
+    t14 = $[36];
   }
-  let t14;
-  if ($[34] !== authController || $[35] !== dropDownActions || $[36] !== navigate || $[37] !== t) {
-    t14 = !dropDownActions && /* @__PURE__ */ jsxs(MenuItem, { onClick: async () => {
+  let t15;
+  if ($[37] !== authController || $[38] !== dropDownActions || $[39] !== navigate || $[40] !== t) {
+    t15 = !dropDownActions && /* @__PURE__ */ jsxs(MenuItem, { onClick: async () => {
       await authController.signOut();
       navigate("/");
     }, children: [
       /* @__PURE__ */ jsx(LogoutIcon, {}),
       t("log_out")
     ] });
-    $[34] = authController;
-    $[35] = dropDownActions;
-    $[36] = navigate;
-    $[37] = t;
-    $[38] = t14;
+    $[37] = authController;
+    $[38] = dropDownActions;
+    $[39] = navigate;
+    $[40] = t;
+    $[41] = t15;
   } else {
-    t14 = $[38];
+    t15 = $[41];
   }
-  let t15;
-  if ($[39] !== avatarComponent || $[40] !== dropDownActions || $[41] !== t13 || $[42] !== t14) {
-    t15 = /* @__PURE__ */ jsxs(Menu, { trigger: avatarComponent, children: [
-      t13,
+  let t16;
+  if ($[42] !== avatarComponent || $[43] !== dropDownActions || $[44] !== t14 || $[45] !== t15) {
+    t16 = /* @__PURE__ */ jsxs(Menu, { trigger: avatarComponent, children: [
+      t14,
       dropDownActions,
-      t14
+      t15
     ] });
-    $[39] = avatarComponent;
-    $[40] = dropDownActions;
-    $[41] = t13;
-    $[42] = t14;
-    $[43] = t15;
+    $[42] = avatarComponent;
+    $[43] = dropDownActions;
+    $[44] = t14;
+    $[45] = t15;
+    $[46] = t16;
   } else {
-    t15 = $[43];
+    t16 = $[46];
   }
-  let t16;
-  if ($[44] !== startAdornment || $[45] !== style || $[46] !== t10 || $[47] !== t11 || $[48] !== t15 || $[49] !== t5 || $[50] !== t6 || $[51] !== t7 || $[52] !== t8) {
-    t16 = /* @__PURE__ */ jsxs("div", { style, className: t5, children: [
+  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__ */ jsxs("div", { style, className: t5, children: [
       t6,
       t7,
       t8,
-      startAdornment,
       t9,
+      startAdornment,
       t10,
       t11,
       t12,
-      t15
+      t13,
+      t16
     ] });
-    $[44] = startAdornment;
-    $[45] = style;
-    $[46] = t10;
-    $[47] = t11;
-    $[48] = t15;
-    $[49] = t5;
-    $[50] = t6;
-    $[51] = t7;
-    $[52] = t8;
-    $[53] = t16;
+    $[47] = startAdornment;
+    $[48] = style;
+    $[49] = t11;
+    $[50] = t12;
+    $[51] = t16;
+    $[52] = t5;
+    $[53] = t6;
+    $[54] = t7;
+    $[55] = t8;
+    $[56] = t9;
+    $[57] = t17;
   } else {
-    t16 = $[53];
+    t17 = $[57];
   }
-  return t16;
+  return t17;
 };
-function _temp$9(breadcrumb, index) {
+function _temp$a(breadcrumb, index) {
   return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "/" }),
     /* @__PURE__ */ jsx(Link, { className: "visited:text-inherit visited:dark:text-inherit block", to: breadcrumb.url, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 whitespace-nowrap", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", children: breadcrumb.title }),
-      breadcrumb.count !== void 0 && (breadcrumb.count !== null ? /* @__PURE__ */ 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__ */ jsx(Skeleton, { className: "w-8 h-4 rounded-md" }))
+      /* @__PURE__ */ jsx(CollectionCountBadge, { count: breadcrumb.count })
     ] }) }, index)
   ] }, breadcrumb.url + "_" + index);
 }
+function _temp2$5(breadcrumb_0) {
+  return breadcrumb_0.title;
+}
 const buildIdsMap = (value) => value && Array.isArray(value) && value.length > 0 ? value.map((v, index) => {
   if (!v) return {};
   return {
@@ -28951,7 +29008,7 @@ function SearchIconsView(t0) {
       } else {
         const searchResult = iconsSearch.search(value);
         const limited = searchResult.slice(0, 50);
-        setKeys(limited.map(_temp$8));
+        setKeys(limited.map(_temp$9));
       }
     }, UPDATE_SEARCH_INDEX_WAIT_MS);
     $[0] = t3;
@@ -29043,7 +29100,7 @@ function SearchIconsView(t0) {
   }
   return t11;
 }
-function _temp$8(e) {
+function _temp$9(e) {
   return e.item.key;
 }
 function FieldCaption(t0) {
@@ -29502,7 +29559,7 @@ function LicenseBanner(t0) {
     i18n
   } = useTranslation();
   const plugins = useContext(CustomizationControllerContext)?.plugins;
-  const runsProPlugin = plugins?.some(_temp$7) ?? false;
+  const runsProPlugin = plugins?.some(_temp$8) ?? false;
   const [dismissed, setDismissed] = useState(_temp2$4);
   const [dismissedForGood, setDismissedForGood] = useState(_temp3$3);
   const content = licenseStatus ? buildBannerContent(licenseStatus, t, i18n?.language, runsProPlugin) : null;
@@ -29592,7 +29649,7 @@ function _temp3$3() {
 function _temp2$4() {
   return readDismissed(sessionDismissals);
 }
-function _temp$7(plugin) {
+function _temp$8(plugin) {
   return PRO_PLUGIN_KEYS.includes(plugin.key);
 }
 function buildBannerContent(status, t, language, runsProPlugin) {
@@ -29732,64 +29789,32 @@ function writeDismissed(store, states) {
   }
 }
 function useReferenceDialog(referenceDialogProps) {
-  const $ = c(9);
   const navigation = useNavigationController();
   const sideDialogsController = useSideDialogsController();
-  let t0;
-  if ($[0] !== navigation || $[1] !== referenceDialogProps || $[2] !== sideDialogsController) {
-    t0 = () => {
-      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);
+  const open = 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__ */ jsx(ReferenceSelectionTable, { collection: usedCollection, ...referenceDialogProps }),
+        width: "90vw",
+        onClose: () => {
+          referenceDialogProps.onClose?.();
         }
-        sideDialogsController.open({
-          key: `reference_${referenceDialogProps.path}`,
-          component: /* @__PURE__ */ 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;
+      });
+    } else {
+      throw Error("useReferenceDialog: You are trying to open a reference dialog, but have not declared the `path`");
+    }
+  }, [navigation, referenceDialogProps, sideDialogsController]);
+  const close = useCallback(() => {
+    sideDialogsController.close(`reference_${referenceDialogProps.path}`);
+  }, [sideDialogsController, referenceDialogProps.path]);
+  return {
+    open,
+    close
+  };
 }
 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) {
@@ -30448,7 +30473,7 @@ function useBuildLocalConfigurationPersistence() {
     t0 = $[0];
   }
   const configCache = useRef(t0);
-  const getCollectionFromStorage = _temp$6;
+  const getCollectionFromStorage = _temp$7;
   let t1;
   if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = (path) => {
@@ -30571,7 +30596,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   return t11;
 }
-function _temp$6(storageKey) {
+function _temp$7(storageKey) {
   return getLocalStorageJSON(storageKey, {});
 }
 function useBuildModeController() {
@@ -30734,78 +30759,32 @@ function useValidateAuthenticator(t0) {
   }
   return t7;
 }
-function useNavigationUnsavedChangesDialog(when, onSuccess) {
-  const [isDialogOpen, setIsDialogOpen] = useState(false);
-  const [pendingNavigation, setPendingNavigation] = useState(null);
-  const handleCancel = useCallback(() => {
-    setIsDialogOpen(false);
-    setPendingNavigation(null);
-  }, []);
-  const handleOk = 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 = useCallback((e) => {
-    if (when) {
-      e.preventDefault();
-      e.returnValue = "";
-    }
-  }, [when]);
-  const handlePopState = useCallback((e_0) => {
-    if (when) {
-      e_0.preventDefault();
-      setPendingNavigation({
-        type: "popstate",
-        delta: -1
-      });
-      setIsDialogOpen(true);
-    }
-  }, [when]);
-  const handleLinkClick = 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);
+function useLeavePageConfirmation(when) {
+  const $ = c(3);
+  let t0;
+  let t1;
+  if ($[0] !== when) {
+    t0 = () => {
+      if (!when) {
+        return;
       }
-    }
-  }, [when]);
-  useEffect(() => {
-    if (when) {
+      const handleBeforeUnload = _temp$6;
       window.addEventListener("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);
+      return () => window.removeEventListener("beforeunload", handleBeforeUnload);
     };
-  }, [when, handleBeforeUnload, handlePopState, handleLinkClick]);
-  return {
-    navigationWasBlocked: isDialogOpen,
-    handleCancel,
-    handleOk
-  };
+    t1 = [when];
+    $[0] = when;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+}
+function _temp$6(e) {
+  e.preventDefault();
+  e.returnValue = "";
 }
 function UnsavedChangesDialog(t0) {
   const $ = c(30);
@@ -31125,17 +31104,14 @@ function SideDialogView({
   const widthRef = React__default.useRef(panel?.width);
   const width = widthRef.current;
   const sideDialogsController = useSideDialogsController();
-  const {
-    handleOk: handleNavigationOk,
-    handleCancel: handleNavigationCancel
-  } = useNavigationUnsavedChangesDialog(blocked && !drawerCloseRequested, () => setBlocked(false));
+  useLeavePageConfirmation(blocked && !drawerCloseRequested);
   useEffect(() => {
     if (panel) widthRef.current = panel.width;
   }, [panel]);
   const handleDrawerCloseOk = () => {
     setBlocked(false);
     setDrawerCloseRequested(false);
-    sideDialogsController.close();
+    sideDialogsController.close(panel?.key);
     panel?.onClose?.();
   };
   const handleDrawerCloseCancel = () => {
@@ -31145,7 +31121,7 @@ function SideDialogView({
     if (blocked && !force) {
       setDrawerCloseRequested(true);
     } else {
-      sideDialogsController.close();
+      sideDialogsController.close(panel?.key);
       panel?.onClose?.();
     }
   };
@@ -31178,7 +31154,7 @@ function SideDialogView({
         width
       } })
     ] }),
-    /* @__PURE__ */ jsx(UnsavedChangesDialog, { open: drawerCloseRequested, handleOk: drawerCloseRequested ? handleDrawerCloseOk : handleNavigationOk, handleCancel: drawerCloseRequested ? handleDrawerCloseCancel : handleNavigationCancel, body: blockedNavigationMessage })
+    /* @__PURE__ */ jsx(UnsavedChangesDialog, { open: drawerCloseRequested, handleOk: handleDrawerCloseOk, handleCancel: handleDrawerCloseCancel, body: blockedNavigationMessage })
   ] });
 }
 function EntityEditViewFormActions({
@@ -31644,6 +31620,9 @@ function EntityEditViewInner({
   }, [selectedTabProp]);
   const subcollections = (collection.subcollections ?? []).filter((c2) => !c2.hideFromNavigation);
   const subcollectionsCount = subcollections?.length ?? 0;
+  const [subcollectionCounts, setSubcollectionCounts] = 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;
@@ -31717,15 +31696,18 @@ function EntityEditViewInner({
   const jsonView = selectedTab === JSON_TAB_VALUE || mountedTabsRef.current.has(JSON_TAB_VALUE) ? /* @__PURE__ */ jsx("div", { className: cls("relative flex-1 h-full overflow-auto w-full", {
     "hidden": selectedTab !== JSON_TAB_VALUE
   }), role: "tabpanel", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(EntityJsonPreview, { values: formContext?.values ?? entity?.values ?? {} }) }) }, "json_view") : null;
-  const subCollectionsViews = subcollections && subcollections.map((subcollection) => {
-    const subcollectionId = subcollection.id ?? subcollection.path;
-    const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollection.path)}` : void 0;
+  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 newFullIdPath = fullIdPath && usedEntity ? `${fullIdPath}/${encodeEntityId(usedEntity.id)}/${removeInitialAndTrailingSlashes(subcollectionId)}` : void 0;
-    const newPathSegments = buildSubcollectionPathSegments(pathSegments, usedEntity?.id, subcollection.path);
+    const newPathSegments = buildSubcollectionPathSegments(pathSegments, usedEntity?.id, subcollection_0.path);
     if (selectedTab !== subcollectionId) return null;
     return /* @__PURE__ */ jsxs("div", { className: "relative flex-1 h-full overflow-auto w-full", role: "tabpanel", children: [
       globalLoading && /* @__PURE__ */ jsx(CircularProgressCenter, {}),
-      !globalLoading && (usedEntity && newFullPath ? /* @__PURE__ */ jsx(EntityCollectionView$1, { fullPath: newFullPath, pathSegments: newPathSegments, fullIdPath: newFullIdPath, parentCollectionIds: [...parentCollectionIds, collection.id], isSubCollection: true, updateUrl: false, ...subcollection, openEntityMode: layout }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsx(Typography, { variant: "label", children: t("youd_need_to_save_before_additional_collections") }) }))
+      !globalLoading && (usedEntity && newFullPath ? /* @__PURE__ */ 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__ */ jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsx(Typography, { variant: "label", children: t("youd_need_to_save_before_additional_collections") }) }))
     ] }, `subcol_${subcollectionId}`);
   }).filter(Boolean);
   const onSideTabClick = (value_0) => {
@@ -31761,7 +31743,7 @@ function EntityEditViewInner({
     onSaved?.(res);
     formProps?.onSaved?.(res);
   }, Builder: selectedSecondaryForm?.Builder });
-  const subcollectionTabs = subcollections && subcollections.filter((sub) => !groupedViews.includes(sub.id ?? sub.path)).map((subcollection_0) => /* @__PURE__ */ jsx(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 subcollectionTabs = subcollections && subcollections.filter((sub) => !groupedViews.includes(sub.id ?? sub.path)).map((subcollection_1) => /* @__PURE__ */ jsx(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 customViewTabsStart = resolvedEntityViews.filter((view) => view.position === "start" && !groupedViews.includes(view.key)).map((view_0) => /* @__PURE__ */ jsx(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__ */ jsx(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) => {
@@ -31770,13 +31752,17 @@ function EntityEditViewInner({
       group.name,
       /* @__PURE__ */ jsx(ExpandMoreIcon, { className: "ml-1 -mr-1", size: "small" })
     ] }), children: group.views.map((viewId) => {
-      const subcollection_1 = subcollections.find((s) => (s.id ?? s.path) === viewId);
+      const subcollection_2 = subcollections.find((s) => (s.id ?? s.path) === viewId);
       const customView_0 = resolvedEntityViews.find((v) => v.key === viewId);
-      const name = subcollection_1?.name ?? customView_0?.name ?? viewId;
+      const name = subcollection_2?.name ?? customView_0?.name ?? viewId;
       return /* @__PURE__ */ jsx(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__ */ 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__ */ jsxs("div", { className: "relative flex flex-col h-full w-full bg-white dark:bg-surface-900", children: [
     shouldShowTopBar && /* @__PURE__ */ jsxs("div", { className: 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", defaultBorderMixin), children: [
       barActions?.({
@@ -31785,6 +31771,7 @@ function EntityEditViewInner({
         values: formContext?.values ?? usedEntity?.values ?? {},
         status
       }),
+      subcollectionTitle,
       /* @__PURE__ */ jsx("div", { className: "flex-grow" }),
       pluginActionsTop,
       globalLoading && /* @__PURE__ */ jsx("div", { className: "self-center", children: /* @__PURE__ */ jsx(CircularProgress, { size: "small" }) }),
@@ -32036,7 +32023,7 @@ const propsToSidePanel = (props, buildUrlCollectionPath, resolveIdsFrom, smallLa
   };
 };
 function useBuildSideDialogsController() {
-  const $ = c(21);
+  const $ = c(23);
   const location = useLocation();
   const navigate = useNavigate();
   let t0;
@@ -32059,46 +32046,78 @@ function useBuildSideDialogsController() {
   const routesCount = useRef(0);
   let t2;
   if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = (newPanels) => {
-      sidePanelsRef.current = newPanels;
-      setSidePanels(newPanels);
-    };
+    t2 = {};
     $[2] = t2;
   } else {
     t2 = $[2];
   }
-  const updateSidePanels = t2;
+  const entryKeysOfPanelsWithoutUrl = useRef(t2);
   let t3;
-  if ($[3] !== location.state) {
-    t3 = () => {
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (newPanels) => {
+      sidePanelsRef.current = newPanels;
+      setSidePanels(newPanels);
+    };
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const updateSidePanels = t3;
+  let t4;
+  if ($[4] !== location.key || $[5] !== location.state) {
+    t4 = () => {
       const state = location.state;
       const panelKeys = state?.panels ?? [];
-      const newPanels_0 = panelKeys.map((key) => routesStore.current[key]).filter(_temp$4);
+      const panelsInHistory = panelKeys.map((key) => routesStore.current[key]).filter(_temp$4);
+      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)];
       if (!equal(sidePanelsRef.current.map(_temp2$3), newPanels_0.map(_temp3$2))) {
         updateSidePanels(newPanels_0);
       }
     };
-    $[3] = location.state;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== location) {
-    t4 = [location];
-    $[5] = location;
+    $[4] = location.key;
+    $[5] = location.state;
     $[6] = t4;
   } else {
     t4 = $[6];
   }
-  useEffect(t3, t4);
   let t5;
-  if ($[7] !== location || $[8] !== navigate) {
-    t5 = () => {
+  if ($[7] !== location) {
+    t5 = [location];
+    $[7] = location;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[9] !== location || $[10] !== navigate) {
+    t6 = (key_0) => {
       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);
@@ -32120,28 +32139,31 @@ function useBuildSideDialogsController() {
         }
       }
     };
-    $[7] = location;
-    $[8] = navigate;
-    $[9] = t5;
+    $[9] = location;
+    $[10] = navigate;
+    $[11] = t6;
   } else {
-    t5 = $[9];
+    t6 = $[11];
   }
-  const close = t5;
-  let t6;
-  if ($[10] !== location || $[11] !== navigate) {
-    t6 = (panelProps) => {
+  const close = t6;
+  let t7;
+  if ($[12] !== location || $[13] !== navigate) {
+    t7 = (panelProps) => {
       const newPanels_1 = Array.isArray(panelProps) ? panelProps : [panelProps];
-      newPanels_1.forEach((panel) => {
-        routesStore.current[panel.key] = panel;
+      newPanels_1.forEach((panel_0) => {
+        routesStore.current[panel_0.key] = panel_0;
+        if (!panel_0.urlPath) {
+          entryKeysOfPanelsWithoutUrl.current[panel_0.key] = location.key;
+        }
       });
       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_0) => {
-        if (panel_0.urlPath) {
-          navigate(panel_0.urlPath, {
+      newPanels_1.forEach((panel_1) => {
+        if (panel_1.urlPath) {
+          navigate(panel_1.urlPath, {
             state: {
               base_location: baseLocation_0,
               panels: updatedPanels_0.map(_temp5)
@@ -32150,27 +32172,30 @@ function useBuildSideDialogsController() {
         }
       });
     };
-    $[10] = location;
-    $[11] = navigate;
-    $[12] = t6;
+    $[12] = location;
+    $[13] = navigate;
+    $[14] = t7;
   } else {
-    t6 = $[12];
+    t7 = $[14];
   }
-  const open = t6;
-  let t7;
-  if ($[13] !== location || $[14] !== navigate) {
-    t7 = (panelProps_0) => {
+  const open = t7;
+  let t8;
+  if ($[15] !== location || $[16] !== navigate) {
+    t8 = (panelProps_0) => {
       const newPanels_2 = Array.isArray(panelProps_0) ? panelProps_0 : [panelProps_0];
-      newPanels_2.forEach((panel_1) => {
-        routesStore.current[panel_1.key] = panel_1;
+      newPanels_2.forEach((panel_2) => {
+        routesStore.current[panel_2.key] = panel_2;
+        if (!panel_2.urlPath) {
+          entryKeysOfPanelsWithoutUrl.current[panel_2.key] = location.key;
+        }
       });
       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_2) => {
-        if (panel_2.urlPath) {
-          navigate(panel_2.urlPath, {
+      newPanels_2.forEach((panel_3) => {
+        if (panel_3.urlPath) {
+          navigate(panel_3.urlPath, {
             replace: true,
             state: {
               base_location: baseLocation_1,
@@ -32180,41 +32205,41 @@ function useBuildSideDialogsController() {
         }
       });
     };
-    $[13] = location;
-    $[14] = navigate;
-    $[15] = t7;
+    $[15] = location;
+    $[16] = navigate;
+    $[17] = t8;
   } else {
-    t7 = $[15];
+    t8 = $[17];
   }
-  const replace = t7;
-  let t8;
-  if ($[16] !== close || $[17] !== open || $[18] !== replace || $[19] !== sidePanels) {
-    t8 = {
+  const replace = t8;
+  let t9;
+  if ($[18] !== close || $[19] !== open || $[20] !== replace || $[21] !== sidePanels) {
+    t9 = {
       sidePanels,
       setSidePanels: updateSidePanels,
       close,
       open,
       replace
     };
-    $[16] = close;
-    $[17] = open;
-    $[18] = replace;
-    $[19] = sidePanels;
-    $[20] = t8;
+    $[18] = close;
+    $[19] = open;
+    $[20] = replace;
+    $[21] = sidePanels;
+    $[22] = t9;
   } else {
-    t8 = $[20];
+    t9 = $[22];
   }
-  return t8;
+  return t9;
+}
+function _temp6(p_5) {
+  return p_5.key;
 }
-function _temp6(p_4) {
+function _temp5(p_4) {
   return p_4.key;
 }
-function _temp5(p_3) {
+function _temp4$1(p_3) {
   return p_3.key;
 }
-function _temp4$1(p_2) {
-  return p_2.key;
-}
 function _temp3$2(p_1) {
   return p_1.key;
 }