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

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,20 @@
     } 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, []);
   }
   const editEntityAction = {
     icon: /* @__PURE__ */ jsxRuntime.jsx(ui.EditIcon, { size: "small" }),
@@ -21112,7 +21112,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 +21565,7 @@
       T0 = ui.Collapse;
       t4 = favouriteCollections.length > 0;
       t2 = "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]";
-      t3 = favouriteCollections.map(_temp$l);
+      t3 = favouriteCollections.map(_temp$n);
       $[2] = navigationController;
       $[3] = t1;
       $[4] = T0;
@@ -21599,7 +21599,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 +21836,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 +21923,7 @@
     }
     return t12;
   });
-  function _temp$k(event) {
+  function _temp$m(event) {
     event.preventDefault();
     event.stopPropagation();
   }
@@ -22159,21 +22159,24 @@
     entries: g.entries.map(cloneSerializableNavigationEntry)
   }));
   function SortableNavigationCard(t0) {
-    const $ = reactCompilerRuntime.c(17);
+    const $ = reactCompilerRuntime.c(18);
     const {
       entry,
-      onClick
+      onClick,
+      disabled
     } = t0;
     let t1;
-    if ($[0] !== entry.url) {
+    if ($[0] !== disabled || $[1] !== entry.url) {
       t1 = {
         id: entry.url,
-        animateLayoutChanges
+        animateLayoutChanges,
+        disabled
       };
-      $[0] = entry.url;
-      $[1] = t1;
+      $[0] = disabled;
+      $[1] = entry.url;
+      $[2] = t1;
     } else {
-      t1 = $[1];
+      t1 = $[2];
     }
     const {
       setNodeRef,
@@ -22184,101 +22187,104 @@
       isDragging
     } = sortable.useSortable(t1);
     let t2;
-    if ($[2] !== transform) {
+    if ($[3] !== transform) {
       t2 = transform ? utilities.CSS.Transform.toString(transform) : void 0;
-      $[2] = transform;
-      $[3] = t2;
+      $[3] = transform;
+      $[4] = t2;
     } else {
-      t2 = $[3];
+      t2 = $[4];
     }
     const t3 = isDragging ? 0 : 1;
     let t4;
-    if ($[4] !== t2 || $[5] !== t3 || $[6] !== transition) {
+    if ($[5] !== t2 || $[6] !== t3 || $[7] !== transition) {
       t4 = {
         transform: t2,
         transition,
         opacity: t3
       };
-      $[4] = t2;
-      $[5] = t3;
-      $[6] = transition;
-      $[7] = t4;
+      $[5] = t2;
+      $[6] = t3;
+      $[7] = transition;
+      $[8] = t4;
     } else {
-      t4 = $[7];
+      t4 = $[8];
     }
     const style = t4;
     let t5;
-    if ($[8] !== entry || $[9] !== onClick) {
+    if ($[9] !== entry || $[10] !== onClick) {
       t5 = /* @__PURE__ */ jsxRuntime.jsx(NavigationCardBinding, { ...entry, onClick });
-      $[8] = entry;
-      $[9] = onClick;
-      $[10] = t5;
+      $[9] = entry;
+      $[10] = onClick;
+      $[11] = t5;
     } else {
-      t5 = $[10];
+      t5 = $[11];
     }
     let t6;
-    if ($[11] !== attributes || $[12] !== listeners2 || $[13] !== setNodeRef || $[14] !== style || $[15] !== t5) {
+    if ($[12] !== attributes || $[13] !== listeners2 || $[14] !== setNodeRef || $[15] !== style || $[16] !== t5) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners2, children: t5 });
-      $[11] = attributes;
-      $[12] = listeners2;
-      $[13] = setNodeRef;
-      $[14] = style;
-      $[15] = t5;
-      $[16] = t6;
+      $[12] = attributes;
+      $[13] = listeners2;
+      $[14] = setNodeRef;
+      $[15] = style;
+      $[16] = t5;
+      $[17] = t6;
     } else {
-      t6 = $[16];
+      t6 = $[17];
     }
     return t6;
   }
   function NavigationGroupDroppable(t0) {
-    const $ = reactCompilerRuntime.c(11);
+    const $ = reactCompilerRuntime.c(12);
     const {
       id,
       itemIds,
       children,
-      isPotentialCardDropTarget: t1
+      isPotentialCardDropTarget: t1,
+      disabled
     } = t0;
     const isPotentialCardDropTarget = t1 === void 0 ? false : t1;
     let t2;
-    if ($[0] !== id) {
+    if ($[0] !== disabled || $[1] !== id) {
       t2 = {
-        id
+        id,
+        disabled
       };
-      $[0] = id;
-      $[1] = t2;
+      $[0] = disabled;
+      $[1] = id;
+      $[2] = t2;
     } else {
-      t2 = $[1];
+      t2 = $[2];
     }
     const {
       setNodeRef
     } = core.useDroppable(t2);
     const t3 = isPotentialCardDropTarget ? "p-2 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg" : void 0;
     let t4;
-    if ($[2] !== t3) {
+    if ($[3] !== t3) {
       t4 = ui.cls(t3, "transition-all duration-200 ease-in-out");
-      $[2] = t3;
-      $[3] = t4;
+      $[3] = t3;
+      $[4] = t4;
     } else {
-      t4 = $[3];
+      t4 = $[4];
     }
     let t5;
-    if ($[4] !== children || $[5] !== itemIds) {
+    if ($[5] !== children || $[6] !== itemIds) {
       t5 = /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: itemIds, strategy: sortable.rectSortingStrategy, children });
-      $[4] = children;
-      $[5] = itemIds;
-      $[6] = t5;
+      $[5] = children;
+      $[6] = itemIds;
+      $[7] = t5;
     } else {
-      t5 = $[6];
+      t5 = $[7];
     }
     let t6;
-    if ($[7] !== setNodeRef || $[8] !== t4 || $[9] !== t5) {
+    if ($[8] !== setNodeRef || $[9] !== t4 || $[10] !== t5) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setNodeRef, className: t4, children: t5 });
-      $[7] = setNodeRef;
-      $[8] = t4;
-      $[9] = t5;
-      $[10] = t6;
+      $[8] = setNodeRef;
+      $[9] = t4;
+      $[10] = t5;
+      $[11] = t6;
     } else {
-      t6 = $[10];
+      t6 = $[11];
     }
     return t6;
   }
@@ -23263,8 +23269,8 @@
             return /* @__PURE__ */ jsxRuntime.jsx(SortableNavigationGroup, { groupName: groupKey, disabled: dndDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: groupKey === DEFAULT_GROUP_KEY ? void 0 : groupKey, minimised: draggingGroupId === groupKey && !isDraggingCardOnly, isPotentialCardDropTarget: isDraggingCardOnly, dndDisabled, onEditGroup: () => {
               if (dndDisabled) return;
               setDialogOpenForGroup(groupKey);
-            }, collapsed: isGroupCollapsed(groupKey), onToggleCollapsed: () => toggleGroupCollapsed(groupKey), children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroupDroppable, { id: groupKey, itemIds: entriesInGroup.map((e_4) => e_4.url), isPotentialCardDropTarget: isDraggingCardOnly, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: [
-              entriesInGroup.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(SortableNavigationCard, { entry, onClick: () => {
+            }, collapsed: isGroupCollapsed(groupKey), onToggleCollapsed: () => toggleGroupCollapsed(groupKey), children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroupDroppable, { id: groupKey, itemIds: entriesInGroup.map((e_4) => e_4.url), isPotentialCardDropTarget: isDraggingCardOnly, disabled: dndDisabled, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: [
+              entriesInGroup.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(SortableNavigationCard, { entry, disabled: dndDisabled, onClick: () => {
                 let event = "unmapped_event";
                 if (entry.type === "collection") event = "home_navigate_to_collection";
                 else if (entry.type === "view") event = "home_navigate_to_view";
@@ -24284,7 +24290,7 @@
     let t19;
     let t20;
     if ($[19] !== items2) {
-      t20 = items2.map(_temp$j);
+      t20 = items2.map(_temp$l);
       $[19] = items2;
       $[20] = t20;
     } else {
@@ -24390,7 +24396,7 @@
     }
     return t29;
   });
-  function _temp$j(i) {
+  function _temp$l(i) {
     return i.id;
   }
   function Board(t0) {
@@ -26562,7 +26568,7 @@
     }
     let t7;
     if ($[30] !== collection.forceFilter || $[31] !== filtersDialogOpen || $[32] !== resolvedProperties || $[33] !== tableController) {
-      t7 = resolvedProperties && tableController.setFilterValues && /* @__PURE__ */ jsxRuntime.jsx(FiltersDialog, { open: filtersDialogOpen, onOpenChange: setFiltersDialogOpen, properties: resolvedProperties, filterValues: tableController.filterValues, setFilterValues: (filterValues_0) => tableController.setFilterValues?.(filterValues_0 ?? {}), forceFilter: collection.forceFilter, allowedFilters: tableController.allowedFilters?.map(_temp$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;
@@ -26585,9 +26591,225 @@
     }
     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(t0) {
+    const $ = reactCompilerRuntime.c(53);
+    const {
+      collection,
+      path,
+      pathSegments,
+      fullIdPath
+    } = t0;
+    const navigation = useNavigationController();
+    const [openPopup, setOpenPopup] = React.useState(false);
+    const [searchString, setSearchString] = React.useState("");
+    let t1;
+    if ($[0] !== fullIdPath) {
+      t1 = () => getRecentIds(fullIdPath);
+      $[0] = fullIdPath;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    const [recentIds, setRecentIds] = React.useState(t1);
+    const sideEntityController = useSideEntityController();
+    const {
+      t
+    } = useTranslation();
+    const openEntityMode = collection?.openEntityMode ?? DEFAULT_ENTITY_OPEN_MODE$1;
+    let t2;
+    if ($[2] !== openPopup || $[3] !== t) {
+      t2 = !openPopup ? t("find_by_id") : void 0;
+      $[2] = openPopup;
+      $[3] = t;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== fullIdPath) {
+      t3 = (open) => {
+        if (open) {
+          setRecentIds(getRecentIds(fullIdPath));
+        }
+        setOpenPopup(open);
+      };
+      $[5] = fullIdPath;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    let t4;
+    let t5;
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SearchIcon, { size: "small" }) });
+      t5 = ui.cls("my-2 rounded-lg bg-surface-50 dark:bg-surface-950 text-surface-900 dark:text-white");
+      $[7] = t4;
+      $[8] = t5;
+    } else {
+      t4 = $[7];
+      t5 = $[8];
+    }
+    let t6;
+    if ($[9] !== collection || $[10] !== fullIdPath || $[11] !== navigation || $[12] !== openEntityMode || $[13] !== path || $[14] !== pathSegments || $[15] !== searchString || $[16] !== sideEntityController) {
+      t6 = (e) => {
+        e.preventDefault();
+        const entityId = searchString.trim();
+        if (!entityId) {
+          return;
+        }
+        setOpenPopup(false);
+        setRecentIds(addRecentId(fullIdPath, entityId));
+        navigateToEntity({
+          openEntityMode,
+          collection,
+          entityId,
+          path,
+          pathSegments,
+          fullIdPath,
+          sideEntityController,
+          navigation
+        });
+      };
+      $[9] = collection;
+      $[10] = fullIdPath;
+      $[11] = navigation;
+      $[12] = openEntityMode;
+      $[13] = path;
+      $[14] = pathSegments;
+      $[15] = searchString;
+      $[16] = sideEntityController;
+      $[17] = t6;
+    } else {
+      t6 = $[17];
+    }
+    let t7;
+    if ($[18] !== t) {
+      t7 = t("find_entity_by_id");
+      $[18] = t;
+      $[19] = t7;
+    } else {
+      t7 = $[19];
+    }
+    let t8;
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t8 = (e_0) => {
+        setSearchString(e_0.target.value);
+      };
+      $[20] = t8;
+    } else {
+      t8 = $[20];
+    }
+    let t9;
+    if ($[21] !== openPopup || $[22] !== searchString || $[23] !== t7) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus: openPopup, placeholder: t7, onChange: t8, value: searchString, className: "rounded-lg bg-white dark:bg-surface-800 flex-grow bg-transparent outline-none p-2 " + ui.focusedDisabled });
+      $[21] = openPopup;
+      $[22] = searchString;
+      $[23] = t7;
+      $[24] = t9;
+    } else {
+      t9 = $[24];
+    }
+    const t10 = !searchString.trim();
+    let t11;
+    if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {});
+      $[25] = t11;
+    } else {
+      t11 = $[25];
+    }
+    let t12;
+    if ($[26] !== t10) {
+      t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", disabled: t10, type: "submit", children: t11 });
+      $[26] = t10;
+      $[27] = t12;
+    } else {
+      t12 = $[27];
+    }
+    let t13;
+    if ($[28] !== t12 || $[29] !== t9) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-2", children: [
+        t9,
+        t12
+      ] });
+      $[28] = t12;
+      $[29] = t9;
+      $[30] = t13;
+    } else {
+      t13 = $[30];
+    }
+    let t14;
+    if ($[31] !== t13 || $[32] !== t6) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsx("form", { noValidate: true, onSubmit: t6, className: "w-96 max-w-full", children: t13 });
+      $[31] = t13;
+      $[32] = t6;
+      $[33] = t14;
+    } else {
+      t14 = $[33];
+    }
+    let t15;
+    if ($[34] !== collection || $[35] !== fullIdPath || $[36] !== navigation || $[37] !== openEntityMode || $[38] !== path || $[39] !== pathSegments || $[40] !== recentIds || $[41] !== sideEntityController) {
+      t15 = recentIds && recentIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(ReferencePreview, { reference: new EntityReference(id, path, void 0, pathSegments), hover: true, onClick: () => {
+        setOpenPopup(false);
+        navigateToEntity({
+          openEntityMode,
+          collection,
+          entityId: id,
+          path,
+          pathSegments,
+          fullIdPath,
+          sideEntityController,
+          navigation
+        });
+      }, includeEntityLink: false, size: "small" }, id)) });
+      $[34] = collection;
+      $[35] = fullIdPath;
+      $[36] = navigation;
+      $[37] = openEntityMode;
+      $[38] = path;
+      $[39] = pathSegments;
+      $[40] = recentIds;
+      $[41] = sideEntityController;
+      $[42] = t15;
+    } else {
+      t15 = $[42];
+    }
+    let t16;
+    if ($[43] !== t14 || $[44] !== t15) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t5, children: [
+        t14,
+        t15
+      ] });
+      $[43] = t14;
+      $[44] = t15;
+      $[45] = t16;
+    } else {
+      t16 = $[45];
+    }
+    let t17;
+    if ($[46] !== openPopup || $[47] !== t16 || $[48] !== t3) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open: openPopup, onOpenChange: t3, sideOffset: 0, align: "start", alignOffset: -117, trigger: t4, children: t16 });
+      $[46] = openPopup;
+      $[47] = t16;
+      $[48] = t3;
+      $[49] = t17;
+    } else {
+      t17 = $[49];
+    }
+    let t18;
+    if ($[50] !== t17 || $[51] !== t2) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t2, asChild: false, children: t17 });
+      $[50] = t17;
+      $[51] = t2;
+      $[52] = t18;
+    } else {
+      t18 = $[52];
+    }
+    return t18;
+  }
   const collectionScrollCache = /* @__PURE__ */ new Map();
   function useScrollRestoration() {
     const updateCollectionScroll = ({
@@ -26628,6 +26850,7 @@
     isSubCollection,
     className,
     updateUrl,
+    onCountChange,
     ...collectionProp
   }) {
     const context = useFireCMSContext();
@@ -26765,7 +26988,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;
@@ -27093,8 +27316,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,
@@ -27240,207 +27464,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
@@ -27860,7 +27883,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 {
@@ -27940,7 +27963,7 @@
     }
     return t16;
   }
-  function _temp$h(e) {
+  function _temp$j(e) {
     return e.stopPropagation();
   }
   function DefaultDrawer(t0) {
@@ -27985,10 +28008,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 {
@@ -28125,10 +28148,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() {
@@ -28259,8 +28282,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,
@@ -28281,6 +28445,7 @@
     const logo = logoProp ?? appLogo;
     const navigation = useNavigationController();
     const breadcrumbs = useBreadcrumbsController();
+    const lastBreadcrumb = breadcrumbs.breadcrumbs?.[breadcrumbs.breadcrumbs.length - 1];
     const authController = useAuthController();
     const {
       mode,
@@ -28371,30 +28536,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" }),
           " ",
@@ -28411,101 +28585,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 {
@@ -28942,7 +29121,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;
@@ -29034,7 +29213,7 @@
     }
     return t11;
   }
-  function _temp$e(e) {
+  function _temp$f(e) {
     return e.item.key;
   }
   function FieldCaption(t0) {
@@ -29493,7 +29672,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;
@@ -29583,7 +29762,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) {
@@ -29723,64 +29902,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) {
@@ -30439,7 +30586,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) => {
@@ -30562,7 +30709,7 @@
     }
     return t11;
   }
-  function _temp$c(storageKey) {
+  function _temp$d(storageKey) {
     return getLocalStorageJSON(storageKey, {});
   }
   function useBuildModeController() {
@@ -30725,78 +30872,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);
@@ -31116,17 +31217,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 = () => {
@@ -31136,7 +31234,7 @@
       if (blocked && !force) {
         setDrawerCloseRequested(true);
       } else {
-        sideDialogsController.close();
+        sideDialogsController.close(panel?.key);
         panel?.onClose?.();
       }
     };
@@ -31169,7 +31267,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({
@@ -31635,6 +31733,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;
@@ -31708,15 +31809,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) => {
@@ -31752,7 +31856,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) => {
@@ -31761,13 +31865,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?.({
@@ -31776,6 +31884,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" }) }),
@@ -32027,7 +32136,7 @@
     };
   };
   function useBuildSideDialogsController() {
-    const $ = reactCompilerRuntime.c(21);
+    const $ = reactCompilerRuntime.c(23);
     const location = reactRouterDom.useLocation();
     const navigate = reactRouterDom.useNavigate();
     let t0;
@@ -32050,46 +32159,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);
@@ -32111,28 +32252,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)
@@ -32141,27 +32285,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,
@@ -32171,41 +32318,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;
   }
@@ -35009,6 +35156,7 @@
     editor_cancel: "Cancel",
     editor_remove_link: "Remove link",
     editor_paste_or_type_link: "Paste or type link",
+    editor_invalid_url: "Invalid URL",
     editor_open_in_new_window: "Open in new window",
     editor_bold: "Bold",
     editor_italic: "Italic",
@@ -35714,6 +35862,7 @@
     editor_cancel: "Cancelar",
     editor_remove_link: "Eliminar enlace",
     editor_paste_or_type_link: "Pega o escribe el enlace",
+    editor_invalid_url: "URL no válida",
     editor_open_in_new_window: "Abrir en una ventana nueva",
     editor_bold: "Negrita",
     editor_italic: "Cursiva",
@@ -38654,7 +38803,7 @@
     }
   }
   const LinkSelector = (t0) => {
-    const $ = reactCompilerRuntime.c(58);
+    const $ = reactCompilerRuntime.c(66);
     const {
       open,
       onOpenChange
@@ -38667,20 +38816,23 @@
     const {
       t
     } = useTranslation();
+    const [error, setError] = React.useState(null);
+    const isInputInvalid = !!error;
     let t1;
-    let t2;
-    if ($[0] !== open) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = () => {
-        if (open && inputRef.current) {
-          inputRef.current.focus();
-        }
+        setError(null);
       };
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    let t2;
+    if ($[1] !== open) {
       t2 = [open];
-      $[0] = open;
-      $[1] = t1;
+      $[1] = open;
       $[2] = t2;
     } else {
-      t1 = $[1];
       t2 = $[2];
     }
     React.useEffect(t1, t2);
@@ -38688,195 +38840,227 @@
       return null;
     }
     let t3;
-    if ($[3] !== onOpenChange || $[4] !== view) {
+    if ($[3] !== isInputInvalid) {
       t3 = (e) => {
-        e.preventDefault();
+        if (isInputInvalid) {
+          setError(null);
+        }
+      };
+      $[3] = isInputInvalid;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    const handleChange = t3;
+    let t4;
+    if ($[5] !== onOpenChange || $[6] !== t || $[7] !== view) {
+      t4 = (e_0) => {
+        e_0.preventDefault();
+        e_0.stopPropagation();
+        setError(null);
         const value = inputRef.current?.value;
         if (!value) {
           return;
         }
         const url = getUrlFromString(value);
-        if (url) {
-          setMark(schema.marks.link, {
-            href: url
-          })(view.state, view.dispatch);
-          view.focus();
-          onOpenChange(false);
+        if (!url) {
+          setError(t("editor_invalid_url"));
+          return;
         }
+        setMark(schema.marks.link, {
+          href: url
+        })(view.state, view.dispatch);
+        view.focus();
+        onOpenChange(false);
       };
-      $[3] = onOpenChange;
-      $[4] = view;
-      $[5] = t3;
+      $[5] = onOpenChange;
+      $[6] = t;
+      $[7] = view;
+      $[8] = t4;
     } else {
-      t3 = $[5];
+      t4 = $[8];
     }
-    const handleSubmit = t3;
-    let t4;
-    if ($[6] !== onOpenChange || $[7] !== view) {
-      t4 = () => {
+    const handleSubmit = t4;
+    let t5;
+    if ($[9] !== onOpenChange || $[10] !== view) {
+      t5 = () => {
         unsetMark(schema.marks.link)(view.state, view.dispatch);
         view.focus();
         onOpenChange(false);
       };
-      $[6] = onOpenChange;
-      $[7] = view;
-      $[8] = t4;
+      $[9] = onOpenChange;
+      $[10] = view;
+      $[11] = t5;
     } else {
-      t4 = $[8];
+      t5 = $[11];
     }
-    const handleRemoveLink = t4;
+    const handleRemoveLink = t5;
     let T0;
     let T1;
     let href;
     let t10;
     let t11;
     let t12;
-    let t5;
+    let t13;
     let t6;
     let t7;
     let t8;
     let t9;
-    if ($[9] !== onOpenChange || $[10] !== open || $[11] !== state) {
+    if ($[12] !== onOpenChange || $[13] !== open || $[14] !== state) {
       const isActive = isMarkActive(state, schema.marks.link);
-      let t132;
-      if ($[23] !== state) {
-        t132 = getMarkAttributes(state, schema.marks.link).href || "";
-        $[23] = state;
-        $[24] = t132;
+      let t142;
+      if ($[26] !== state) {
+        t142 = getMarkAttributes(state, schema.marks.link).href || "";
+        $[26] = state;
+        $[27] = t142;
       } else {
-        t132 = $[24];
+        t142 = $[27];
       }
-      href = t132;
+      href = t142;
       T1 = ui.Popover;
-      t10 = true;
-      t11 = open;
-      t12 = onOpenChange;
+      t11 = true;
+      t12 = open;
+      t13 = onOpenChange;
       T0 = ui.Button;
-      t6 = "text";
-      t7 = "button";
-      t8 = "gap-2 rounded-none";
-      t9 = "text";
-      t5 = ui.cls("underline decoration-stone-400 underline-offset-4", {
+      t7 = "text";
+      t8 = "button";
+      t9 = "gap-2 rounded-none";
+      t10 = "text";
+      t6 = ui.cls("underline decoration-stone-400 underline-offset-4", {
         "text-blue-500": isActive
       });
-      $[9] = onOpenChange;
-      $[10] = open;
-      $[11] = state;
-      $[12] = T0;
-      $[13] = T1;
-      $[14] = href;
-      $[15] = t10;
-      $[16] = t11;
-      $[17] = t12;
-      $[18] = t5;
-      $[19] = t6;
-      $[20] = t7;
-      $[21] = t8;
-      $[22] = t9;
-    } else {
-      T0 = $[12];
-      T1 = $[13];
-      href = $[14];
-      t10 = $[15];
-      t11 = $[16];
-      t12 = $[17];
-      t5 = $[18];
-      t6 = $[19];
-      t7 = $[20];
-      t8 = $[21];
-      t9 = $[22];
-    }
-    let t13;
-    if ($[25] !== t) {
-      t13 = t("editor_link");
-      $[25] = t;
-      $[26] = t13;
+      $[12] = onOpenChange;
+      $[13] = open;
+      $[14] = state;
+      $[15] = T0;
+      $[16] = T1;
+      $[17] = href;
+      $[18] = t10;
+      $[19] = t11;
+      $[20] = t12;
+      $[21] = t13;
+      $[22] = t6;
+      $[23] = t7;
+      $[24] = t8;
+      $[25] = t9;
     } else {
-      t13 = $[26];
+      T0 = $[15];
+      T1 = $[16];
+      href = $[17];
+      t10 = $[18];
+      t11 = $[19];
+      t12 = $[20];
+      t13 = $[21];
+      t6 = $[22];
+      t7 = $[23];
+      t8 = $[24];
+      t9 = $[25];
     }
     let t14;
-    if ($[27] !== t13 || $[28] !== t5) {
-      t14 = /* @__PURE__ */ jsxRuntime.jsx("p", { className: t5, children: t13 });
-      $[27] = t13;
-      $[28] = t5;
+    if ($[28] !== t) {
+      t14 = t("editor_link");
+      $[28] = t;
       $[29] = t14;
     } else {
       t14 = $[29];
     }
     let t15;
-    if ($[30] !== T0 || $[31] !== t14 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
-      t15 = /* @__PURE__ */ jsxRuntime.jsx(T0, { variant: t6, type: t7, className: t8, color: t9, children: t14 });
-      $[30] = T0;
-      $[31] = t14;
-      $[32] = t6;
-      $[33] = t7;
-      $[34] = t8;
-      $[35] = t9;
-      $[36] = t15;
+    if ($[30] !== t14 || $[31] !== t6) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsx("p", { className: t6, children: t14 });
+      $[30] = t14;
+      $[31] = t6;
+      $[32] = t15;
     } else {
-      t15 = $[36];
+      t15 = $[32];
     }
     let t16;
-    if ($[37] !== t) {
-      t16 = t("editor_paste_or_type_link");
-      $[37] = t;
-      $[38] = t16;
+    if ($[33] !== T0 || $[34] !== t10 || $[35] !== t15 || $[36] !== t7 || $[37] !== t8 || $[38] !== t9) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsx(T0, { variant: t7, type: t8, className: t9, color: t10, children: t15 });
+      $[33] = T0;
+      $[34] = t10;
+      $[35] = t15;
+      $[36] = t7;
+      $[37] = t8;
+      $[38] = t9;
+      $[39] = t16;
     } else {
-      t16 = $[38];
+      t16 = $[39];
     }
     let t17;
-    if ($[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t17 = ui.cls("text-surface-900 dark:text-white flex-grow bg-transparent p-1 text-sm outline-none", ui.focusedDisabled);
-      $[39] = t17;
+    if ($[40] !== t) {
+      t17 = t("editor_paste_or_type_link");
+      $[40] = t;
+      $[41] = t17;
     } else {
-      t17 = $[39];
+      t17 = $[41];
     }
     let t18;
-    if ($[40] !== href || $[41] !== open || $[42] !== t16) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsx("input", { ref: inputRef, autoFocus: open, placeholder: t16, defaultValue: href, className: t17 });
-      $[40] = href;
-      $[41] = open;
-      $[42] = t16;
-      $[43] = t18;
+    if ($[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t18 = ui.cls("text-surface-900 dark:text-white flex-grow bg-transparent p-1 text-sm outline-none", ui.focusedDisabled);
+      $[42] = t18;
     } else {
-      t18 = $[43];
+      t18 = $[42];
     }
     let t19;
-    if ($[44] !== handleRemoveLink || $[45] !== href) {
-      t19 = href ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "text", type: "button", color: "text", className: "flex items-center", onClick: handleRemoveLink, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DeleteIcon, { size: "small" }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", variant: "text", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "small" }) });
-      $[44] = handleRemoveLink;
-      $[45] = href;
-      $[46] = t19;
+    if ($[43] !== href || $[44] !== isInputInvalid || $[45] !== open || $[46] !== t17) {
+      t19 = /* @__PURE__ */ jsxRuntime.jsx("input", { ref: inputRef, autoFocus: open, placeholder: t17, defaultValue: href, className: t18, "aria-invalid": isInputInvalid });
+      $[43] = href;
+      $[44] = isInputInvalid;
+      $[45] = open;
+      $[46] = t17;
+      $[47] = t19;
     } else {
-      t19 = $[46];
+      t19 = $[47];
     }
     let t20;
-    if ($[47] !== handleSubmit || $[48] !== t18 || $[49] !== t19) {
-      t20 = /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex p-1 gap-1", children: [
-        t18,
-        t19
-      ] });
-      $[47] = handleSubmit;
-      $[48] = t18;
-      $[49] = t19;
+    if ($[48] !== handleRemoveLink || $[49] !== href) {
+      t20 = href ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "text", type: "button", color: "text", className: "flex items-center", onClick: handleRemoveLink, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DeleteIcon, { size: "small" }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", variant: "text", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: "small" }) });
+      $[48] = handleRemoveLink;
+      $[49] = href;
       $[50] = t20;
     } else {
       t20 = $[50];
     }
     let t21;
-    if ($[51] !== T1 || $[52] !== t10 || $[53] !== t11 || $[54] !== t12 || $[55] !== t15 || $[56] !== t20) {
-      t21 = /* @__PURE__ */ jsxRuntime.jsx(T1, { modal: t10, open: t11, onOpenChange: t12, trigger: t15, children: t20 });
-      $[51] = T1;
-      $[52] = t10;
-      $[53] = t11;
-      $[54] = t12;
-      $[55] = t15;
-      $[56] = t20;
-      $[57] = t21;
+    if ($[51] !== handleChange || $[52] !== handleSubmit || $[53] !== t19 || $[54] !== t20) {
+      t21 = /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex p-1 gap-1", onChange: handleChange, children: [
+        t19,
+        t20
+      ] });
+      $[51] = handleChange;
+      $[52] = handleSubmit;
+      $[53] = t19;
+      $[54] = t20;
+      $[55] = t21;
     } else {
-      t21 = $[57];
+      t21 = $[55];
     }
-    return t21;
+    let t22;
+    if ($[56] !== error) {
+      t22 = error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "error", role: "alert", "aria-live": "polite", children: error }) });
+      $[56] = error;
+      $[57] = t22;
+    } else {
+      t22 = $[57];
+    }
+    let t23;
+    if ($[58] !== T1 || $[59] !== t11 || $[60] !== t12 || $[61] !== t13 || $[62] !== t16 || $[63] !== t21 || $[64] !== t22) {
+      t23 = /* @__PURE__ */ jsxRuntime.jsxs(T1, { modal: t11, open: t12, onOpenChange: t13, trigger: t16, children: [
+        t21,
+        t22
+      ] });
+      $[58] = T1;
+      $[59] = t11;
+      $[60] = t12;
+      $[61] = t13;
+      $[62] = t16;
+      $[63] = t21;
+      $[64] = t22;
+      $[65] = t23;
+    } else {
+      t23 = $[65];
+    }
+    return t23;
   };
   const TextButtons = () => {
     const $ = reactCompilerRuntime.c(3);
@@ -41155,6 +41339,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
     editor_cancel: "Abbrechen",
     editor_remove_link: "Link entfernen",
     editor_paste_or_type_link: "Link einfügen oder eintippen",
+    editor_invalid_url: "Ungültige URL",
     editor_open_in_new_window: "In neuem Fenster öffnen",
     editor_bold: "Fett",
     editor_italic: "Kursiv",
@@ -41862,6 +42047,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
     editor_cancel: "Annuler",
     editor_remove_link: "Supprimer le lien",
     editor_paste_or_type_link: "Coller ou taper le lien",
+    editor_invalid_url: "URL invalide",
     editor_open_in_new_window: "Ouvrir dans une nouvelle fenêtre",
     editor_bold: "Gras",
     editor_italic: "Italique",
@@ -42569,6 +42755,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
     editor_cancel: "Annulla",
     editor_remove_link: "Rimuovi link",
     editor_paste_or_type_link: "Incolla o digita il link",
+    editor_invalid_url: "URL non valido",
     editor_open_in_new_window: "Apri in una nuova finestra",
     editor_bold: "Grassetto",
     editor_italic: "Corsivo",
@@ -43276,6 +43463,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
     editor_cancel: "रद्द करें",
     editor_remove_link: "लिंक हटाएं",
     editor_paste_or_type_link: "लिंक पेस्ट करें या टाइप करें",
+    editor_invalid_url: "अमान्य URL",
     editor_open_in_new_window: "नई विंडो में खोलें",
     editor_bold: "बोल्ड",
     editor_italic: "इटैलिक",
@@ -43985,6 +44173,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
     editor_cancel: "Cancelar",
     editor_remove_link: "Remover ligação",
     editor_paste_or_type_link: "Cole ou escreva a ligação",
+    editor_invalid_url: "URL inválido",
     editor_open_in_new_window: "Abrir numa nova janela",
     editor_bold: "Negrito",
     editor_italic: "Itálico",
@@ -44694,6 +44883,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
     editor_cancel: "Anuluj",
     editor_remove_link: "Usuń link",
     editor_paste_or_type_link: "Wklej lub wpisz link",
+    editor_invalid_url: "Nieprawidłowy URL",
     editor_open_in_new_window: "Otwórz w nowym oknie",
     editor_bold: "Pogrubienie",
     editor_italic: "Kursywa",