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

package/dist/index.umd.js

@@ -4802,7 +4802,7 @@
   }
   function useDateFnsLocale(locale) {
     const $ = reactCompilerRuntime.c(7);
-    const [, forceUpdate] = React.useReducer(_temp$G, 0);
+    const [, forceUpdate] = React.useReducer(_temp$I, 0);
     let t0;
     if ($[0] !== forceUpdate || $[1] !== locale) {
       t0 = () => {
@@ -4845,7 +4845,7 @@
     }
     return t2;
   }
-  function _temp$G(count) {
+  function _temp$I(count) {
     return count + 1;
   }
   const CONTAINER_FULL_WIDTH = "100vw";
@@ -5062,7 +5062,7 @@
           }
           setDataLoading(false);
           setDataLoadingError(void 0);
-          setData(entities.map(_temp$F));
+          setData(entities.map(_temp$H));
           setNoMoreToLoad(!itemCount || entities.length < itemCount);
         };
         const onError = (error) => {
@@ -5097,7 +5097,7 @@
             orderBy: sortByProperty,
             order: currentSort
           }).then(onEntitiesUpdate).catch(onError);
-          return _temp2$h;
+          return _temp2$i;
         }
       };
       $[8] = collection;
@@ -5146,9 +5146,9 @@
     }
     return t6;
   }
-  function _temp2$h() {
+  function _temp2$i() {
   }
-  function _temp$F(e_1) {
+  function _temp$H(e_1) {
     return {
       ...e_1
     };
@@ -5361,7 +5361,7 @@
           setEntity(CACHE[entityCacheKey(path, entityId)]);
           setDataLoading(false);
           setDataLoadingError(void 0);
-          return _temp$E;
+          return _temp$G;
         } else {
           if (entityId && path && collection) {
             if (dataSource.listenEntity) {
@@ -5382,7 +5382,7 @@
                 databaseId,
                 collection
               }).then(onEntityUpdate).catch(onError);
-              return _temp2$g;
+              return _temp2$h;
             }
           } else {
             onEntityUpdate(void 0);
@@ -5430,9 +5430,9 @@
   }
   function _temp3$7() {
   }
-  function _temp2$g() {
+  function _temp2$h() {
   }
-  function _temp$E() {
+  function _temp$G() {
   }
   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$D, 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$F, children: t8 }) });
       $[19] = url;
       $[20] = t9;
     } else {
@@ -6121,7 +6121,7 @@
     }
     return t11;
   }
-  function _temp$D(e_0) {
+  function _temp$F(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$C, 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$E, 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$f, 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$g, className: "flex flex-col items-center justify-center", style: t4, children: [
               t5,
               t6
             ] });
@@ -6315,10 +6315,10 @@
       }
     }
   }
-  function _temp2$f(e_0) {
+  function _temp2$g(e_0) {
     return e_0.stopPropagation();
   }
-  function _temp$C(e) {
+  function _temp$E(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$B);
+              t1 = arrayProperty.of.map(_temp$D);
               $[6] = arrayProperty.of;
               $[7] = t1;
             } else {
@@ -6590,7 +6590,7 @@
     }
     return content || null;
   }
-  function _temp$B(p, i) {
+  function _temp$D(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$A)?.value ?? "";
+        t32 = parts.find(_temp$C)?.value ?? "";
         $[6] = date;
         $[7] = timezone;
         $[8] = t32;
@@ -7852,7 +7852,7 @@
     }
     return t3;
   }
-  function _temp$A(p) {
+  function _temp$C(p) {
     return p.type === "timeZoneName";
   }
   function MapPropertyPreview(t0) {
@@ -7947,7 +7947,7 @@
     }
     let t1;
     if ($[1] !== value) {
-      t1 = Object.entries(value).map(_temp$z);
+      t1 = Object.entries(value).map(_temp$B);
       $[1] = value;
       $[2] = t1;
     } else {
@@ -7963,7 +7963,7 @@
     }
     return t2;
   }
-  function _temp$z(t0) {
+  function _temp$B(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$y);
+            const newValue = updatedValue.map(_temp$A);
             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$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)) });
+      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)) });
       $[11] = disabled;
       $[12] = enumValues;
       $[13] = internalValue;
@@ -9354,10 +9354,10 @@
     }
     return t5;
   }
-  function _temp2$e(v_0) {
+  function _temp2$f(v_0) {
     return v_0.toString();
   }
-  function _temp$y(v) {
+  function _temp$A(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$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) });
+      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) });
       $[7] = disabled;
       $[8] = internalValue;
       $[9] = multiple;
@@ -9567,10 +9567,10 @@
     }
     return t4;
   }
-  function _temp2$d(user_1) {
+  function _temp2$e(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$x(user_0) {
+  function _temp$z(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$w).map(_temp2$c);
+        const fieldValue = newValue.filter(_temp$y).map(_temp2$d);
         if (multipleFilesSupported) {
           onChange(fieldValue);
         } else {
@@ -9936,10 +9936,10 @@
     }
     return t11;
   }
-  function _temp2$c(e_0) {
+  function _temp2$d(e_0) {
     return e_0.storagePathOrDownloadUrl;
   }
-  function _temp$w(e) {
+  function _temp$y(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$v).reduce(_temp2$b, {}) : void 0;
+      t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$x).reduce(_temp2$c, {}) : void 0;
       $[0] = storage.acceptedFiles;
       $[1] = t1;
     } else {
@@ -10453,13 +10453,13 @@
     }
     return t20;
   }
-  function _temp2$b(a, b) {
+  function _temp2$c(a, b) {
     return {
       ...a,
       ...b
     };
   }
-  function _temp$v(e) {
+  function _temp$x(e) {
     return {
       [e]: []
     };
@@ -10569,7 +10569,7 @@
     let t1;
     if ($[2] !== updateValue) {
       t1 = (entities) => {
-        updateValue(entities.filter(Boolean).map(_temp$u));
+        updateValue(entities.filter(Boolean).map(_temp$w));
       };
       $[2] = updateValue;
       $[3] = t1;
@@ -10579,7 +10579,7 @@
     const onMultipleEntitiesSelected = t1;
     let t2;
     if ($[4] !== internalValue) {
-      t2 = internalValue ? Array.isArray(internalValue) ? internalValue.map(_temp2$a) : internalValue.id ? [internalValue.id] : [] : [];
+      t2 = internalValue ? Array.isArray(internalValue) ? internalValue.map(_temp2$b) : internalValue.id ? [internalValue.id] : [] : [];
       $[4] = internalValue;
       $[5] = t2;
     } else {
@@ -10741,10 +10741,10 @@
     }
     return t10;
   }, equal);
-  function _temp$u(e) {
+  function _temp$w(e) {
     return getReferenceFrom(e);
   }
-  function _temp2$a(ref) {
+  function _temp2$b(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$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" }) });
+      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" }) });
       $[15] = placeholder;
       $[16] = t5;
     } else {
@@ -12422,7 +12422,7 @@
     }
     return t6;
   }
-  function _temp$t(e) {
+  function _temp$v(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$s;
+    const getImageSizeNumber = _temp$u;
     let child;
     if (entry.storagePathOrDownloadUrl) {
       const t52 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
@@ -12725,7 +12725,7 @@
     }
     return t6;
   }
-  function _temp$s(previewSize) {
+  function _temp$u(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$9, {}) : void 0;
+      t1 = storage.acceptedFiles ? storage.acceptedFiles.reduce(_temp2$a, {}) : void 0;
       $[0] = storage.acceptedFiles;
       $[1] = t1;
     } else {
@@ -12955,7 +12955,7 @@
     }
     return t21;
   }
-  function _temp2$9(acc, ext) {
+  function _temp2$a(acc, ext) {
     return {
       ...acc,
       [ext]: []
@@ -14498,7 +14498,7 @@
       } else {
         t42 = $[20];
       }
-      t3 = Object.entries(mapProperties).filter(_temp$r).map(t42);
+      t3 = Object.entries(mapProperties).filter(_temp$t).map(t42);
       $[6] = autoFocus;
       $[7] = context;
       $[8] = disabled;
@@ -14577,7 +14577,7 @@
     }
     return t10;
   }
-  function _temp$r(t0) {
+  function _temp$t(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$q);
+      t5 = Object.entries(properties).map(_temp$s);
       $[9] = properties;
       $[10] = t5;
     } else {
@@ -16044,7 +16044,7 @@
     }
     return t11;
   }
-  function _temp$q(t0) {
+  function _temp$s(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$p);
+      t1 = text.replace(urlRegex, _temp$r);
       $[0] = text;
       $[1] = t1;
     } else {
@@ -19396,7 +19396,7 @@
     }
     return t2;
   };
-  function _temp$p(url) {
+  function _temp$r(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$8);
+      t9 = possibleOperations.map(_temp2$9);
       $[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$o, 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$q, children: t9 }) });
       $[26] = operation;
       $[27] = t8;
       $[28] = t9;
@@ -19819,10 +19819,10 @@
   function _temp3$5(e_1) {
     return String(e_1);
   }
-  function _temp2$8(op_2) {
+  function _temp2$9(op_2) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: op_2, children: operationLabels$1[op_2] }, op_2);
   }
-  function _temp$o(op_1) {
+  function _temp$q(op_1) {
     return operationLabels$1[op_1];
   }
   function BooleanFilterField(t0) {
@@ -19985,7 +19985,7 @@
     }
     let t7;
     if ($[15] !== possibleOperations) {
-      t7 = possibleOperations.map(_temp2$7);
+      t7 = possibleOperations.map(_temp2$8);
       $[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$n, 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$p, children: t7 }) });
       $[17] = operation;
       $[18] = t6;
       $[19] = t7;
@@ -20040,10 +20040,10 @@
     }
     return t12;
   }
-  function _temp2$7(op_2) {
+  function _temp2$8(op_2) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: op_2, children: operationLabels[op_2] }, op_2);
   }
-  function _temp$n(op_1) {
+  function _temp$p(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$m);
+      const addTextSearchClickListener = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$o);
       if (addTextSearchClickListener) {
         onTextSearchClick = addTextSearchClickListener ? () => {
           setTextSearchLoading(true);
@@ -20902,7 +20902,7 @@
     }
     return t3;
   }
-  function _temp$m(p_0) {
+  function _temp$o(p_0) {
     return Boolean(p_0.collectionView?.onTextSearchClick);
   }
   function DeleteEntityDialog({
@@ -21069,20 +21069,25 @@
     } 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__ */ jsxRuntime.jsx(ui.EditIcon, { size: "small" }),
@@ -21112,7 +21117,7 @@
         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;
@@ -21565,7 +21570,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$l);
+      t3 = favouriteCollections.map(_temp$n);
       $[2] = navigationController;
       $[3] = t1;
       $[4] = T0;
@@ -21599,7 +21604,7 @@
     }
     return t6;
   }
-  function _temp$l(entry_0) {
+  function _temp$n(entry_0) {
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationChip, { entry: entry_0 }, entry_0.path);
   }
   const scrollsMap = {};
@@ -21836,7 +21841,7 @@
     }
     let t4;
     if ($[4] !== actions) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", onClick: _temp$k, children: actions });
+      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", onClick: _temp$m, children: actions });
       $[4] = actions;
       $[5] = t4;
     } else {
@@ -21923,7 +21928,7 @@
     }
     return t12;
   });
-  function _temp$k(event) {
+  function _temp$m(event) {
     event.preventDefault();
     event.stopPropagation();
   }
@@ -24290,7 +24295,7 @@
     let t19;
     let t20;
     if ($[19] !== items2) {
-      t20 = items2.map(_temp$j);
+      t20 = items2.map(_temp$l);
       $[19] = items2;
       $[20] = t20;
     } else {
@@ -24396,7 +24401,7 @@
     }
     return t29;
   });
-  function _temp$j(i) {
+  function _temp$l(i) {
     return i.id;
   }
   function Board(t0) {
@@ -26568,7 +26573,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$i) });
+      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) });
       $[30] = collection.forceFilter;
       $[31] = filtersDialogOpen;
       $[32] = resolvedProperties;
@@ -26591,9 +26596,104 @@
     }
     return t8;
   }
-  function _temp$i(key_0) {
+  function _temp$k(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.useState(false);
+    const [searchString, setSearchString] = React.useState("");
+    const [recentIds, setRecentIds] = React.useState([]);
+    const latestCheck = React.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 = React.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__ */ jsxRuntime.jsx(ui.Tooltip, { title: !openPopup ? t("find_by_id") : void 0, asChild: false, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open: openPopup, onOpenChange: (open) => {
+      if (open) refreshRecentIds();
+      setOpenPopup(open);
+    }, sideOffset: 0, align: "start", alignOffset: -117, trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SearchIcon, { size: "small" }) }), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white"), children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.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 " + ui.focusedDisabled
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", disabled: !searchString.trim(), type: "submit", children: /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {}) })
+      ] }) }),
+      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)) })
+    ] }) }) });
+  }
   const collectionScrollCache = /* @__PURE__ */ new Map();
   function useScrollRestoration() {
     const updateCollectionScroll = ({
@@ -26634,6 +26734,7 @@
     isSubCollection,
     className,
     updateUrl,
+    onCountChange,
     ...collectionProp
   }) {
     const context = useFireCMSContext();
@@ -26771,7 +26872,7 @@
         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;
@@ -27099,8 +27200,9 @@
     React.useEffect(() => {
       if (docsCount !== void 0) {
         breadcrumbs.updateCount(fullPath, docsCount);
+        onCountChange?.(docsCount);
       }
-    }, [docsCount, fullPath, breadcrumbs.updateCount]);
+    }, [docsCount, fullPath, breadcrumbs.updateCount, onCountChange]);
     const countFetcher = /* @__PURE__ */ jsxRuntime.jsx(EntitiesCount, { fullPath, pathSegments, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
     const buildAdditionalHeaderWidget = React.useCallback(({
       property: property_2,
@@ -27246,207 +27348,6 @@
       }
     };
   }
-  function EntityIdHeaderWidget(t0) {
-    const $ = reactCompilerRuntime.c(50);
-    const {
-      collection,
-      path,
-      pathSegments,
-      fullIdPath
-    } = t0;
-    const navigation = useNavigationController();
-    const [openPopup, setOpenPopup] = React.useState(false);
-    const [searchString, setSearchString] = React.useState("");
-    let t1;
-    if ($[0] !== collection.id) {
-      t1 = getRecentIds(collection.id);
-      $[0] = collection.id;
-      $[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;
-    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__ */ 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 {
-      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__ */ 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
@@ -27866,7 +27767,7 @@
     }
     let t10;
     if ($[11] !== headerActions) {
-      t10 = headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$h, children: headerActions });
+      t10 = headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$j, children: headerActions });
       $[11] = headerActions;
       $[12] = t10;
     } else {
@@ -27946,7 +27847,7 @@
     }
     return t16;
   }
-  function _temp$h(e) {
+  function _temp$j(e) {
     return e.stopPropagation();
   }
   function DefaultDrawer(t0) {
@@ -27991,10 +27892,10 @@
       navigationEntries,
       groups
     } = navigation.topLevelNavigation;
-    const adminViews = navigationEntries.filter(_temp$g) ?? [];
+    const adminViews = navigationEntries.filter(_temp$i) ?? [];
     let t2;
     if ($[1] !== groups) {
-      t2 = groups.filter(_temp2$6);
+      t2 = groups.filter(_temp2$7);
       $[1] = groups;
       $[2] = t2;
     } else {
@@ -28131,10 +28032,10 @@
     }
     return t14;
   }
-  function _temp2$6(g) {
+  function _temp2$7(g) {
     return g !== "Admin";
   }
-  function _temp$g(e) {
+  function _temp$i(e) {
     return e.type === "admin";
   }
   function DrawerToggle() {
@@ -28265,8 +28166,149 @@
     }
     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;
+    } else {
+      t6 = $[14];
+    }
+    return t6;
+  }
+  function CollectionPathTitle(t0) {
+    const $ = reactCompilerRuntime.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$h);
+      $[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__ */ 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;
+    } else {
+      t4 = $[8];
+    }
+    return t4;
+  }
+  function _temp$h(entry) {
+    return entry.type === "entity" ? entry.entityId : entry.type === "collection" ? entry.collection.name : entry.view.name;
+  }
   const DefaultAppBar = function DefaultAppBar2(t0) {
-    const $ = reactCompilerRuntime.c(54);
+    const $ = reactCompilerRuntime.c(58);
     const {
       title,
       endAdornment,
@@ -28287,6 +28329,7 @@
     const logo = logoProp ?? appLogo;
     const navigation = useNavigationController();
     const breadcrumbs = useBreadcrumbsController();
+    const lastBreadcrumb = breadcrumbs.breadcrumbs?.[breadcrumbs.breadcrumbs.length - 1];
     const authController = useAuthController();
     const {
       mode,
@@ -28377,30 +28420,39 @@
     }
     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$f) }) });
+      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) }) });
       $[21] = breadcrumbs.breadcrumbs;
       $[22] = t8;
     } else {
       t8 = $[22];
     }
     let t9;
-    if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t9 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow" });
-      $[23] = 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;
     } else {
-      t9 = $[23];
+      t9 = $[25];
     }
     let t10;
-    if ($[24] !== endAdornment) {
-      t10 = endAdornment && /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: endAdornment });
-      $[24] = endAdornment;
-      $[25] = t10;
+    if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /* @__PURE__ */ jsxRuntime.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__ */ 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 ($[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: [
         /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: () => setMode("dark"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.DarkModeIcon, { size: "smallest" }),
           " ",
@@ -28417,101 +28469,106 @@
           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__ */ jsxRuntime.jsx(LanguageToggle, {});
-      $[31] = t12;
+    let t13;
+    if ($[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsx(LanguageToggle, {});
+      $[34] = t13;
     } else {
-      t12 = $[31];
+      t13 = $[34];
     }
-    let t13;
-    if ($[32] !== user) {
-      t13 = user && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-2 mb-2", children: [
+    let t14;
+    if ($[35] !== user) {
+      t14 = 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 })
       ] });
-      $[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__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: async () => {
+    let t15;
+    if ($[37] !== authController || $[38] !== dropDownActions || $[39] !== navigate || $[40] !== t) {
+      t15 = !dropDownActions && /* @__PURE__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: async () => {
         await authController.signOut();
         navigate("/");
       }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.Menu, { trigger: avatarComponent, children: [
-        t13,
+    let t16;
+    if ($[42] !== avatarComponent || $[43] !== dropDownActions || $[44] !== t14 || $[45] !== t15) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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$f(breadcrumb, index) {
+  function _temp$g(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 }),
-        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" }))
+        /* @__PURE__ */ jsxRuntime.jsx(CollectionCountBadge, { count: breadcrumb.count })
       ] }) }, 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 {
@@ -28948,7 +29005,7 @@
         } else {
           const searchResult = iconsSearch.search(value);
           const limited = searchResult.slice(0, 50);
-          setKeys(limited.map(_temp$e));
+          setKeys(limited.map(_temp$f));
         }
       }, UPDATE_SEARCH_INDEX_WAIT_MS);
       $[0] = t3;
@@ -29040,7 +29097,7 @@
     }
     return t11;
   }
-  function _temp$e(e) {
+  function _temp$f(e) {
     return e.item.key;
   }
   function FieldCaption(t0) {
@@ -29499,7 +29556,7 @@
       i18n
     } = useTranslation();
     const plugins = React.useContext(CustomizationControllerContext)?.plugins;
-    const runsProPlugin = plugins?.some(_temp$d) ?? false;
+    const runsProPlugin = plugins?.some(_temp$e) ?? 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;
@@ -29589,7 +29646,7 @@
   function _temp2$5() {
     return readDismissed(sessionDismissals);
   }
-  function _temp$d(plugin) {
+  function _temp$e(plugin) {
     return PRO_PLUGIN_KEYS.includes(plugin.key);
   }
   function buildBannerContent(status, t, language, runsProPlugin) {
@@ -29729,64 +29786,32 @@
     }
   }
   function useReferenceDialog(referenceDialogProps) {
-    const $ = reactCompilerRuntime.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);
+    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?.();
           }
-          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;
+        });
+      } 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
+    };
   }
   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) {
@@ -30445,7 +30470,7 @@
       t0 = $[0];
     }
     const configCache = React.useRef(t0);
-    const getCollectionFromStorage = _temp$c;
+    const getCollectionFromStorage = _temp$d;
     let t1;
     if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = (path) => {
@@ -30568,7 +30593,7 @@
     }
     return t11;
   }
-  function _temp$c(storageKey) {
+  function _temp$d(storageKey) {
     return getLocalStorageJSON(storageKey, {});
   }
   function useBuildModeController() {
@@ -30731,78 +30756,32 @@
     }
     return t7;
   }
-  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);
+  function useLeavePageConfirmation(when) {
+    const $ = reactCompilerRuntime.c(3);
+    let t0;
+    let t1;
+    if ($[0] !== when) {
+      t0 = () => {
+        if (!when) {
+          return;
         }
-      }
-    }, [when]);
-    React.useEffect(() => {
-      if (when) {
+        const handleBeforeUnload = _temp$c;
         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];
+    }
+    React.useEffect(t0, t1);
+  }
+  function _temp$c(e) {
+    e.preventDefault();
+    e.returnValue = "";
   }
   function UnsavedChangesDialog(t0) {
     const $ = reactCompilerRuntime.c(30);
@@ -31122,17 +31101,14 @@
     const widthRef = React.useRef(panel?.width);
     const width = widthRef.current;
     const sideDialogsController = useSideDialogsController();
-    const {
-      handleOk: handleNavigationOk,
-      handleCancel: handleNavigationCancel
-    } = useNavigationUnsavedChangesDialog(blocked && !drawerCloseRequested, () => setBlocked(false));
+    useLeavePageConfirmation(blocked && !drawerCloseRequested);
     React.useEffect(() => {
       if (panel) widthRef.current = panel.width;
     }, [panel]);
     const handleDrawerCloseOk = () => {
       setBlocked(false);
       setDrawerCloseRequested(false);
-      sideDialogsController.close();
+      sideDialogsController.close(panel?.key);
       panel?.onClose?.();
     };
     const handleDrawerCloseCancel = () => {
@@ -31142,7 +31118,7 @@
       if (blocked && !force) {
         setDrawerCloseRequested(true);
       } else {
-        sideDialogsController.close();
+        sideDialogsController.close(panel?.key);
         panel?.onClose?.();
       }
     };
@@ -31175,7 +31151,7 @@
           width
         } })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(UnsavedChangesDialog, { open: drawerCloseRequested, handleOk: drawerCloseRequested ? handleDrawerCloseOk : handleNavigationOk, handleCancel: drawerCloseRequested ? handleDrawerCloseCancel : handleNavigationCancel, body: blockedNavigationMessage })
+      /* @__PURE__ */ jsxRuntime.jsx(UnsavedChangesDialog, { open: drawerCloseRequested, handleOk: handleDrawerCloseOk, handleCancel: handleDrawerCloseCancel, body: blockedNavigationMessage })
     ] });
   }
   function EntityEditViewFormActions({
@@ -31641,6 +31617,9 @@
     }, [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;
@@ -31714,15 +31693,18 @@
     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) => {
-      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__ */ 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, 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") }) }))
+        !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") }) }))
       ] }, `subcol_${subcollectionId}`);
     }).filter(Boolean);
     const onSideTabClick = (value_0) => {
@@ -31758,7 +31740,7 @@
       onSaved?.(res);
       formProps?.onSaved?.(res);
     }, Builder: selectedSecondaryForm?.Builder });
-    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 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 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) => {
@@ -31767,13 +31749,17 @@
         group.name,
         /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ 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?.({
@@ -31782,6 +31768,7 @@
           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" }) }),
@@ -32033,7 +32020,7 @@
     };
   };
   function useBuildSideDialogsController() {
-    const $ = reactCompilerRuntime.c(21);
+    const $ = reactCompilerRuntime.c(23);
     const location = reactRouterDom.useLocation();
     const navigate = reactRouterDom.useNavigate();
     let t0;
@@ -32056,46 +32043,78 @@
     const routesCount = React.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 = React.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$a);
+        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)];
         if (!equal(sidePanelsRef.current.map(_temp2$4), newPanels_0.map(_temp3$3))) {
           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];
     }
-    React.useEffect(t3, t4);
     let t5;
-    if ($[7] !== location || $[8] !== navigate) {
-      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) => {
         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);
@@ -32117,28 +32136,31 @@
           }
         }
       };
-      $[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$1)
@@ -32147,27 +32169,30 @@
           }
         });
       };
-      $[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,
@@ -32177,41 +32202,41 @@
           }
         });
       };
-      $[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$1(p_5) {
+    return p_5.key;
   }
-  function _temp6$1(p_4) {
+  function _temp5$1(p_4) {
     return p_4.key;
   }
-  function _temp5$1(p_3) {
+  function _temp4$2(p_3) {
     return p_3.key;
   }
-  function _temp4$2(p_2) {
-    return p_2.key;
-  }
   function _temp3$3(p_1) {
     return p_1.key;
   }