@firecms/core 3.4.0-canary.8635253 → 3.4.0-canary.d20cc85

package/dist/index.umd.js

@@ -23,19 +23,35 @@
   const yup__namespace = /* @__PURE__ */ _interopNamespaceDefault(yup);
   const Portal__namespace = /* @__PURE__ */ _interopNamespaceDefault(Portal);
   const SnackbarProvider = (t0) => {
-    const $ = reactCompilerRuntime.c(2);
+    const $ = reactCompilerRuntime.c(5);
     const {
       children
     } = t0;
+    const [domRoot, setDomRoot] = React.useState(void 0);
     let t1;
-    if ($[0] !== children) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarProvider, { maxSnack: 3, autoHideDuration: 3500, children });
-      $[0] = children;
-      $[1] = t1;
+    let t2;
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t1 = () => {
+        setDomRoot(document.body);
+      };
+      t2 = [];
+      $[0] = t1;
+      $[1] = t2;
     } else {
-      t1 = $[1];
+      t1 = $[0];
+      t2 = $[1];
     }
-    return t1;
+    React.useEffect(t1, t2);
+    let t3;
+    if ($[2] !== children || $[3] !== domRoot) {
+      t3 = /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarProvider, { maxSnack: 3, domRoot, autoHideDuration: 3500, children });
+      $[2] = children;
+      $[3] = domRoot;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    return t3;
   };
   const DEFAULT_MODE_STATE = {
     mode: "light",
@@ -284,6 +300,7 @@
     copy,
     path,
     fullIdPath,
+    pathSegments,
     selectedTab,
     sideEntityController,
     onClose,
@@ -294,6 +311,7 @@
         entityId,
         path,
         fullIdPath,
+        pathSegments,
         copy,
         selectedTab,
         collection,
@@ -328,10 +346,21 @@
      * Optional database ID where the entity is stored (if multiple databases are used)
      */
     databaseId;
-    constructor(id, path, databaseId) {
+    /**
+     * `path` split at its real segment boundaries, e.g. `["nodes", "node/42", "edges"]`.
+     *
+     * `path` is a single flattened string, so a parent entity id containing "/" cannot be
+     * recovered from it. This keeps each segment whole.
+     *
+     * Optional, and never derived by splitting `path` — a guess would be wrong in exactly
+     * the case the field exists for. Absent means "not known here", not "no slashes".
+     */
+    pathSegments;
+    constructor(id, path, databaseId, pathSegments) {
       this.id = id;
       this.path = path;
       this.databaseId = databaseId;
+      this.pathSegments = pathSegments;
     }
     get pathWithId() {
       return `${this.path}/${this.id}`;
@@ -702,7 +731,7 @@
     if (!entity) {
       throw new Error("getReferenceFrom: entity is null or undefined");
     }
-    return new EntityReference(entity.id, entity.path, entity.databaseId);
+    return new EntityReference(entity.id, entity.path, entity.databaseId, entity.pathSegments);
   }
   function traverseValuesProperties(inputValues, properties, operation) {
     const safeInputValues = inputValues ?? {};
@@ -998,6 +1027,7 @@
           ...props
         });
         const ofProperty = resolveProperty({
+          propertyKey,
           propertyOrBuilder: of,
           ignoreMissingFields,
           ...props
@@ -1126,7 +1156,8 @@
       collections = [],
       currentFullPath,
       currentFullIdPath,
-      currentFullUrlPath
+      currentFullUrlPath,
+      currentPathSegments = []
     } = props;
     const subpaths = removeInitialAndTrailingSlashes(path).split("/");
     const subpathCombinations = getCollectionPathsCombinations(subpaths);
@@ -1142,12 +1173,14 @@
         const collectionPath = currentFullPath && currentFullPath.length > 0 ? currentFullPath + "/" + collection.path : collection.path;
         const collectionUrlPath = currentFullUrlPath && currentFullUrlPath.length > 0 ? currentFullUrlPath + "/" + collection.path : collection.path;
         const fullIdPath = currentFullIdPath && currentFullIdPath.length > 0 ? currentFullIdPath + "/" + collection.id : collection.id;
+        const collectionSegments = [...currentPathSegments, ...collection.path.split("/")];
         result.push({
           type: "collection",
           id: collection.id,
           path: collectionPath,
           fullPath: collectionUrlPath,
           fullIdPath,
+          pathSegments: collectionSegments,
           collection
         });
         const restOfThePath = removeInitialAndTrailingSlashes(removeInitialAndTrailingSlashes(path).replace(subpathCombination, ""));
@@ -1157,12 +1190,14 @@
           const entityId = decodeEntityId(encodedEntityId);
           const fullPath = collectionPath + "/" + entityId;
           const fullUrlPath = collectionUrlPath + "/" + encodedEntityId;
+          const entitySegments = [...collectionSegments, entityId];
           result.push({
             type: "entity",
             entityId,
             path: collectionPath,
             fullIdPath,
             fullPath: fullUrlPath,
+            pathSegments: collectionSegments,
             parentCollection: collection
           });
           if (nextSegments.length > 1) {
@@ -1179,6 +1214,7 @@
                 entityId,
                 fullIdPath,
                 fullPath: fullUrlPath + "/" + customView.key,
+                pathSegments: collectionSegments,
                 view: customView
               });
             } else if (collection.subcollections) {
@@ -1188,6 +1224,7 @@
                 currentFullPath: fullPath,
                 currentFullIdPath: fullIdPath,
                 currentFullUrlPath: fullUrlPath,
+                currentPathSegments: entitySegments,
                 contextEntityViews: props.contextEntityViews
               }));
             }
@@ -1291,7 +1328,7 @@
     });
   };
   function getLocalChangesBackup(collection) {
-    if (!collection.localChangesBackup) {
+    if (collection.localChangesBackup === void 0) {
       return "manual_apply";
     }
     return collection.localChangesBackup;
@@ -1378,6 +1415,31 @@
     const simpleRegexp = input.match(/((?![*+?])(?:[^\r\n[/\\]|\\.|\[(?:[^\r\n\]\\]|\\.)*])+)/);
     return !!simpleRegexp;
   }
+  const ABSOLUTE_HTTP_URL_REGEX = /^https?:\/\//i;
+  const IMAGE_EXTENSIONS = ["jpg", "jpeg", "png", "gif", "webp", "avif", "bmp", "svg", "ico", "tif", "tiff", "heic", "heif"];
+  const VIDEO_EXTENSIONS = ["mp4", "webm", "ogv", "mov", "m4v", "avi", "mkv", "mpeg", "mpg", "3gp"];
+  const AUDIO_EXTENSIONS = ["mp3", "wav", "ogg", "oga", "m4a", "aac", "flac", "weba", "opus", "mid", "midi"];
+  function isAbsoluteHttpUrl(value) {
+    if (!value) return false;
+    return ABSOLUTE_HTTP_URL_REGEX.test(value);
+  }
+  function getFileExtensionFromUrl(urlOrPath) {
+    if (!urlOrPath) return void 0;
+    const withoutQuery = urlOrPath.split(/[?#]/)[0];
+    const lastSegment = withoutQuery.split("/").pop();
+    if (!lastSegment) return void 0;
+    const lastDot = lastSegment.lastIndexOf(".");
+    if (lastDot <= 0 || lastDot === lastSegment.length - 1) return void 0;
+    return lastSegment.substring(lastDot + 1).toLowerCase();
+  }
+  function getPreviewTypeFromUrl(urlOrPath) {
+    const extension = getFileExtensionFromUrl(urlOrPath);
+    if (!extension) return void 0;
+    if (IMAGE_EXTENSIONS.includes(extension)) return "image";
+    if (VIDEO_EXTENSIONS.includes(extension)) return "video";
+    if (AUDIO_EXTENSIONS.includes(extension)) return "audio";
+    return void 0;
+  }
   const reservedKeys = ["edit", "copy", "delete"];
   function mergeEntityActions(currentActions, newActions) {
     const updatedActions = [];
@@ -3788,6 +3850,12 @@
     return void 0;
   }
   function getEntityImagePreviewPropertyKey(collection) {
+    if (collection.imageProperty) {
+      const imagePropertyKey = collection.imageProperty;
+      if (collection.properties[imagePropertyKey]) {
+        return collection.imageProperty;
+      }
+    }
     for (const key in collection.properties) {
       const property = collection.properties[key];
       if (property.dataType === "string" && property.storage?.acceptedFiles?.includes("image/*")) {
@@ -4556,9 +4624,10 @@
     return fireCMSContextRef.current;
   };
   function useCollectionFetch(t0) {
-    const $ = reactCompilerRuntime.c(26);
+    const $ = reactCompilerRuntime.c(27);
     const {
       path: inputPath,
+      pathSegments,
       collection,
       filterValues,
       sortBy,
@@ -4592,10 +4661,16 @@
     const [dataLoadingError, setDataLoadingError] = React.useState();
     const [noMoreToLoad, setNoMoreToLoad] = React.useState(false);
     let t3;
-    if ($[4] !== collection || $[5] !== context || $[6] !== currentSort || $[7] !== dataSource || $[8] !== filterValues || $[9] !== itemCount || $[10] !== path || $[11] !== searchString || $[12] !== sortByProperty) {
+    if ($[4] !== collection || $[5] !== context || $[6] !== currentSort || $[7] !== dataSource || $[8] !== filterValues || $[9] !== itemCount || $[10] !== path || $[11] !== pathSegments || $[12] !== searchString || $[13] !== sortByProperty) {
       t3 = () => {
         setDataLoading(true);
         const onEntitiesUpdate = async (entities) => {
+          if (pathSegments) {
+            entities = entities.map((e) => e.pathSegments ? e : {
+              ...e,
+              pathSegments
+            });
+          }
           if (collection.callbacks?.onFetch) {
             try {
               entities = await Promise.all(entities.map((entity) => collection.callbacks.onFetch({
@@ -4605,8 +4680,8 @@
                 context
               })));
             } catch (t42) {
-              const e = t42;
-              console.error(e);
+              const e_0 = t42;
+              console.error(e_0);
             }
           }
           setDataLoading(false);
@@ -4623,6 +4698,7 @@
         if (dataSource.listenCollection) {
           return dataSource.listenCollection({
             path,
+            pathSegments,
             collection,
             onUpdate: onEntitiesUpdate,
             onError,
@@ -4636,6 +4712,7 @@
         } else {
           dataSource.fetchCollection({
             path,
+            pathSegments,
             collection,
             searchString,
             filter: filterValues,
@@ -4654,56 +4731,58 @@
       $[8] = filterValues;
       $[9] = itemCount;
       $[10] = path;
-      $[11] = searchString;
-      $[12] = sortByProperty;
-      $[13] = t3;
+      $[11] = pathSegments;
+      $[12] = searchString;
+      $[13] = sortByProperty;
+      $[14] = t3;
     } else {
-      t3 = $[13];
+      t3 = $[14];
     }
     let t4;
-    if ($[14] !== currentSort || $[15] !== filterValues || $[16] !== itemCount || $[17] !== path || $[18] !== searchString || $[19] !== sortByProperty) {
+    if ($[15] !== currentSort || $[16] !== filterValues || $[17] !== itemCount || $[18] !== path || $[19] !== searchString || $[20] !== sortByProperty) {
       t4 = [path, itemCount, currentSort, sortByProperty, filterValues, searchString];
-      $[14] = currentSort;
-      $[15] = filterValues;
-      $[16] = itemCount;
-      $[17] = path;
-      $[18] = searchString;
-      $[19] = sortByProperty;
-      $[20] = t4;
+      $[15] = currentSort;
+      $[16] = filterValues;
+      $[17] = itemCount;
+      $[18] = path;
+      $[19] = searchString;
+      $[20] = sortByProperty;
+      $[21] = t4;
     } else {
-      t4 = $[20];
+      t4 = $[21];
     }
     React.useEffect(t3, t4);
     let t5;
-    if ($[21] !== data || $[22] !== dataLoading || $[23] !== dataLoadingError || $[24] !== noMoreToLoad) {
+    if ($[22] !== data || $[23] !== dataLoading || $[24] !== dataLoadingError || $[25] !== noMoreToLoad) {
       t5 = {
         data,
         dataLoading,
         dataLoadingError,
         noMoreToLoad
       };
-      $[21] = data;
-      $[22] = dataLoading;
-      $[23] = dataLoadingError;
-      $[24] = noMoreToLoad;
-      $[25] = t5;
+      $[22] = data;
+      $[23] = dataLoading;
+      $[24] = dataLoadingError;
+      $[25] = noMoreToLoad;
+      $[26] = t5;
     } else {
-      t5 = $[25];
+      t5 = $[26];
     }
     return t5;
   }
   function _temp2$f() {
   }
-  function _temp$D(e_0) {
+  function _temp$D(e_1) {
     return {
-      ...e_0
+      ...e_1
     };
   }
   const CACHE = {};
   function useEntityFetch(t0) {
-    const $ = reactCompilerRuntime.c(18);
+    const $ = reactCompilerRuntime.c(19);
     const {
       path: inputPath,
+      pathSegments: inputPathSegments,
       entityId,
       collection,
       databaseId,
@@ -4722,15 +4801,22 @@
       t2 = $[2];
     }
     const path = t2;
+    const pathSegments = inputPathSegments;
     const context = useFireCMSContext();
     const [entity, setEntity] = React.useState();
     const [dataLoading, setDataLoading] = React.useState(true);
     const [dataLoadingError, setDataLoadingError] = React.useState();
     let t3;
-    if ($[3] !== collection || $[4] !== context || $[5] !== dataSource || $[6] !== databaseId || $[7] !== entityId || $[8] !== path || $[9] !== useCache) {
+    if ($[3] !== collection || $[4] !== context || $[5] !== dataSource || $[6] !== databaseId || $[7] !== entityId || $[8] !== path || $[9] !== pathSegments || $[10] !== useCache) {
       t3 = () => {
         setDataLoading(true);
         const onEntityUpdate = async (updatedEntity) => {
+          if (updatedEntity && pathSegments && !updatedEntity.pathSegments) {
+            updatedEntity = {
+              ...updatedEntity,
+              pathSegments
+            };
+          }
           if (collection.callbacks?.onFetch && updatedEntity) {
             try {
               updatedEntity = await collection.callbacks.onFetch({
@@ -4765,6 +4851,7 @@
             if (dataSource.listenEntity) {
               return dataSource.listenEntity({
                 path,
+                pathSegments,
                 entityId,
                 databaseId,
                 collection,
@@ -4774,6 +4861,7 @@
             } else {
               dataSource.fetchEntity({
                 path,
+                pathSegments,
                 entityId,
                 databaseId,
                 collection
@@ -4792,34 +4880,35 @@
       $[6] = databaseId;
       $[7] = entityId;
       $[8] = path;
-      $[9] = useCache;
-      $[10] = t3;
+      $[9] = pathSegments;
+      $[10] = useCache;
+      $[11] = t3;
     } else {
-      t3 = $[10];
+      t3 = $[11];
     }
     let t4;
-    if ($[11] !== entityId || $[12] !== path) {
+    if ($[12] !== entityId || $[13] !== path) {
       t4 = [entityId, path];
-      $[11] = entityId;
-      $[12] = path;
-      $[13] = t4;
+      $[12] = entityId;
+      $[13] = path;
+      $[14] = t4;
     } else {
-      t4 = $[13];
+      t4 = $[14];
     }
     React.useEffect(t3, t4);
     let t5;
-    if ($[14] !== dataLoading || $[15] !== dataLoadingError || $[16] !== entity) {
+    if ($[15] !== dataLoading || $[16] !== dataLoadingError || $[17] !== entity) {
       t5 = {
         entity,
         dataLoading,
         dataLoadingError
       };
-      $[14] = dataLoading;
-      $[15] = dataLoadingError;
-      $[16] = entity;
-      $[17] = t5;
+      $[15] = dataLoading;
+      $[16] = dataLoadingError;
+      $[17] = entity;
+      $[18] = t5;
     } else {
-      t5 = $[17];
+      t5 = $[18];
     }
     return t5;
   }
@@ -4832,6 +4921,7 @@
   async function saveEntityWithCallbacks({
     collection,
     path,
+    pathSegments,
     entityId,
     values,
     previousValues,
@@ -4881,6 +4971,7 @@
     return dataSource.saveEntity({
       collection,
       path: resolvedPath,
+      pathSegments,
       entityId,
       values: updatedValues,
       previousValues,
@@ -4964,6 +5055,8 @@
       }
     }
     return dataSource.deleteEntity({
+      // Carried by the entity from the fetch that produced it; undefined if unknown.
+      pathSegments: entity.pathSegments,
       entity,
       collection
     }).then(() => {
@@ -5005,6 +5098,8 @@
         }
         return dataSource.fetchEntity({
           path: entry.path,
+          // The navigation entry already knows the real segment boundaries.
+          pathSegments: entry.pathSegments,
           entityId: entry.entityId,
           collection
         }).then((entity) => {
@@ -6057,8 +6152,9 @@
   }
   const URL_CACHE = {};
   function StorageThumbnailInternal(t0) {
-    const $ = reactCompilerRuntime.c(13);
+    const $ = reactCompilerRuntime.c(26);
     const {
+      storeUrl,
       interactive,
       storagePathOrDownloadUrl,
       size,
@@ -6066,11 +6162,21 @@
     } = t0;
     const [, setError] = React.useState(void 0);
     const storage = useStorageSource();
-    const [downloadConfig, setDownloadConfig] = React.useState(URL_CACHE[storagePathOrDownloadUrl]);
     let t1;
-    if ($[0] !== storage || $[1] !== storagePathOrDownloadUrl) {
-      t1 = () => {
-        if (!storagePathOrDownloadUrl) {
+    if ($[0] !== storagePathOrDownloadUrl || $[1] !== storeUrl) {
+      t1 = storeUrl || isAbsoluteHttpUrl(storagePathOrDownloadUrl);
+      $[0] = storagePathOrDownloadUrl;
+      $[1] = storeUrl;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    const valueIsUrl = t1;
+    const [downloadConfig, setDownloadConfig] = React.useState(URL_CACHE[storagePathOrDownloadUrl]);
+    let t2;
+    if ($[3] !== storage || $[4] !== storagePathOrDownloadUrl || $[5] !== valueIsUrl) {
+      t2 = () => {
+        if (!storagePathOrDownloadUrl || valueIsUrl) {
           return;
         }
         let unmounted;
@@ -6085,50 +6191,75 @@
           unmounted = true;
         };
       };
-      $[0] = storage;
-      $[1] = storagePathOrDownloadUrl;
-      $[2] = t1;
+      $[3] = storage;
+      $[4] = storagePathOrDownloadUrl;
+      $[5] = valueIsUrl;
+      $[6] = t2;
     } else {
-      t1 = $[2];
+      t2 = $[6];
     }
-    let t2;
-    if ($[3] !== storagePathOrDownloadUrl) {
-      t2 = [storagePathOrDownloadUrl];
-      $[3] = storagePathOrDownloadUrl;
-      $[4] = t2;
+    let t3;
+    if ($[7] !== storagePathOrDownloadUrl || $[8] !== valueIsUrl) {
+      t3 = [storagePathOrDownloadUrl, valueIsUrl];
+      $[7] = storagePathOrDownloadUrl;
+      $[8] = valueIsUrl;
+      $[9] = t3;
     } else {
-      t2 = $[4];
+      t3 = $[9];
     }
-    React.useEffect(t1, t2);
+    React.useEffect(t2, t3);
     if (!storagePathOrDownloadUrl) {
       return null;
     }
+    if (valueIsUrl) {
+      let t42;
+      if ($[10] !== storagePathOrDownloadUrl) {
+        t42 = getPreviewTypeFromUrl(storagePathOrDownloadUrl) ?? "file";
+        $[10] = storagePathOrDownloadUrl;
+        $[11] = t42;
+      } else {
+        t42 = $[11];
+      }
+      let t5;
+      if ($[12] !== fill || $[13] !== interactive || $[14] !== size || $[15] !== storagePathOrDownloadUrl || $[16] !== t42) {
+        t5 = /* @__PURE__ */ jsxRuntime.jsx(UrlComponentPreview, { previewType: t42, url: storagePathOrDownloadUrl, interactive, size, fill, hint: storagePathOrDownloadUrl });
+        $[12] = fill;
+        $[13] = interactive;
+        $[14] = size;
+        $[15] = storagePathOrDownloadUrl;
+        $[16] = t42;
+        $[17] = t5;
+      } else {
+        t5 = $[17];
+      }
+      return t5;
+    }
     const filetype = downloadConfig?.metadata ? getFiletype(downloadConfig?.metadata.contentType) : void 0;
     const previewType = filetype?.startsWith("image") ? "image" : filetype?.startsWith("video") ? "video" : filetype?.startsWith("audio") ? "audio" : "file";
     if (downloadConfig?.fileNotFound) {
-      let t32;
-      if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-        t32 = /* @__PURE__ */ jsxRuntime.jsx(ErrorView, { error: "File not found" });
-        $[5] = t32;
+      let t42;
+      if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t42 = /* @__PURE__ */ jsxRuntime.jsx(ErrorView, { error: "File not found" });
+        $[18] = t42;
       } else {
-        t32 = $[5];
+        t42 = $[18];
       }
-      return t32;
+      return t42;
     }
-    let t3;
-    if ($[6] !== downloadConfig || $[7] !== fill || $[8] !== interactive || $[9] !== previewType || $[10] !== size || $[11] !== storagePathOrDownloadUrl) {
-      t3 = downloadConfig?.url ? /* @__PURE__ */ jsxRuntime.jsx(UrlComponentPreview, { previewType, url: downloadConfig.url, interactive, size, fill, hint: storagePathOrDownloadUrl }) : renderSkeletonImageThumbnail(size, fill);
-      $[6] = downloadConfig;
-      $[7] = fill;
-      $[8] = interactive;
-      $[9] = previewType;
-      $[10] = size;
-      $[11] = storagePathOrDownloadUrl;
-      $[12] = t3;
+    let t4;
+    if ($[19] !== downloadConfig || $[20] !== fill || $[21] !== interactive || $[22] !== previewType || $[23] !== size || $[24] !== storagePathOrDownloadUrl) {
+      t4 = downloadConfig?.url ? /* @__PURE__ */ jsxRuntime.jsx(UrlComponentPreview, { previewType, url: downloadConfig.url, interactive, size, fill, hint: storagePathOrDownloadUrl }) : renderSkeletonImageThumbnail(size, fill);
+      $[19] = downloadConfig;
+      $[20] = fill;
+      $[21] = interactive;
+      $[22] = previewType;
+      $[23] = size;
+      $[24] = storagePathOrDownloadUrl;
+      $[25] = t4;
     } else {
-      t3 = $[12];
+      t4 = $[25];
     }
-    return t3;
+    return t4;
   }
   function getFiletype(input) {
     if (input.startsWith("image")) return "image/*";
@@ -16615,6 +16746,7 @@
   }
   function EntityForm({
     path,
+    pathSegments,
     fullIdPath,
     entityId: entityIdProp,
     collection,
@@ -16681,7 +16813,7 @@
         if (mustSetCustomId) {
           return void 0;
         } else {
-          return dataSource.generateEntityId(path, collection);
+          return dataSource.generateEntityId(path, collection, pathSegments);
         }
       } else {
         return entityIdProp;
@@ -16755,7 +16887,7 @@
       },
       onValuesChangeDeferred: (values_0, controller) => {
         const key = status === "new" || status === "copy" ? path + "#new" : path + "/" + entityId;
-        if (controller.dirty) {
+        if (controller.dirty && localChangesBackup !== false) {
           const touchedValues = removeEmptyContainers(extractTouchedValues(values_0, controller.touched));
           if (touchedValues && Object.keys(touchedValues).length > 0) {
             saveEntityToCache(key, touchedValues);
@@ -16994,7 +17126,7 @@
     const uniqueFieldValidator = React.useCallback(({
       name,
       value
-    }) => dataSource.checkUniqueField(path, name, value, entityId, collection), [dataSource, path, entityId]);
+    }) => dataSource.checkUniqueField(path, name, value, entityId, collection, pathSegments), [dataSource, path, entityId]);
     const validationSchema = React.useMemo(() => entityId ? getYupEntitySchema(entityId, resolvedCollection.properties, uniqueFieldValidator) : void 0, [entityId, resolvedCollection.properties, uniqueFieldValidator]);
     useOnAutoSave(autoSave, formex$1, lastSavedValues, save);
     const prevEntityValuesRef = React.useRef(entity?.values);
@@ -17270,7 +17402,7 @@
     return content;
   };
   function CollectionTableToolbar(t0) {
-    const $ = reactCompilerRuntime.c(25);
+    const $ = reactCompilerRuntime.c(26);
     const {
       actions,
       actionsStart,
@@ -17278,6 +17410,7 @@
       onTextSearch,
       onTextSearchClick,
       textSearchLoading,
+      initialSearchString,
       title,
       viewModeToggle
     } = t0;
@@ -17344,41 +17477,42 @@
       t6 = $[12];
     }
     let t7;
-    if ($[13] !== onTextSearch || $[14] !== onTextSearchClick || $[15] !== t || $[16] !== textSearchLoading) {
-      t7 = (onTextSearch || onTextSearchClick) && /* @__PURE__ */ jsxRuntime.jsx(ui.SearchBar, { size: "small", inputRef: searchInputRef, loading: textSearchLoading, disabled: Boolean(onTextSearchClick), onClick: onTextSearchClick, onTextSearch: onTextSearchClick ? void 0 : onTextSearch, placeholder: t("search"), expandable: true }, "search-bar");
-      $[13] = onTextSearch;
-      $[14] = onTextSearchClick;
-      $[15] = t;
-      $[16] = textSearchLoading;
-      $[17] = t7;
+    if ($[13] !== initialSearchString || $[14] !== onTextSearch || $[15] !== onTextSearchClick || $[16] !== t || $[17] !== textSearchLoading) {
+      t7 = (onTextSearch || onTextSearchClick) && /* @__PURE__ */ jsxRuntime.jsx(ui.SearchBar, { size: "small", inputRef: searchInputRef, loading: textSearchLoading, disabled: Boolean(onTextSearchClick), onClick: onTextSearchClick, onTextSearch: onTextSearchClick ? void 0 : onTextSearch, initialValue: initialSearchString, placeholder: t("search"), expandable: true }, "search-bar");
+      $[13] = initialSearchString;
+      $[14] = onTextSearch;
+      $[15] = onTextSearchClick;
+      $[16] = t;
+      $[17] = textSearchLoading;
+      $[18] = t7;
     } else {
-      t7 = $[17];
+      t7 = $[18];
     }
     let t8;
-    if ($[18] !== actions || $[19] !== t6 || $[20] !== t7) {
+    if ($[19] !== actions || $[20] !== t6 || $[21] !== t7) {
       t8 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
         t6,
         t7,
         actions
       ] });
-      $[18] = actions;
-      $[19] = t6;
-      $[20] = t7;
-      $[21] = t8;
+      $[19] = actions;
+      $[20] = t6;
+      $[21] = t7;
+      $[22] = t8;
     } else {
-      t8 = $[21];
+      t8 = $[22];
     }
     let t9;
-    if ($[22] !== t5 || $[23] !== t8) {
+    if ($[23] !== t5 || $[24] !== t8) {
       t9 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t3, children: [
         t5,
         t8
       ] });
-      $[22] = t5;
-      $[23] = t8;
-      $[24] = t9;
+      $[23] = t5;
+      $[24] = t8;
+      $[25] = t9;
     } else {
-      t9 = $[24];
+      t9 = $[25];
     }
     return t9;
   }
@@ -18958,6 +19092,33 @@
       ] })
     ] });
   }
+  const completeNumberRegex = /^[+-]?(?:\d+|\d*\.\d+)(?:[eE][+-]?\d+)?$/;
+  function parseFilterTextInput(text, dataType) {
+    if (dataType !== "number") return {
+      updateValue: true,
+      value: text
+    };
+    const trimmedText = text.trim();
+    if (trimmedText === "") return {
+      updateValue: true,
+      value: void 0
+    };
+    if (!completeNumberRegex.test(trimmedText)) return {
+      updateValue: false
+    };
+    const parsedValue = Number(trimmedText);
+    if (!isFinite(parsedValue)) return {
+      updateValue: false
+    };
+    return {
+      updateValue: true,
+      value: parsedValue
+    };
+  }
+  function filterValueToText(value) {
+    if (value === void 0 || value === null) return "";
+    return String(value);
+  }
   const operationLabels$1 = {
     "==": "==",
     "!=": "!=",
@@ -18973,7 +19134,7 @@
   };
   const multipleSelectOperations$1 = ["array-contains-any", "in", "not-in"];
   function StringNumberFilterField(t0) {
-    const $ = reactCompilerRuntime.c(56);
+    const $ = reactCompilerRuntime.c(63);
     const {
       name,
       value,
@@ -19007,9 +19168,20 @@
     const [operation, setOperation] = React.useState(fieldOperation === "==" && fieldValue === null ? "is-null" : fieldOperation);
     const [internalValue, setInternalValue] = React.useState(fieldValue);
     let t2;
+    if ($[6] !== fieldValue) {
+      t2 = filterValueToText(fieldValue);
+      $[6] = fieldValue;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    const [inputText, setInputText] = React.useState(t2);
+    const syncedValueRef = React.useRef(fieldValue);
     let t3;
-    if ($[6] !== possibleOperations[0] || $[7] !== value) {
-      t2 = () => {
+    let t4;
+    if ($[8] !== possibleOperations[0] || $[9] !== value) {
+      t3 = () => {
+        const newValue = value ? value[1] : void 0;
         if (value) {
           const [op, val] = value;
           setOperation(op === "==" && val === null ? "is-null" : op);
@@ -19018,109 +19190,140 @@
           setOperation(possibleOperations[0]);
           setInternalValue(void 0);
         }
+        if (syncedValueRef.current !== newValue) {
+          syncedValueRef.current = newValue;
+          setInputText(filterValueToText(newValue));
+        }
       };
-      t3 = [value, possibleOperations[0]];
-      $[6] = possibleOperations[0];
-      $[7] = value;
-      $[8] = t2;
-      $[9] = t3;
+      t4 = [value, possibleOperations[0]];
+      $[8] = possibleOperations[0];
+      $[9] = value;
+      $[10] = t3;
+      $[11] = t4;
     } else {
-      t2 = $[8];
-      t3 = $[9];
+      t3 = $[10];
+      t4 = $[11];
     }
-    React.useEffect(t2, t3);
+    React.useEffect(t3, t4);
     const isNullOperation = operation === "is-null";
-    let t4;
-    if ($[10] !== operation || $[11] !== setValue) {
-      t4 = function updateFilter2(op_0, val_0) {
+    let t5;
+    if ($[12] !== operation || $[13] !== setValue) {
+      t5 = function updateFilter2(op_0, val_0, t62) {
+        const keepInputText = t62 === void 0 ? false : t62;
         if (op_0 === "is-null") {
           setOperation(op_0);
           setInternalValue(null);
+          syncedValueRef.current = null;
+          setInputText("");
           setValue(["==", null]);
           return;
         }
-        let newValue = val_0;
+        let newValue_0 = val_0;
         const prevOpIsArray = multipleSelectOperations$1.includes(operation);
         const newOpIsArray = multipleSelectOperations$1.includes(op_0);
         if (prevOpIsArray !== newOpIsArray) {
-          newValue = newOpIsArray ? typeof val_0 === "string" || typeof val_0 === "number" ? [val_0] : [] : void 0;
+          newValue_0 = newOpIsArray ? typeof val_0 === "string" || typeof val_0 === "number" ? [val_0] : [] : void 0;
         }
-        if (typeof newValue === "number" && isNaN(newValue)) {
-          newValue = void 0;
+        if (typeof newValue_0 === "number" && isNaN(newValue_0)) {
+          newValue_0 = void 0;
         }
         setOperation(op_0);
-        setInternalValue(newValue);
-        const hasNewValue = newValue !== null && Array.isArray(newValue) ? newValue.length > 0 : newValue !== void 0;
+        setInternalValue(newValue_0);
+        syncedValueRef.current = newValue_0;
+        if (!keepInputText) {
+          setInputText(filterValueToText(newValue_0));
+        }
+        const hasNewValue = newValue_0 !== null && Array.isArray(newValue_0) ? newValue_0.length > 0 : newValue_0 !== void 0;
         if (op_0 && hasNewValue) {
-          setValue([op_0, newValue]);
+          setValue([op_0, newValue_0]);
         } else {
           setValue(void 0);
         }
       };
-      $[10] = operation;
-      $[11] = setValue;
-      $[12] = t4;
-    } else {
-      t4 = $[12];
-    }
-    const updateFilter = t4;
-    let t5;
-    if ($[13] !== operation) {
-      t5 = multipleSelectOperations$1.includes(operation);
-      $[13] = operation;
+      $[12] = operation;
+      $[13] = setValue;
       $[14] = t5;
     } else {
       t5 = $[14];
     }
-    const multiple = t5;
+    const updateFilter = t5;
     let t6;
-    if ($[15] !== internalValue || $[16] !== updateFilter) {
-      t6 = (value_0) => {
-        updateFilter(value_0, internalValue);
+    if ($[15] !== dataType || $[16] !== operation || $[17] !== updateFilter) {
+      t6 = function updateFilterFromText2(text) {
+        setInputText(text);
+        const {
+          updateValue,
+          value: parsedValue
+        } = parseFilterTextInput(text, dataType);
+        if (updateValue) {
+          updateFilter(operation, parsedValue, true);
+        }
       };
-      $[15] = internalValue;
-      $[16] = updateFilter;
-      $[17] = t6;
+      $[15] = dataType;
+      $[16] = operation;
+      $[17] = updateFilter;
+      $[18] = t6;
     } else {
-      t6 = $[17];
+      t6 = $[18];
     }
+    const updateFilterFromText = t6;
     let t7;
-    if ($[18] !== possibleOperations) {
-      t7 = possibleOperations.map(_temp2$6);
-      $[18] = possibleOperations;
-      $[19] = t7;
+    if ($[19] !== operation) {
+      t7 = multipleSelectOperations$1.includes(operation);
+      $[19] = operation;
+      $[20] = t7;
     } else {
-      t7 = $[19];
+      t7 = $[20];
     }
+    const multiple = t7;
     let t8;
-    if ($[20] !== operation || $[21] !== t6 || $[22] !== t7) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "medium", fullWidth: true, position: "item-aligned", onValueChange: t6, renderValue: _temp$m, children: t7 }) });
-      $[20] = operation;
-      $[21] = t6;
-      $[22] = t7;
+    if ($[21] !== internalValue || $[22] !== updateFilter) {
+      t8 = (value_0) => {
+        updateFilter(value_0, internalValue);
+      };
+      $[21] = internalValue;
+      $[22] = updateFilter;
       $[23] = t8;
     } else {
       t8 = $[23];
     }
     let t9;
-    if ($[24] !== dataType || $[25] !== enumValues || $[26] !== internalValue || $[27] !== isNullOperation || $[28] !== operation || $[29] !== updateFilter) {
-      t9 = !enumValues && /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { size: "medium", type: dataType === "number" ? "number" : void 0, value: internalValue !== void 0 && internalValue != null ? String(internalValue) : "", disabled: isNullOperation, placeholder: isNullOperation ? "null" : void 0, onChange: (evt) => {
-        const val_1 = dataType === "number" ? parseFloat(evt.target.value) : evt.target.value;
-        updateFilter(operation, val_1);
-      }, endAdornment: internalValue !== void 0 && internalValue != null && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }) });
-      $[24] = dataType;
-      $[25] = enumValues;
-      $[26] = internalValue;
-      $[27] = isNullOperation;
-      $[28] = operation;
-      $[29] = updateFilter;
-      $[30] = t9;
+    if ($[24] !== possibleOperations) {
+      t9 = possibleOperations.map(_temp2$6);
+      $[24] = possibleOperations;
+      $[25] = t9;
     } else {
-      t9 = $[30];
+      t9 = $[25];
     }
     let t10;
-    if ($[31] !== dataType || $[32] !== enumValues || $[33] !== internalValue || $[34] !== isNullOperation || $[35] !== multiple || $[36] !== name || $[37] !== operation || $[38] !== updateFilter) {
-      t10 = enumValues && !multiple && /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { size: "medium", position: "item-aligned", fullWidth: true, disabled: isNullOperation, value: typeof internalValue === "string" ? internalValue : "", onValueChange: (value_1) => {
+    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$m, children: t9 }) });
+      $[26] = operation;
+      $[27] = t8;
+      $[28] = t9;
+      $[29] = t10;
+    } else {
+      t10 = $[29];
+    }
+    let t11;
+    if ($[30] !== dataType || $[31] !== enumValues || $[32] !== inputText || $[33] !== isNullOperation || $[34] !== operation || $[35] !== updateFilter || $[36] !== updateFilterFromText) {
+      t11 = !enumValues && /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { size: "medium", type: dataType === "number" ? "number" : void 0, value: inputText, disabled: isNullOperation, placeholder: isNullOperation ? "null" : void 0, onChange: (evt) => {
+        updateFilterFromText(evt.target.value);
+      }, endAdornment: inputText !== "" && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }) });
+      $[30] = dataType;
+      $[31] = enumValues;
+      $[32] = inputText;
+      $[33] = isNullOperation;
+      $[34] = operation;
+      $[35] = updateFilter;
+      $[36] = updateFilterFromText;
+      $[37] = t11;
+    } else {
+      t11 = $[37];
+    }
+    let t12;
+    if ($[38] !== dataType || $[39] !== enumValues || $[40] !== internalValue || $[41] !== isNullOperation || $[42] !== multiple || $[43] !== name || $[44] !== operation || $[45] !== updateFilter) {
+      t12 = enumValues && !multiple && /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { size: "medium", position: "item-aligned", fullWidth: true, disabled: isNullOperation, value: typeof internalValue === "string" ? internalValue : "", onValueChange: (value_1) => {
         if (value_1 !== "") {
           updateFilter(operation, dataType === "number" ? parseInt(value_1) : value_1);
         }
@@ -19133,62 +19336,62 @@
         }
         return /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey, enumValues, size: "small" }, `select_value_${name}_${enumKey}`);
       }, children: enumValues.map((enumConfig) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: String(enumConfig.id), enumValues, size: "small" }) }, `select_item_${name}_${enumConfig.id}`)) });
-      $[31] = dataType;
-      $[32] = enumValues;
-      $[33] = internalValue;
-      $[34] = isNullOperation;
-      $[35] = multiple;
-      $[36] = name;
-      $[37] = operation;
-      $[38] = updateFilter;
-      $[39] = t10;
-    } else {
-      t10 = $[39];
+      $[38] = dataType;
+      $[39] = enumValues;
+      $[40] = internalValue;
+      $[41] = isNullOperation;
+      $[42] = multiple;
+      $[43] = name;
+      $[44] = operation;
+      $[45] = updateFilter;
+      $[46] = t12;
+    } else {
+      t12 = $[46];
     }
-    let t11;
-    if ($[40] !== dataType || $[41] !== enumValues || $[42] !== internalValue || $[43] !== isNullOperation || $[44] !== multiple || $[45] !== name || $[46] !== operation || $[47] !== updateFilter) {
-      t11 = enumValues && multiple && /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { size: "medium", position: "item-aligned", value: Array.isArray(internalValue) ? internalValue.map(_temp3$3) : [], disabled: isNullOperation, onValueChange: (value_2) => {
+    let t13;
+    if ($[47] !== dataType || $[48] !== enumValues || $[49] !== internalValue || $[50] !== isNullOperation || $[51] !== multiple || $[52] !== name || $[53] !== operation || $[54] !== updateFilter) {
+      t13 = enumValues && multiple && /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { size: "medium", position: "item-aligned", value: Array.isArray(internalValue) ? internalValue.map(_temp3$3) : [], disabled: isNullOperation, onValueChange: (value_2) => {
         updateFilter(operation, dataType === "number" ? value_2.map(_temp4$3) : value_2);
       }, multiple, endAdornment: internalValue && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "absolute right-2 top-3", onClick: (e_2) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }), children: enumValues.map((enumConfig_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: String(enumConfig_0.id), enumValues, size: "small" }) }, `select_value_${name}_${enumConfig_0.id}`)) });
-      $[40] = dataType;
-      $[41] = enumValues;
-      $[42] = internalValue;
-      $[43] = isNullOperation;
-      $[44] = multiple;
-      $[45] = name;
-      $[46] = operation;
-      $[47] = updateFilter;
-      $[48] = t11;
+      $[47] = dataType;
+      $[48] = enumValues;
+      $[49] = internalValue;
+      $[50] = isNullOperation;
+      $[51] = multiple;
+      $[52] = name;
+      $[53] = operation;
+      $[54] = updateFilter;
+      $[55] = t13;
     } else {
-      t11 = $[48];
+      t13 = $[55];
     }
-    let t12;
-    if ($[49] !== t10 || $[50] !== t11 || $[51] !== t9) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow ml-2 flex flex-col gap-2", children: [
-        t9,
-        t10,
-        t11
+    let t14;
+    if ($[56] !== t11 || $[57] !== t12 || $[58] !== t13) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow ml-2 flex flex-col gap-2", children: [
+        t11,
+        t12,
+        t13
       ] });
-      $[49] = t10;
-      $[50] = t11;
-      $[51] = t9;
-      $[52] = t12;
+      $[56] = t11;
+      $[57] = t12;
+      $[58] = t13;
+      $[59] = t14;
     } else {
-      t12 = $[52];
+      t14 = $[59];
     }
-    let t13;
-    if ($[53] !== t12 || $[54] !== t8) {
-      t13 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full", children: [
-        t8,
-        t12
+    let t15;
+    if ($[60] !== t10 || $[61] !== t14) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full", children: [
+        t10,
+        t14
       ] });
-      $[53] = t12;
-      $[54] = t8;
-      $[55] = t13;
+      $[60] = t10;
+      $[61] = t14;
+      $[62] = t15;
     } else {
-      t13 = $[55];
+      t15 = $[62];
     }
-    return t13;
+    return t15;
   }
   function _temp4$3(v) {
     return parseInt(v);
@@ -19723,7 +19926,7 @@
       }
     }, [tableRowActionsBuilder, additionalCellRenderer, propertyCellRenderer, size]);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, style, className: ui.cls("h-full w-full flex flex-col bg-white dark:bg-surface-950", className), children: [
-      !hideToolbar && /* @__PURE__ */ jsxRuntime.jsx(CollectionTableToolbar, { onTextSearch: textSearchEnabled ? onTextSearch : void 0, textSearchLoading, onTextSearchClick: textSearchEnabled ? onTextSearchClick : void 0, title, actionsStart, actions, viewModeToggle, loading: tableController.dataLoading }),
+      !hideToolbar && /* @__PURE__ */ jsxRuntime.jsx(CollectionTableToolbar, { onTextSearch: textSearchEnabled ? onTextSearch : void 0, textSearchLoading, onTextSearchClick: textSearchEnabled ? onTextSearchClick : void 0, initialSearchString: tableController.searchString, title, actionsStart, actions, viewModeToggle, loading: tableController.dataLoading }),
       /* @__PURE__ */ jsxRuntime.jsx(SelectableTable, { columns, size, inlineEditing, cellRenderer, onEntityClick, highlightedRow: (entity_1) => Boolean(selectedEntities?.find((e_0) => e_0.id === entity_1.id && e_0.path === entity_1.path)), tableController, onValueChange, initialScroll, onScroll, onColumnResize, hoverRow, filterable, emptyComponent, endAdornment, AddColumnComponent, onColumnsOrderChange })
     ] });
   };
@@ -19762,9 +19965,119 @@
     }, [data, timeoutMs, deps, immediateUpdate]);
     return immediateUpdate ? data : deferredData;
   }
+  function encodeFilterAndSort(filterValues, sortBy, searchString) {
+    const entries = {};
+    if (sortBy) {
+      entries["__sort"] = encodeURIComponent(sortBy[0]);
+      entries["__sort_order"] = encodeURIComponent(sortBy[1]);
+    }
+    if (filterValues) {
+      Object.entries(filterValues).forEach(([key, value]) => {
+        if (value) {
+          const [op, val] = value;
+          let encodedValue = val;
+          try {
+            if (typeof val === "object") {
+              if (val instanceof Date) {
+                encodedValue = val.toISOString();
+              } else if (Array.isArray(val)) {
+                encodedValue = JSON.stringify(val, (key2, value2) => {
+                  if (value2 instanceof EntityReference) {
+                    return encodeRef(value2);
+                  }
+                  return value2;
+                });
+              } else if (val instanceof EntityReference) {
+                encodedValue = encodeRef(val);
+              }
+            } else if (typeof val === "string") {
+              encodedValue = JSON.stringify(val);
+            }
+          } catch (e) {
+            encodedValue = val;
+          }
+          if (encodedValue !== void 0) {
+            entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(op);
+            entries[encodeURIComponent(`${key}_value`)] = encodedValue !== null && encodedValue !== void 0 ? encodeURIComponent(encodedValue.toString()) : "null";
+          }
+        }
+      });
+    }
+    if (searchString) {
+      entries["search"] = encodeURIComponent(searchString);
+    }
+    if (!Object.keys(entries).length) {
+      return "";
+    }
+    return Object.entries(entries).map(([key, value]) => `${key}=${value}`).join("&");
+  }
+  function parseFilterAndSort(search) {
+    const entries = new URLSearchParams(search);
+    const filterValues = {};
+    let sortBy = void 0;
+    entries.forEach((value, key) => {
+      if (key === "__sort") {
+        sortBy = [decodeURIComponent(value), entries.get("__sort_order")];
+      } else if (key.endsWith("_op")) {
+        const field = key.replace("_op", "");
+        const filterOp = decodeURIComponent(value);
+        const filterValStr = entries.get(`${field}_value`);
+        if (filterValStr !== null) {
+          filterValues[field] = [filterOp, decodeString(filterValStr)];
+        }
+      }
+    });
+    const searchString = entries.get("search") ?? void 0;
+    return {
+      filterValues: Object.keys(filterValues).length ? filterValues : void 0,
+      sortBy,
+      searchString: searchString ? searchString : void 0
+    };
+  }
+  function isDate(dateString) {
+    const regexPattern = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/;
+    if (!regexPattern.test(dateString)) {
+      return false;
+    }
+    const date = new Date(dateString);
+    return date.toISOString() === dateString;
+  }
+  function encodeRef(val) {
+    return `ref::${val.path}/${encodeEntityId(val.id)}`;
+  }
+  function decodeRef(encoded) {
+    const separatorIndex = encoded.lastIndexOf("/");
+    if (separatorIndex < 0) return new EntityReference(encoded, "");
+    return new EntityReference(decodeEntityId(encoded.substring(separatorIndex + 1)), encoded.substring(0, separatorIndex));
+  }
+  function decodeString(val) {
+    let parsedFilterVal = val;
+    if (isDate(val)) {
+      try {
+        parsedFilterVal = new Date(val);
+      } catch (e) {
+      }
+    }
+    if (typeof parsedFilterVal === "string") {
+      try {
+        parsedFilterVal = JSON.parse(parsedFilterVal, (key, value) => {
+          if (typeof value === "string" && value.startsWith("ref::")) {
+            return decodeRef(value.substring(5));
+          }
+          return value;
+        });
+      } catch (e) {
+      }
+    }
+    if (typeof parsedFilterVal === "string" && parsedFilterVal.startsWith("ref::")) {
+      return decodeRef(parsedFilterVal.substring(5));
+    }
+    return parsedFilterVal;
+  }
   const DEFAULT_PAGE_SIZE$1 = 50;
   function useDataSourceTableController({
     fullPath,
+    pathSegments,
     collection,
     scrollRestoration,
     entitiesDisplayedFirst,
@@ -19781,14 +20094,15 @@
     const navigation = useNavigationController();
     const dataSource = useDataSource();
     const resolvedPath = React.useMemo(() => navigation.resolveIdsFrom(fullPath), [fullPath, navigation.resolveIdsFrom]);
+    const resolvedPathSegments = pathSegments;
     const forceFilter = forceFilterFromProps ?? forceFilterFromCollection;
     const paginationEnabled = collection.pagination === void 0 || Boolean(collection.pagination);
     const pageSize = typeof collection.pagination === "number" ? collection.pagination : DEFAULT_PAGE_SIZE$1;
-    const [searchString, setSearchString] = React.useState();
     const checkFilterCombination = React.useCallback((filterValues, sortBy) => {
       if (!dataSource.isFilterCombinationValid) return true;
       return dataSource.isFilterCombinationValid({
         path: resolvedPath,
+        pathSegments: resolvedPathSegments,
         collection,
         filterValues,
         sortBy
@@ -19816,7 +20130,8 @@
     const location = reactRouterDom.useLocation();
     const {
       filterValues: initialFilterUrl,
-      sortBy: initialSortUrl
+      sortBy: initialSortUrl,
+      searchString: initialSearchUrl
     } = parseFilterAndSort(location.search);
     const availableFilterKeys = collection.allowedFilters ?? Object.keys(collection.properties);
     const forcedFilterKeys = collection.forceFilter ? Object.keys(collection.forceFilter) : [];
@@ -19839,6 +20154,7 @@
     const initFilters = forceFilter ?? (updateUrl ? initialFilterUrl : void 0) ?? initialFilter ?? void 0;
     const [filterValues_0, setFilterValues] = React.useState(removeUnallowedFilters(initFilters));
     const [sortBy_0, setSortBy] = React.useState((updateUrl ? initialSortUrl : void 0) ?? initialSortInternal);
+    const [searchString, setSearchString] = React.useState(updateUrl ? initialSearchUrl : void 0);
     useUpdateUrl(filterValues_0, sortBy_0, searchString, updateUrl);
     const collectionScroll = scrollRestoration?.getCollectionScroll(fullPath, filterValues_0);
     const initialItemCount = collectionScroll?.data.length ?? pageSize;
@@ -19875,6 +20191,12 @@
     React.useEffect(() => {
       setDataLoading(true);
       const onEntitiesUpdate = async (entities) => {
+        if (resolvedPathSegments) {
+          entities = entities.map((e) => e.pathSegments ? e : {
+            ...e,
+            pathSegments: resolvedPathSegments
+          });
+        }
         if (collection.callbacks?.onFetch) {
           try {
             entities = await Promise.all(entities.map((entity) => collection.callbacks.onFetch({
@@ -19883,14 +20205,14 @@
               entity,
               context
             })));
-          } catch (e) {
-            console.error(e);
+          } catch (e_0) {
+            console.error(e_0);
           }
         }
         setDataLoading(false);
         setDataLoadingError(void 0);
-        setRawData(entities.map((e_0) => ({
-          ...e_0
+        setRawData(entities.map((e_1) => ({
+          ...e_1
           // values: sanitizeData(e.values, resolvedCollection.properties)
         })));
         setNoMoreToLoad(!itemCount || entities.length < itemCount);
@@ -19901,30 +20223,38 @@
         setRawData([]);
         setDataLoadingError(error);
       };
-      if (dataSource.listenCollection) {
-        return dataSource.listenCollection({
-          path: resolvedPath,
-          collection,
-          onUpdate: onEntitiesUpdate,
-          onError,
-          searchString,
-          filter: filterValues_0,
-          limit: itemCount,
-          startAfter: void 0,
-          orderBy: sortByProperty,
-          order: currentSort
-        });
-      } else {
-        dataSource.fetchCollection({
-          path: resolvedPath,
-          collection,
-          searchString,
-          filter: filterValues_0,
-          limit: itemCount,
-          startAfter: void 0,
-          orderBy: sortByProperty,
-          order: currentSort
-        }).then(onEntitiesUpdate).catch(onError);
+      try {
+        if (dataSource.listenCollection) {
+          return dataSource.listenCollection({
+            path: resolvedPath,
+            pathSegments: resolvedPathSegments,
+            collection,
+            onUpdate: onEntitiesUpdate,
+            onError,
+            searchString,
+            filter: filterValues_0,
+            limit: itemCount,
+            startAfter: void 0,
+            orderBy: sortByProperty,
+            order: currentSort
+          });
+        } else {
+          dataSource.fetchCollection({
+            path: resolvedPath,
+            pathSegments: resolvedPathSegments,
+            collection,
+            searchString,
+            filter: filterValues_0,
+            limit: itemCount,
+            startAfter: void 0,
+            orderBy: sortByProperty,
+            order: currentSort
+          }).then(onEntitiesUpdate).catch(onError);
+          return () => {
+          };
+        }
+      } catch (e_2) {
+        onError(e_2 instanceof Error ? e_2 : new Error(String(e_2)));
         return () => {
         };
       }
@@ -19971,9 +20301,7 @@
     if ($[0] !== filterValues || $[1] !== searchString || $[2] !== sortBy || $[3] !== updateUrl) {
       t0 = () => {
         if (updateUrl) {
-          const newUrl = encodeFilterAndSort(filterValues, sortBy);
-          const search = searchString ? `&search=${encodeURIComponent(searchString)}` : "";
-          const state = `${newUrl}${search}`;
+          const state = encodeFilterAndSort(filterValues, sortBy, searchString);
           const hash2 = window.location.hash;
           if (state === "") {
             window.history.replaceState({}, "", `${window.location.pathname}${hash2}`);
@@ -19995,110 +20323,6 @@
     }
     React.useEffect(t0, t1);
   }
-  function encodeFilterAndSort(filterValues, sortBy) {
-    const entries = {};
-    if (sortBy) {
-      entries["__sort"] = encodeURIComponent(sortBy[0]);
-      entries["__sort_order"] = encodeURIComponent(sortBy[1]);
-    }
-    if (filterValues) {
-      Object.entries(filterValues).forEach(([key, value]) => {
-        if (value) {
-          const [op, val] = value;
-          let encodedValue = val;
-          try {
-            if (typeof val === "object") {
-              if (val instanceof Date) {
-                encodedValue = val.toISOString();
-              } else if (Array.isArray(val)) {
-                encodedValue = JSON.stringify(val, (key2, value2) => {
-                  if (value2 instanceof EntityReference) {
-                    return encodeRef(value2);
-                  }
-                  return value2;
-                });
-              } else if (val instanceof EntityReference) {
-                encodedValue = encodeRef(val);
-              }
-            } else if (typeof val === "string") {
-              encodedValue = JSON.stringify(val);
-            }
-          } catch (e) {
-            encodedValue = val;
-          }
-          if (encodedValue !== void 0) {
-            entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(op);
-            entries[encodeURIComponent(`${key}_value`)] = encodedValue !== null && encodedValue !== void 0 ? encodeURIComponent(encodedValue.toString()) : "null";
-          }
-        }
-      });
-    }
-    if (!Object.keys(entries).length) {
-      return "";
-    }
-    return Object.entries(entries).map(([key, value]) => `${key}=${value}`).join("&");
-  }
-  function parseFilterAndSort(search) {
-    const entries = new URLSearchParams(search);
-    const filterValues = {};
-    let sortBy = void 0;
-    entries.forEach((value, key) => {
-      if (key === "__sort") {
-        sortBy = [decodeURIComponent(value), entries.get("__sort_order")];
-      } else if (key.endsWith("_op")) {
-        const field = key.replace("_op", "");
-        const filterOp = decodeURIComponent(value);
-        const filterValStr = entries.get(`${field}_value`);
-        if (filterValStr !== null) {
-          filterValues[field] = [filterOp, decodeString(filterValStr)];
-        }
-      }
-    });
-    return {
-      filterValues: Object.keys(filterValues).length ? filterValues : void 0,
-      sortBy
-    };
-  }
-  function isDate(dateString) {
-    const regexPattern = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/;
-    if (!regexPattern.test(dateString)) {
-      return false;
-    }
-    const date = new Date(dateString);
-    return date.toISOString() === dateString;
-  }
-  function encodeRef(val) {
-    return `ref::${val.path}/${encodeEntityId(val.id)}`;
-  }
-  function decodeRef(encoded) {
-    const separatorIndex = encoded.lastIndexOf("/");
-    if (separatorIndex < 0) return new EntityReference(encoded, "");
-    return new EntityReference(decodeEntityId(encoded.substring(separatorIndex + 1)), encoded.substring(0, separatorIndex));
-  }
-  function decodeString(val) {
-    let parsedFilterVal = val;
-    if (isDate(val)) {
-      try {
-        parsedFilterVal = new Date(val);
-      } catch (e) {
-      }
-    }
-    if (typeof parsedFilterVal === "string") {
-      try {
-        parsedFilterVal = JSON.parse(parsedFilterVal, (key, value) => {
-          if (typeof value === "string" && value.startsWith("ref::")) {
-            return decodeRef(value.substring(5));
-          }
-          return value;
-        });
-      } catch (e) {
-      }
-    }
-    if (typeof parsedFilterVal === "string" && parsedFilterVal.startsWith("ref::")) {
-      return decodeRef(parsedFilterVal.substring(5));
-    }
-    return parsedFilterVal;
-  }
   function useSelectionController(onSelectionChange) {
     const [selectedEntities, setSelectedEntities] = React.useState([]);
     const toggleEntitySelection = React.useCallback((entity, newSelectedState) => {
@@ -20134,95 +20358,57 @@
     };
   }
   function useTableSearchHelper(t0) {
-    const $ = reactCompilerRuntime.c(33);
+    const $ = reactCompilerRuntime.c(18);
     const {
       collection,
       fullPath,
-      parentCollectionIds
+      parentCollectionIds,
+      initialSearchString
     } = t0;
     const context = useFireCMSContext();
     const customizationController = useCustomizationController();
     const dataSource = useDataSource();
     const [textSearchLoading, setTextSearchLoading] = React.useState(false);
     const [textSearchInitialised, setTextSearchInitialised] = React.useState(false);
+    const autoInitialisedRef = React.useRef(false);
     let onTextSearchClick;
     let textSearchEnabled;
     if ($[0] !== collection || $[1] !== context || $[2] !== customizationController.plugins || $[3] !== dataSource || $[4] !== fullPath || $[5] !== parentCollectionIds) {
       textSearchEnabled = Boolean(collection.textSearchEnabled);
-      let props;
-      let t12;
-      if ($[8] !== collection || $[9] !== context || $[10] !== customizationController.plugins || $[11] !== fullPath || $[12] !== parentCollectionIds) {
-        props = {
-          context,
-          path: fullPath,
-          databaseId: collection.databaseId,
-          collection,
-          parentCollectionIds
-        };
-        t12 = customizationController.plugins?.find((p) => p.collectionView?.blockSearch?.(props));
-        $[8] = collection;
-        $[9] = context;
-        $[10] = customizationController.plugins;
-        $[11] = fullPath;
-        $[12] = parentCollectionIds;
-        $[13] = props;
-        $[14] = t12;
-      } else {
-        props = $[13];
-        t12 = $[14];
-      }
-      const searchBlocked = t12;
-      let t2;
-      if ($[15] !== customizationController.plugins || $[16] !== dataSource?.initTextSearch) {
-        t2 = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$k);
-        $[15] = customizationController.plugins;
-        $[16] = dataSource?.initTextSearch;
-        $[17] = t2;
-      } else {
-        t2 = $[17];
-      }
-      const addTextSearchClickListener = t2;
+      const props = {
+        context,
+        path: fullPath,
+        databaseId: collection.databaseId,
+        collection,
+        parentCollectionIds
+      };
+      const searchBlocked = customizationController.plugins?.find((p) => p.collectionView?.blockSearch?.(props));
+      const addTextSearchClickListener = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$k);
       if (addTextSearchClickListener) {
-        let t3;
-        if ($[18] !== addTextSearchClickListener || $[19] !== collection || $[20] !== context || $[21] !== customizationController.plugins || $[22] !== dataSource || $[23] !== fullPath || $[24] !== parentCollectionIds || $[25] !== props || $[26] !== searchBlocked) {
-          t3 = addTextSearchClickListener ? () => {
-            setTextSearchLoading(true);
-            const promises = [];
-            if (dataSource?.initTextSearch && !searchBlocked) {
-              promises.push(dataSource.initTextSearch(props));
-            }
-            if (searchBlocked) {
-              customizationController.plugins?.forEach((p_1) => {
-                if (p_1.collectionView?.onTextSearchClick) {
-                  promises.push(p_1.collectionView.onTextSearchClick({
-                    context,
-                    path: fullPath,
-                    collection,
-                    parentCollectionIds
-                  }));
-                }
-              });
-            }
-            return Promise.all(promises).then((res) => {
-              if (res.every(Boolean)) {
-                setTextSearchInitialised(true);
+        onTextSearchClick = addTextSearchClickListener ? () => {
+          setTextSearchLoading(true);
+          const promises = [];
+          if (dataSource?.initTextSearch && !searchBlocked) {
+            promises.push(dataSource.initTextSearch(props));
+          }
+          if (searchBlocked) {
+            customizationController.plugins?.forEach((p_1) => {
+              if (p_1.collectionView?.onTextSearchClick) {
+                promises.push(p_1.collectionView.onTextSearchClick({
+                  context,
+                  path: fullPath,
+                  collection,
+                  parentCollectionIds
+                }));
               }
-            }).finally(() => setTextSearchLoading(false));
-          } : void 0;
-          $[18] = addTextSearchClickListener;
-          $[19] = collection;
-          $[20] = context;
-          $[21] = customizationController.plugins;
-          $[22] = dataSource;
-          $[23] = fullPath;
-          $[24] = parentCollectionIds;
-          $[25] = props;
-          $[26] = searchBlocked;
-          $[27] = t3;
-        } else {
-          t3 = $[27];
-        }
-        onTextSearchClick = t3;
+            });
+          }
+          return Promise.all(promises).then((res) => {
+            if (res.every(Boolean)) {
+              setTextSearchInitialised(true);
+            }
+          }).finally(() => setTextSearchLoading(false));
+        } : void 0;
         customizationController.plugins?.forEach((p_2) => {
           if (!textSearchEnabled) {
             if (p_2.collectionView?.showTextSearchBar) {
@@ -20242,29 +20428,54 @@
       $[3] = dataSource;
       $[4] = fullPath;
       $[5] = parentCollectionIds;
-      $[6] = textSearchEnabled;
-      $[7] = onTextSearchClick;
+      $[6] = onTextSearchClick;
+      $[7] = textSearchEnabled;
     } else {
-      textSearchEnabled = $[6];
-      onTextSearchClick = $[7];
+      onTextSearchClick = $[6];
+      textSearchEnabled = $[7];
     }
+    const shouldAutoInitialise = Boolean(initialSearchString) && textSearchEnabled && !textSearchInitialised && Boolean(onTextSearchClick);
     let t1;
-    if ($[28] !== onTextSearchClick || $[29] !== textSearchEnabled || $[30] !== textSearchInitialised || $[31] !== textSearchLoading) {
-      t1 = {
+    if ($[8] !== onTextSearchClick || $[9] !== shouldAutoInitialise) {
+      t1 = () => {
+        if (autoInitialisedRef.current || !shouldAutoInitialise) {
+          return;
+        }
+        autoInitialisedRef.current = true;
+        onTextSearchClick?.();
+      };
+      $[8] = onTextSearchClick;
+      $[9] = shouldAutoInitialise;
+      $[10] = t1;
+    } else {
+      t1 = $[10];
+    }
+    let t2;
+    if ($[11] !== shouldAutoInitialise) {
+      t2 = [shouldAutoInitialise];
+      $[11] = shouldAutoInitialise;
+      $[12] = t2;
+    } else {
+      t2 = $[12];
+    }
+    React.useEffect(t1, t2);
+    let t3;
+    if ($[13] !== onTextSearchClick || $[14] !== textSearchEnabled || $[15] !== textSearchInitialised || $[16] !== textSearchLoading) {
+      t3 = {
         textSearchLoading,
         textSearchInitialised,
         onTextSearchClick,
         textSearchEnabled
       };
-      $[28] = onTextSearchClick;
-      $[29] = textSearchEnabled;
-      $[30] = textSearchInitialised;
-      $[31] = textSearchLoading;
-      $[32] = t1;
+      $[13] = onTextSearchClick;
+      $[14] = textSearchEnabled;
+      $[15] = textSearchInitialised;
+      $[16] = textSearchLoading;
+      $[17] = t3;
     } else {
-      t1 = $[32];
+      t3 = $[17];
     }
-    return t1;
+    return t3;
   }
   function _temp$k(p_0) {
     return Boolean(p_0.collectionView?.onTextSearchClick);
@@ -20555,6 +20766,7 @@
     multiselect,
     collection,
     path: pathInput,
+    pathSegments,
     selectedEntityIds: selectedEntityIdsProp,
     description,
     forceFilter,
@@ -20597,6 +20809,7 @@
       if (selectedEntityIds && collection) {
         Promise.all(selectedEntityIds.map((entityId) => dataSource.fetchEntity({
           path: fullPath,
+          pathSegments,
           entityId,
           collection
         }))).then((entities) => {
@@ -24195,6 +24408,7 @@
   const DEFAULT_PAGE_SIZE = 20;
   function useBoardDataController({
     fullPath,
+    pathSegments,
     collection,
     columnProperty,
     columns,
@@ -24207,6 +24421,7 @@
     const dataSource = useDataSource();
     const navigation = useNavigationController();
     const resolvedPath = React.useMemo(() => navigation.resolveIdsFrom(fullPath), [fullPath, navigation.resolveIdsFrom]);
+    const resolvedPathSegments = pathSegments;
     const dataSourceRef = React.useRef(dataSource);
     const collectionRef = React.useRef(collection);
     const contextRef = React.useRef(context);
@@ -24218,11 +24433,13 @@
     const orderPropertyRef = React.useRef(orderProperty);
     const searchStringRef = React.useRef(searchString);
     const resolvedPathRef = React.useRef(resolvedPath);
+    const resolvedPathSegmentsRef = React.useRef(resolvedPathSegments);
     filterValuesRef.current = filterValues;
     columnPropertyRef.current = columnProperty;
     orderPropertyRef.current = orderProperty;
     searchStringRef.current = searchString;
     resolvedPathRef.current = resolvedPath;
+    resolvedPathSegmentsRef.current = resolvedPathSegments;
     const [columnItemCounts, setColumnItemCounts] = React.useState(() => {
       const initial = {};
       columns.forEach((col) => {
@@ -24269,6 +24486,7 @@
       const currentOrderProperty = orderPropertyRef.current;
       const currentSearchString = searchStringRef.current;
       const currentResolvedPath = resolvedPathRef.current;
+      const currentPathSegments = resolvedPathSegmentsRef.current;
       const columnFilter = {
         ...currentFilterValues,
         [currentColumnProperty]: ["==", column]
@@ -24325,6 +24543,7 @@
       if (currentDataSource.listenCollection) {
         const unsubscribe = currentDataSource.listenCollection({
           path: currentResolvedPath,
+          pathSegments: currentPathSegments,
           collection: currentCollection,
           onUpdate,
           onError,
@@ -24339,6 +24558,7 @@
       } else {
         currentDataSource.fetchCollection({
           path: currentResolvedPath,
+          pathSegments: currentPathSegments,
           collection: currentCollection,
           searchString: currentSearchString,
           filter: columnFilter,
@@ -24367,6 +24587,7 @@
       const currentColumnProperty = columnPropertyRef.current;
       const currentSearchString = searchStringRef.current;
       const currentResolvedPath = resolvedPathRef.current;
+      const currentPathSegments = resolvedPathSegmentsRef.current;
       const currentColumns = columns;
       const currentColumnItemCounts = columnItemCounts;
       const timeoutId = setTimeout(() => {
@@ -24381,6 +24602,7 @@
             };
             currentDataSource.countEntities({
               path: currentResolvedPath,
+              pathSegments: currentPathSegments,
               collection: currentCollection,
               filter: columnFilter,
               searchString: currentSearchString
@@ -24625,6 +24847,7 @@
     collection,
     tableController,
     fullPath,
+    pathSegments,
     parentCollectionIds = [],
     columnProperty,
     onEntityClick,
@@ -24718,6 +24941,7 @@
     const columns = localColumnsOrder;
     const boardDataController = useBoardDataController({
       fullPath,
+      pathSegments,
       collection,
       columnProperty,
       columns,
@@ -25263,7 +25487,7 @@
     return t0;
   }
   function PopupFormFieldLoading(t0) {
-    const $ = reactCompilerRuntime.c(21);
+    const $ = reactCompilerRuntime.c(22);
     const {
       tableKey,
       entityId,
@@ -25271,6 +25495,7 @@
       propertyKey,
       collection: inputCollection,
       path,
+      pathSegments,
       cellRect,
       open,
       onClose,
@@ -25281,33 +25506,35 @@
     const [entity, setEntity] = React.useState(void 0);
     let t1;
     let t2;
-    if ($[0] !== dataSource || $[1] !== entityId || $[2] !== inputCollection || $[3] !== path) {
+    if ($[0] !== dataSource || $[1] !== entityId || $[2] !== inputCollection || $[3] !== path || $[4] !== pathSegments) {
       t1 = () => {
         if (entityId && inputCollection) {
           dataSource.fetchEntity({
             path,
+            pathSegments,
             entityId,
             collection: inputCollection
           }).then(setEntity);
         }
       };
-      t2 = [entityId, inputCollection, dataSource, path];
+      t2 = [entityId, inputCollection, dataSource, path, pathSegments];
       $[0] = dataSource;
       $[1] = entityId;
       $[2] = inputCollection;
       $[3] = path;
-      $[4] = t1;
-      $[5] = t2;
+      $[4] = pathSegments;
+      $[5] = t1;
+      $[6] = t2;
     } else {
-      t1 = $[4];
-      t2 = $[5];
+      t1 = $[5];
+      t2 = $[6];
     }
     React.useEffect(t1, t2);
     if (!entity) {
       return null;
     }
     let t3;
-    if ($[6] !== cellRect || $[7] !== container || $[8] !== customFieldValidator || $[9] !== entityId || $[10] !== inputCollection || $[11] !== onCellValueChange || $[12] !== onClose || $[13] !== open || $[14] !== path || $[15] !== propertyKey || $[16] !== tableKey) {
+    if ($[7] !== cellRect || $[8] !== container || $[9] !== customFieldValidator || $[10] !== entityId || $[11] !== inputCollection || $[12] !== onCellValueChange || $[13] !== onClose || $[14] !== open || $[15] !== path || $[16] !== propertyKey || $[17] !== tableKey) {
       t3 = {
         tableKey,
         entityId,
@@ -25321,29 +25548,29 @@
         onCellValueChange,
         container
       };
-      $[6] = cellRect;
-      $[7] = container;
-      $[8] = customFieldValidator;
-      $[9] = entityId;
-      $[10] = inputCollection;
-      $[11] = onCellValueChange;
-      $[12] = onClose;
-      $[13] = open;
-      $[14] = path;
-      $[15] = propertyKey;
-      $[16] = tableKey;
-      $[17] = t3;
+      $[7] = cellRect;
+      $[8] = container;
+      $[9] = customFieldValidator;
+      $[10] = entityId;
+      $[11] = inputCollection;
+      $[12] = onCellValueChange;
+      $[13] = onClose;
+      $[14] = open;
+      $[15] = path;
+      $[16] = propertyKey;
+      $[17] = tableKey;
+      $[18] = t3;
     } else {
-      t3 = $[17];
+      t3 = $[18];
     }
     let t4;
-    if ($[18] !== entity || $[19] !== t3) {
+    if ($[19] !== entity || $[20] !== t3) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(PopupFormFieldInternal, { ...t3, entity });
-      $[18] = entity;
-      $[19] = t3;
-      $[20] = t4;
+      $[19] = entity;
+      $[20] = t3;
+      $[21] = t4;
     } else {
-      t4 = $[20];
+      t4 = $[21];
     }
     return t4;
   }
@@ -25915,6 +26142,7 @@
   const EntityCollectionView$1 = React.memo(function EntityCollectionView2({
     fullPath: fullPathProp,
     fullIdPath,
+    pathSegments,
     parentCollectionIds,
     isSubCollection,
     className,
@@ -26037,6 +26265,7 @@
     } = usedSelectionController;
     const tableController = useDataSourceTableController({
       fullPath,
+      pathSegments,
       collection,
       lastDeleteTimestamp,
       scrollRestoration,
@@ -26078,6 +26307,7 @@
         collection: collection_2,
         entityId: void 0,
         path: fullPath,
+        pathSegments,
         fullIdPath,
         sideEntityController,
         navigation,
@@ -26136,6 +26366,7 @@
     const onViewModeChange = React.useCallback((mode) => {
       analyticsController.onAnalyticsEvent?.("view_mode_changed", {
         path: fullPath,
+        pathSegments,
         from: viewMode,
         to: mode
       });
@@ -26250,6 +26481,7 @@
     const onKanbanPropertyChange = React.useCallback((property_1) => {
       analyticsController.onAnalyticsEvent?.("kanban_property_changed", {
         path: fullPath,
+        pathSegments,
         property: property_1
       });
       setSelectedKanbanProperty(property_1);
@@ -26304,6 +26536,7 @@
               entityId: entity_3.id,
               selectedTab: subcollection.id ?? subcollection.path,
               path: fullPath,
+              pathSegments,
               fullIdPath,
               navigation,
               sideEntityController
@@ -26377,7 +26610,7 @@
         breadcrumbs.updateCount(fullPath, docsCount);
       }
     }, [docsCount, fullPath, breadcrumbs.updateCount]);
-    const countFetcher = /* @__PURE__ */ jsxRuntime.jsx(EntitiesCount, { fullPath, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
+    const countFetcher = /* @__PURE__ */ jsxRuntime.jsx(EntitiesCount, { fullPath, pathSegments, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
     const buildAdditionalHeaderWidget = React.useCallback(({
       property: property_2,
       propertyKey: propertyKey_1,
@@ -26402,7 +26635,11 @@
     } = useTableSearchHelper({
       collection,
       fullPath: resolvedFullPath,
-      parentCollectionIds
+      parentCollectionIds,
+      // When the search term comes from the URL instead of the search bar, text search
+      // has never been initialised for this collection. Initialise it so the search bar
+      // is usable (editable and clearable) right away.
+      initialSearchString: tableController.searchString
     });
     const [viewModePopoverOpen, setViewModePopoverOpen] = React.useState(false);
     const viewModeToggleElement = /* @__PURE__ */ jsxRuntime.jsx(ViewModeToggle, { viewMode, onViewModeChange, enabledViews, size: viewMode === "table" ? tableSize : viewMode === "cards" ? cardSize : void 0, onSizeChanged: viewMode === "table" ? onTableSizeChanged : viewMode === "cards" ? setCardSize : void 0, open: viewModePopoverOpen, onOpenChange: setViewModePopoverOpen, kanbanPropertyOptions, selectedKanbanProperty, onKanbanPropertyChange });
@@ -26419,8 +26656,8 @@
     }, [tableController.dataLoadingError, customizationController.plugins, fullPath, collection, parentCollectionIds]);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("overflow-hidden h-full w-full rounded-md flex flex-col", className), ref: containerRef, children: [
       countFetcher,
-      /* @__PURE__ */ jsxRuntime.jsx(CollectionTableToolbar, { loading: tableController.dataLoading, onTextSearch: textSearchEnabled && textSearchInitialised ? tableController.setSearchString : void 0, onTextSearchClick: textSearchEnabled && !textSearchInitialised ? onTextSearchClick : void 0, textSearchLoading, viewModeToggle: viewModeToggleElement, actionsStart: /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionViewStartActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, collectionEntitiesCount: docsCount, resolvedProperties: resolvedCollection.properties }), actions: /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionViewActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, onMultipleDeleteClick, onNewClick, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, selectionEnabled, collectionEntitiesCount: docsCount }) }),
-      tableController.dataLoadingError ? pluginErrorView ?? /* @__PURE__ */ jsxRuntime.jsx(CollectionDataErrorBanner, { error: tableController.dataLoadingError }) : viewMode === "kanban" && enabledViews.includes("kanban") ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionBoardView, { collection, tableController, fullPath, parentCollectionIds, columnProperty: selectedKanbanProperty, onEntityClick, selectionController: usedSelectionController, selectionEnabled, highlightedEntities: highlightedEntity ? [highlightedEntity] : [], deletedEntities, emptyComponent: canCreateEntities && tableController.filterValues === void 0 && tableController.sortBy === void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CollectionTableToolbar, { loading: tableController.dataLoading, onTextSearch: textSearchEnabled && textSearchInitialised ? tableController.setSearchString : void 0, onTextSearchClick: textSearchEnabled && !textSearchInitialised ? onTextSearchClick : void 0, initialSearchString: tableController.searchString, textSearchLoading, viewModeToggle: viewModeToggleElement, actionsStart: /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionViewStartActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, collectionEntitiesCount: docsCount, resolvedProperties: resolvedCollection.properties }), actions: /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionViewActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, onMultipleDeleteClick, onNewClick, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, selectionEnabled, collectionEntitiesCount: docsCount }) }),
+      tableController.dataLoadingError ? pluginErrorView ?? /* @__PURE__ */ jsxRuntime.jsx(CollectionDataErrorBanner, { error: tableController.dataLoadingError }) : viewMode === "kanban" && enabledViews.includes("kanban") ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionBoardView, { collection, tableController, fullPath, pathSegments, parentCollectionIds, columnProperty: selectedKanbanProperty, onEntityClick, selectionController: usedSelectionController, selectionEnabled, highlightedEntities: highlightedEntity ? [highlightedEntity] : [], deletedEntities, emptyComponent: canCreateEntities && tableController.filterValues === void 0 && tableController.sortBy === void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: t("so_empty") }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: onNewClick, className: "mt-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}),
@@ -26457,7 +26694,7 @@
           });
         }
       } }, `collection_table_${fullPath}`),
-      popupCell && /* @__PURE__ */ jsxRuntime.jsx(PopupFormField, { open: Boolean(popupCell), onClose: onPopupClose, cellRect: popupCell?.cellRect, propertyKey: popupCell?.propertyKey, collection, entityId: popupCell.entityId, tableKey: tableKey.current, customFieldValidator: uniqueFieldValidator, path: resolvedFullPath, onCellValueChange: onValueChange, container: containerRef.current }, `popup_form_${popupCell?.propertyKey}_${popupCell?.entityId}`),
+      popupCell && /* @__PURE__ */ jsxRuntime.jsx(PopupFormField, { pathSegments, open: Boolean(popupCell), onClose: onPopupClose, cellRect: popupCell?.cellRect, propertyKey: popupCell?.propertyKey, collection, entityId: popupCell.entityId, tableKey: tableKey.current, customFieldValidator: uniqueFieldValidator, path: resolvedFullPath, onCellValueChange: onValueChange, container: containerRef.current }, `popup_form_${popupCell?.propertyKey}_${popupCell?.entityId}`),
       deleteEntityClicked && /* @__PURE__ */ jsxRuntime.jsx(DeleteEntityDialog, { entityOrEntitiesToDelete: deleteEntityClicked, path: fullPath, collection, callbacks: collection.callbacks, open: Boolean(deleteEntityClicked), onEntityDelete: internalOnEntityDelete, onMultipleEntitiesDelete: internalOnMultipleEntitiesDelete, onClose: () => setDeleteEntityClicked(void 0) })
     ] });
   }, (a, b) => {
@@ -26468,7 +26705,8 @@
     collection,
     filter,
     sortBy,
-    onCountChange
+    onCountChange,
+    pathSegments
   }) {
     const dataSource = useDataSource();
     const navigation = useNavigationController();
@@ -26477,15 +26715,17 @@
     const sortByProperty = sortBy ? sortBy[0] : void 0;
     const currentSort = sortBy ? sortBy[1] : void 0;
     const resolvedPath = React.useMemo(() => navigation.resolveIdsFrom(fullPath), [fullPath, navigation.resolveIdsFrom]);
+    const resolvedPathSegments = pathSegments;
     React.useEffect(() => {
       if (dataSource.countEntities) dataSource.countEntities({
         path: resolvedPath,
+        pathSegments: resolvedPathSegments,
         collection,
         filter,
         orderBy: sortByProperty,
         order: currentSort
       }).then(setCount).catch(setError);
-    }, [fullPath, dataSource.countEntities, resolvedPath, collection, filter, sortByProperty, currentSort]);
+    }, [fullPath, dataSource.countEntities, resolvedPath, resolvedPathSegments, collection, filter, sortByProperty, currentSort]);
     React.useEffect(() => {
       if (onCountChange && count !== void 0) {
         setError(void 0);
@@ -28273,7 +28513,8 @@
     const {
       path,
       collections = [],
-      currentFullPath
+      currentFullPath,
+      currentPathSegments = []
     } = props;
     const subpaths = removeInitialAndTrailingSlashes(path).split("/");
     const subpathCombinations = getCollectionPathsCombinations(subpaths);
@@ -28283,12 +28524,14 @@
       const collection = collections && collections.find((entry) => entry.id === subpathCombination || entry.path === subpathCombination);
       if (collection) {
         const collectionPath = currentFullPath && currentFullPath.length > 0 ? currentFullPath + "/" + collection.path : collection.path;
+        const collectionSegments = [...currentPathSegments, ...collection.path.split("/")];
         const restOfThePath = removeInitialAndTrailingSlashes(removeInitialAndTrailingSlashes(path).replace(subpathCombination, ""));
         const nextSegments = restOfThePath.length > 0 ? restOfThePath.split("/") : [];
         if (nextSegments.length > 0) {
           const entityId = decodeEntityId(nextSegments[0]);
           const fullPath = collectionPath + "/" + entityId;
-          result.push(new EntityReference(entityId, collectionPath));
+          const entitySegments = [...collectionSegments, entityId];
+          result.push(new EntityReference(entityId, collectionPath, void 0, collectionSegments));
           if (nextSegments.length > 1) {
             const newPath = nextSegments.slice(1).join("/");
             if (!collection) {
@@ -28298,7 +28541,8 @@
               result.push(...getParentReferencesFromPath({
                 path: newPath,
                 collections: collection.subcollections,
-                currentFullPath: fullPath
+                currentFullPath: fullPath,
+                currentPathSegments: entitySegments
               }));
             }
           }
@@ -29082,6 +29326,7 @@
         const delegateUser = authController.user;
         if (authenticator instanceof Function && delegateUser && !equal(checkedUserRef.current?.uid, delegateUser.uid)) {
           setAuthLoading(true);
+          setNotAllowedError(false);
           try {
             const allowed = await authenticator({
               user: delegateUser,
@@ -29361,6 +29606,7 @@
       path,
       entityId,
       fullIdPath,
+      pathSegments,
       formProps
     } = props;
     const {
@@ -29428,7 +29674,7 @@
     if (!props || !collection) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full" });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(EntityEditView$1, { ...props, fullIdPath, layout: "side_panel", collection, parentCollectionIds, onValuesModified, onSaved: onUpdate, barActions: ({
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(EntityEditView$1, { ...props, fullIdPath, pathSegments, layout: "side_panel", collection, parentCollectionIds, onValuesModified, onSaved: onUpdate, barActions: ({
       status,
       values
     }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -29934,6 +30180,7 @@
       dataLoadingError
     } = useEntityFetch({
       path: props.path,
+      pathSegments: props.pathSegments,
       entityId,
       collection: props.collection,
       databaseId: props.databaseId,
@@ -29961,6 +30208,7 @@
   function EntityEditViewInner({
     path,
     fullIdPath,
+    pathSegments,
     entityId,
     selectedTab: selectedTabProp,
     collection,
@@ -30094,10 +30342,11 @@
       const subcollectionId = subcollection.id ?? subcollection.path;
       const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollection.path)}` : void 0;
       const newFullIdPath = fullIdPath && usedEntity ? `${fullIdPath}/${encodeEntityId(usedEntity.id)}/${removeInitialAndTrailingSlashes(subcollectionId)}` : void 0;
+      const newPathSegments = usedEntity && pathSegments ? [...pathSegments, usedEntity.id, ...removeInitialAndTrailingSlashes(subcollection.path).split("/")] : void 0;
       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, 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, openEntityMode: layout }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: t("youd_need_to_save_before_additional_collections") }) }))
       ] }, `subcol_${subcollectionId}`);
     }).filter(Boolean);
     const onSideTabClick = (value_0) => {
@@ -30116,7 +30365,7 @@
       /* @__PURE__ */ jsxRuntime.jsx(EntityView, { className: "px-8 h-full overflow-auto", entity, path, collection }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-16" })
     ] }) }) : null;
-    const entityView = /* @__PURE__ */ jsxRuntime.jsx(EntityForm, { fullIdPath, collection, path, entityId: entityId ?? usedEntity?.id, onValuesModified, entity, initialDirtyValues, openEntityMode: layout, forceActionsAtTheBottom: actionsAtTheBottom, initialStatus: status, className: ui.cls((!mainViewVisible || !canEdit) && !selectedSecondaryForm ? "hidden" : "", formProps?.className), EntityFormActionsComponent: EntityEditViewFormActions, disabled: !canEdit, ...formProps, onEntityChange: (entity_0) => {
+    const entityView = /* @__PURE__ */ jsxRuntime.jsx(EntityForm, { fullIdPath, collection, path, pathSegments, entityId: entityId ?? usedEntity?.id, onValuesModified, entity, initialDirtyValues, openEntityMode: layout, forceActionsAtTheBottom: actionsAtTheBottom, initialStatus: status, className: ui.cls((!mainViewVisible || !canEdit) && !selectedSecondaryForm ? "hidden" : "", formProps?.className), EntityFormActionsComponent: EntityEditViewFormActions, disabled: !canEdit, ...formProps, onEntityChange: (entity_0) => {
       setUsedEntity(entity_0);
       formProps?.onEntityChange?.(entity_0);
     }, onStatusChange: (status_0) => {
@@ -30346,17 +30595,20 @@
     let sidePanel = void 0;
     let lastCollectionPath = "";
     let lastCollectionId = void 0;
+    let lastCollectionSegments = void 0;
     for (let i = 0; i < navigationViewsForPath.length; i++) {
       const navigationEntry = navigationViewsForPath[i];
       if (navigationEntry.type === "collection") {
         lastCollectionPath = navigationEntry.path;
         lastCollectionId = navigationEntry.collection.id;
+        lastCollectionSegments = navigationEntry.pathSegments;
       }
       const previousEntry = navigationViewsForPath[i - 1];
       if (navigationEntry.type === "entity") {
         sidePanel = {
           path: navigationEntry.path,
           fullIdPath: navigationEntry.fullIdPath,
+          pathSegments: navigationEntry.pathSegments,
           entityId: navigationEntry.entityId,
           copy: false,
           width: navigationEntry.parentCollection?.sideDialogWidth
@@ -30375,6 +30627,9 @@
       sidePanel = {
         path: lastCollectionPath,
         fullIdPath: lastCollectionId,
+        // A new entity still needs unambiguous segments: it may be created inside a
+        // subcollection whose parent id contains "/".
+        pathSegments: lastCollectionSegments,
         copy: false
       };
     }
@@ -30611,6 +30866,7 @@
        */
       fetchCollection: React.useCallback(({
         path,
+        pathSegments,
         collection,
         filter,
         limit,
@@ -30622,6 +30878,7 @@
         const usedDelegate = collection?.overrides?.dataSourceDelegate ?? delegate;
         return usedDelegate.fetchCollection({
           path,
+          pathSegments,
           filter,
           limit,
           startAfter,
@@ -30649,6 +30906,7 @@
        */
       listenCollection: delegate.listenCollection ? React.useCallback(({
         path: path_0,
+        pathSegments: pathSegments_0,
         collection: collectionProp,
         filter: filter_0,
         limit: limit_0,
@@ -30664,6 +30922,7 @@
         if (!usedDelegate_0.listenCollection) throw Error("useBuildDataSource delegate not initialised");
         return usedDelegate_0.listenCollection({
           path: path_0,
+          pathSegments: pathSegments_0,
           filter: filter_0,
           limit: limit_0,
           startAfter: startAfter_0,
@@ -30684,12 +30943,14 @@
        */
       fetchEntity: React.useCallback(({
         path: path_1,
+        pathSegments: pathSegments_1,
         entityId,
         collection: collection_1
       }) => {
         const usedDelegate_1 = collection_1?.overrides?.dataSourceDelegate ?? delegate;
         return usedDelegate_1.fetchEntity({
           path: path_1,
+          pathSegments: pathSegments_1,
           entityId,
           collection: collection_1
         });
@@ -30706,6 +30967,7 @@
        */
       listenEntity: delegate.listenEntity ? React.useCallback(({
         path: path_2,
+        pathSegments: pathSegments_2,
         entityId: entityId_0,
         collection: collection_2,
         onUpdate: onUpdate_0,
@@ -30715,6 +30977,7 @@
         if (!usedDelegate_2.listenEntity) throw Error("useBuildDataSource delegate not initialised");
         return usedDelegate_2.listenEntity({
           path: path_2,
+          pathSegments: pathSegments_2,
           entityId: entityId_0,
           onUpdate: onUpdate_0,
           onError: onError_0,
@@ -30734,6 +30997,7 @@
        */
       saveEntity: React.useCallback(async ({
         path: path_3,
+        pathSegments: pathSegments_3,
         entityId: entityId_1,
         values,
         collection: collectionProp_0,
@@ -30766,6 +31030,7 @@
               try {
                 const entities = await usedDelegate_3.fetchCollection({
                   path: path_3,
+                  pathSegments: pathSegments_3,
                   orderBy: orderProperty,
                   order: "asc",
                   limit: 1,
@@ -30788,6 +31053,7 @@
         }
         return usedDelegate_3.saveEntity({
           path: path_3,
+          pathSegments: pathSegments_3,
           collection: collection_3,
           entityId: entityId_1,
           values: finalValues,
@@ -30808,11 +31074,14 @@
        */
       deleteEntity: React.useCallback(({
         entity,
+        pathSegments: pathSegments_4,
         collection: collection_4
       }) => {
         const usedDelegate_4 = collection_4?.overrides?.dataSourceDelegate ?? delegate;
         return usedDelegate_4.deleteEntity({
           entity,
+          // Falls back to what the entity carries from the fetch that produced it.
+          pathSegments: pathSegments_4 ?? entity.pathSegments,
           collection: collection_4
         });
       }, [delegate.deleteEntity]),
@@ -30826,16 +31095,17 @@
        * @return `true` if there are no other fields besides the given entity
        * @group Firestore
        */
-      checkUniqueField: React.useCallback((path_4, name, value, entityId_2, collection_5) => {
+      checkUniqueField: React.useCallback((path_4, name, value, entityId_2, collection_5, pathSegments_5) => {
         const usedDelegate_5 = collection_5?.overrides?.dataSourceDelegate ?? delegate;
-        return usedDelegate_5.checkUniqueField(path_4, name, value, entityId_2, collection_5);
+        return usedDelegate_5.checkUniqueField(path_4, name, value, entityId_2, collection_5, pathSegments_5);
       }, [delegate.checkUniqueField]),
-      generateEntityId: React.useCallback((path_5, collection_6) => {
+      generateEntityId: React.useCallback((path_5, collection_6, pathSegments_6) => {
         const usedDelegate_6 = collection_6?.overrides?.dataSourceDelegate ?? delegate;
-        return usedDelegate_6.generateEntityId(path_5, collection_6);
+        return usedDelegate_6.generateEntityId(path_5, collection_6, pathSegments_6);
       }, [delegate.generateEntityId]),
       countEntities: delegate.countEntities ? async ({
         path: path_6,
+        pathSegments: pathSegments_7,
         collection: collection_7,
         filter: filter_1,
         order: order_1,
@@ -30844,6 +31114,7 @@
         const usedDelegate_7 = collection_7?.overrides?.dataSourceDelegate ?? delegate;
         return usedDelegate_7.countEntities({
           path: path_6,
+          pathSegments: pathSegments_7,
           filter: filter_1,
           orderBy: orderBy_1,
           order: order_1,
@@ -30852,6 +31123,7 @@
       } : void 0,
       isFilterCombinationValid: React.useCallback(({
         path: path_7,
+        pathSegments: pathSegments_8,
         databaseId,
         filterValues,
         sortBy
@@ -30859,6 +31131,7 @@
         if (!delegate.isFilterCombinationValid) return true;
         return delegate.isFilterCombinationValid({
           path: path_7,
+          pathSegments: pathSegments_8,
           databaseId,
           filterValues,
           sortBy
@@ -32221,7 +32494,7 @@
   const EntityEditView = lazyEager(() => Promise.resolve().then(() => EntityEditView$2), "EntityEditView");
   const EntityCollectionView = lazyEager(() => Promise.resolve().then(() => EntityCollectionView$2), "EntityCollectionView");
   function FireCMSRoute() {
-    const $ = reactCompilerRuntime.c(82);
+    const $ = reactCompilerRuntime.c(87);
     const location = reactRouter.useLocation();
     const navigation = useNavigationController();
     const breadcrumbs = useBreadcrumbsController();
@@ -32345,12 +32618,13 @@
       let t13;
       let t14;
       let t15;
+      let t16;
       let t62;
       let t7;
       let t8;
       let t9;
-      if ($[18] !== navigation || $[19] !== navigationEntries[0].id || $[20] !== navigationEntries[0].path) {
-        t15 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      if ($[18] !== navigation || $[19] !== navigationEntries[0].id || $[20] !== navigationEntries[0].path || $[21] !== navigationEntries[0].pathSegments) {
+        t16 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
         bb0: {
           let collection;
           collection = navigation.getCollectionById(navigationEntries[0].id);
@@ -32358,85 +32632,90 @@
             collection = navigation.getCollection(navigationEntries[0].path);
           }
           if (!collection) {
-            t15 = null;
+            t16 = null;
             break bb0;
           }
           T1 = React.Suspense;
-          t14 = null;
+          t15 = null;
           T0 = EntityCollectionView;
           t62 = `collection_view_${collection.id ?? collection.path}`;
           t7 = false;
-          if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+          if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
             t8 = [];
-            $[33] = t8;
+            $[35] = t8;
           } else {
-            t8 = $[33];
+            t8 = $[35];
           }
           t9 = collection.path;
-          t10 = collection.id;
-          t11 = true;
-          t12 = collection;
-          t13 = toArray(collection.Actions);
+          t10 = navigationEntries[0].pathSegments;
+          t11 = collection.id;
+          t12 = true;
+          t13 = collection;
+          t14 = toArray(collection.Actions);
         }
         $[18] = navigation;
         $[19] = navigationEntries[0].id;
         $[20] = navigationEntries[0].path;
-        $[21] = T0;
-        $[22] = T1;
-        $[23] = t10;
-        $[24] = t11;
-        $[25] = t12;
-        $[26] = t13;
-        $[27] = t14;
-        $[28] = t15;
-        $[29] = t62;
-        $[30] = t7;
-        $[31] = t8;
-        $[32] = t9;
+        $[21] = navigationEntries[0].pathSegments;
+        $[22] = T0;
+        $[23] = T1;
+        $[24] = t10;
+        $[25] = t11;
+        $[26] = t12;
+        $[27] = t13;
+        $[28] = t14;
+        $[29] = t15;
+        $[30] = t16;
+        $[31] = t62;
+        $[32] = t7;
+        $[33] = t8;
+        $[34] = t9;
       } else {
-        T0 = $[21];
-        T1 = $[22];
-        t10 = $[23];
-        t11 = $[24];
-        t12 = $[25];
-        t13 = $[26];
-        t14 = $[27];
-        t15 = $[28];
-        t62 = $[29];
-        t7 = $[30];
-        t8 = $[31];
-        t9 = $[32];
-      }
-      if (t15 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-        return t15;
+        T0 = $[22];
+        T1 = $[23];
+        t10 = $[24];
+        t11 = $[25];
+        t12 = $[26];
+        t13 = $[27];
+        t14 = $[28];
+        t15 = $[29];
+        t16 = $[30];
+        t62 = $[31];
+        t7 = $[32];
+        t8 = $[33];
+        t9 = $[34];
       }
-      let t16;
-      if ($[34] !== T0 || $[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t62 || $[40] !== t7 || $[41] !== t8 || $[42] !== t9) {
-        t16 = /* @__PURE__ */ jsxRuntime.jsx(T0, { isSubCollection: t7, parentCollectionIds: t8, fullPath: t9, fullIdPath: t10, updateUrl: t11, ...t12, Actions: t13 }, t62);
-        $[34] = T0;
-        $[35] = t10;
-        $[36] = t11;
-        $[37] = t12;
-        $[38] = t13;
-        $[39] = t62;
-        $[40] = t7;
-        $[41] = t8;
-        $[42] = t9;
-        $[43] = t16;
-      } else {
-        t16 = $[43];
+      if (t16 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+        return t16;
       }
       let t17;
-      if ($[44] !== T1 || $[45] !== t14 || $[46] !== t16) {
-        t17 = /* @__PURE__ */ jsxRuntime.jsx(T1, { fallback: t14, children: t16 });
-        $[44] = T1;
-        $[45] = t14;
-        $[46] = t16;
-        $[47] = t17;
+      if ($[36] !== T0 || $[37] !== t10 || $[38] !== t11 || $[39] !== t12 || $[40] !== t13 || $[41] !== t14 || $[42] !== t62 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
+        t17 = /* @__PURE__ */ jsxRuntime.jsx(T0, { isSubCollection: t7, parentCollectionIds: t8, fullPath: t9, pathSegments: t10, fullIdPath: t11, updateUrl: t12, ...t13, Actions: t14 }, t62);
+        $[36] = T0;
+        $[37] = t10;
+        $[38] = t11;
+        $[39] = t12;
+        $[40] = t13;
+        $[41] = t14;
+        $[42] = t62;
+        $[43] = t7;
+        $[44] = t8;
+        $[45] = t9;
+        $[46] = t17;
+      } else {
+        t17 = $[46];
+      }
+      let t18;
+      if ($[47] !== T1 || $[48] !== t15 || $[49] !== t17) {
+        t18 = /* @__PURE__ */ jsxRuntime.jsx(T1, { fallback: t15, children: t17 });
+        $[47] = T1;
+        $[48] = t15;
+        $[49] = t17;
+        $[50] = t18;
       } else {
-        t17 = $[47];
+        t18 = $[50];
       }
-      return t17;
+      return t18;
     }
     if (isSidePanel) {
       const lastCollectionEntry = navigationEntries.findLast(_temp2$2);
@@ -32449,12 +32728,13 @@
         let t13;
         let t14;
         let t15;
+        let t16;
         let t62;
         let t7;
         let t8;
         let t9;
-        if ($[48] !== navigation || $[49] !== navigationEntries[0]) {
-          t15 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+        if ($[51] !== navigation || $[52] !== navigationEntries[0]) {
+          t16 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
           bb1: {
             let collection_0;
             const firstEntry = navigationEntries[0];
@@ -32463,96 +32743,100 @@
               collection_0 = navigation.getCollection(firstEntry.path);
             }
             if (!collection_0) {
-              t15 = null;
+              t16 = null;
               break bb1;
             }
             T1 = React.Suspense;
-            t14 = null;
+            t15 = null;
             T0 = EntityCollectionView;
             t62 = `collection_view_${collection_0.id ?? collection_0.path}`;
             t7 = collection_0.id;
             t8 = false;
-            if ($[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+            if ($[66] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
               t9 = [];
-              $[62] = t9;
+              $[66] = t9;
             } else {
-              t9 = $[62];
+              t9 = $[66];
             }
             t10 = collection_0.path;
-            t11 = true;
-            t12 = collection_0;
-            t13 = toArray(collection_0.Actions);
+            t11 = firstEntry.pathSegments;
+            t12 = true;
+            t13 = collection_0;
+            t14 = toArray(collection_0.Actions);
           }
-          $[48] = navigation;
-          $[49] = navigationEntries[0];
-          $[50] = T0;
-          $[51] = T1;
-          $[52] = t10;
-          $[53] = t11;
-          $[54] = t12;
-          $[55] = t13;
-          $[56] = t14;
-          $[57] = t15;
-          $[58] = t62;
-          $[59] = t7;
-          $[60] = t8;
-          $[61] = t9;
+          $[51] = navigation;
+          $[52] = navigationEntries[0];
+          $[53] = T0;
+          $[54] = T1;
+          $[55] = t10;
+          $[56] = t11;
+          $[57] = t12;
+          $[58] = t13;
+          $[59] = t14;
+          $[60] = t15;
+          $[61] = t16;
+          $[62] = t62;
+          $[63] = t7;
+          $[64] = t8;
+          $[65] = t9;
         } else {
-          T0 = $[50];
-          T1 = $[51];
-          t10 = $[52];
-          t11 = $[53];
-          t12 = $[54];
-          t13 = $[55];
-          t14 = $[56];
-          t15 = $[57];
-          t62 = $[58];
-          t7 = $[59];
-          t8 = $[60];
-          t9 = $[61];
-        }
-        if (t15 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-          return t15;
-        }
-        let t16;
-        if ($[63] !== T0 || $[64] !== t10 || $[65] !== t11 || $[66] !== t12 || $[67] !== t13 || $[68] !== t62 || $[69] !== t7 || $[70] !== t8 || $[71] !== t9) {
-          t16 = /* @__PURE__ */ jsxRuntime.jsx(T0, { fullIdPath: t7, isSubCollection: t8, parentCollectionIds: t9, fullPath: t10, updateUrl: t11, ...t12, Actions: t13 }, t62);
-          $[63] = T0;
-          $[64] = t10;
-          $[65] = t11;
-          $[66] = t12;
-          $[67] = t13;
-          $[68] = t62;
-          $[69] = t7;
-          $[70] = t8;
-          $[71] = t9;
-          $[72] = t16;
-        } else {
-          t16 = $[72];
+          T0 = $[53];
+          T1 = $[54];
+          t10 = $[55];
+          t11 = $[56];
+          t12 = $[57];
+          t13 = $[58];
+          t14 = $[59];
+          t15 = $[60];
+          t16 = $[61];
+          t62 = $[62];
+          t7 = $[63];
+          t8 = $[64];
+          t9 = $[65];
+        }
+        if (t16 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+          return t16;
         }
         let t17;
-        if ($[73] !== T1 || $[74] !== t14 || $[75] !== t16) {
-          t17 = /* @__PURE__ */ jsxRuntime.jsx(T1, { fallback: t14, children: t16 });
-          $[73] = T1;
-          $[74] = t14;
-          $[75] = t16;
-          $[76] = t17;
+        if ($[67] !== T0 || $[68] !== t10 || $[69] !== t11 || $[70] !== t12 || $[71] !== t13 || $[72] !== t14 || $[73] !== t62 || $[74] !== t7 || $[75] !== t8 || $[76] !== t9) {
+          t17 = /* @__PURE__ */ jsxRuntime.jsx(T0, { fullIdPath: t7, isSubCollection: t8, parentCollectionIds: t9, fullPath: t10, pathSegments: t11, updateUrl: t12, ...t13, Actions: t14 }, t62);
+          $[67] = T0;
+          $[68] = t10;
+          $[69] = t11;
+          $[70] = t12;
+          $[71] = t13;
+          $[72] = t14;
+          $[73] = t62;
+          $[74] = t7;
+          $[75] = t8;
+          $[76] = t9;
+          $[77] = t17;
+        } else {
+          t17 = $[77];
+        }
+        let t18;
+        if ($[78] !== T1 || $[79] !== t15 || $[80] !== t17) {
+          t18 = /* @__PURE__ */ jsxRuntime.jsx(T1, { fallback: t15, children: t17 });
+          $[78] = T1;
+          $[79] = t15;
+          $[80] = t17;
+          $[81] = t18;
         } else {
-          t17 = $[76];
+          t18 = $[81];
         }
-        return t17;
+        return t18;
       }
     }
     let t6;
-    if ($[77] !== isCopy || $[78] !== isNew || $[79] !== navigationEntries || $[80] !== pathname) {
+    if ($[82] !== isCopy || $[83] !== isNew || $[84] !== navigationEntries || $[85] !== pathname) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx(EntityFullScreenRoute, { pathname, navigationEntries, isNew, isCopy });
-      $[77] = isCopy;
-      $[78] = isNew;
-      $[79] = navigationEntries;
-      $[80] = pathname;
-      $[81] = t6;
+      $[82] = isCopy;
+      $[83] = isNew;
+      $[84] = navigationEntries;
+      $[85] = pathname;
+      $[86] = t6;
     } else {
-      t6 = $[81];
+      t6 = $[86];
     }
     return t6;
   }
@@ -32631,7 +32915,7 @@
     const fullIdPath = isNew ? lastCollectionEntry.fullPath : parentCollectionEntry?.fullPath ?? lastEntityEntry.fullPath;
     const collectionPath = navigation.resolveIdsFrom(isNew ? lastCollectionEntry.path : lastEntityEntry.path);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(EntityEditView, { entityId: isNew ? void 0 : entityId, fullIdPath, collection, layout: "full_screen", path: collectionPath, copy: isCopy, selectedTab: selectedTab ?? void 0, onValuesModified: (modified) => blocked.current = modified, onSaved: (params) => {
+      /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(EntityEditView, { entityId: isNew ? void 0 : entityId, fullIdPath, pathSegments: isNew ? lastCollectionEntry.pathSegments : lastEntityEntry.pathSegments, collection, layout: "full_screen", path: collectionPath, copy: isCopy, selectedTab: selectedTab ?? void 0, onValuesModified: (modified) => blocked.current = modified, onSaved: (params) => {
         const newEntityId = params.entityId;
         if (!newEntityId) return;
         navigate(buildEntityUrl(newEntityId, params.selectedTab), {
@@ -33611,6 +33895,7 @@
     download: "Download",
     large_number_of_documents: "This collections has a large number of documents ({{count}}).",
     include_undefined_values: "Include undefined values",
+    export_apply_filter_sort: "Only export results matching the current filter/sort",
     submit: "Submit",
     no_filterable_properties: "No filterable properties available",
     apply_filters: "Apply filters",
@@ -33798,6 +34083,10 @@
     order_property_not_found: 'Property "{{property}}" does not exist or is not a number property. Please select a valid property or clear the selection.',
     no_number_properties: "No number properties found. Add a number property to enable ordering.",
     order_property_description: "Select a number property to persist the order of items",
+    image_property: "Image Property",
+    image_property_not_found: 'Property "{{property}}" does not exist or is not an image property. Please select a valid property or clear the selection.',
+    no_image_properties: "No image properties found. Add a storage or URL image property to use as a thumbnail.",
+    image_property_description: "Select the property used as the thumbnail image in Cards and Kanban view modes. If not set, the first matching image property will be used automatically.",
     display_settings: "Display settings",
     default_row_size: "Default row size",
     side_dialog_width: "Side dialog width",
@@ -34290,6 +34579,7 @@
     download: "Descargar",
     large_number_of_documents: "Esta colección posee un gran número de documentos ({{count}}).",
     include_undefined_values: "Incluir valores omitidos (undefined)",
+    export_apply_filter_sort: "Exportar solo los resultados que coinciden con el filtro/orden actual",
     submit: "Enviar",
     no_filterable_properties: "No hay propiedades filtrables disponibles",
     apply_filters: "Aplicar filtros",
@@ -34477,6 +34767,10 @@
     order_property_not_found: 'La propiedad "{{property}}" no existe o no es una propiedad numérica. Selecciona una propiedad válida o borra la selección.',
     no_number_properties: "No se encontraron propiedades numéricas. Agrega una propiedad numérica para habilitar el ordenamiento.",
     order_property_description: "Selecciona una propiedad numérica para mantener el orden de los elementos",
+    image_property: "Propiedad de imagen",
+    image_property_not_found: 'La propiedad "{{property}}" no existe o no es una propiedad de imagen. Selecciona una propiedad válida o borra la selección.',
+    no_image_properties: "No se encontraron propiedades de imagen. Agrega una propiedad de almacenamiento o URL de imagen para usarla como miniatura.",
+    image_property_description: "Selecciona la propiedad usada como miniatura en las vistas de Tarjetas y Kanban. Si no se establece, se usará automáticamente la primera propiedad de imagen que coincida.",
     display_settings: "Configuración de visualización",
     default_row_size: "Tamaño de fila predeterminado",
     side_dialog_width: "Ancho del diálogo lateral",
@@ -34969,6 +35263,7 @@
     download: "Herunterladen",
     large_number_of_documents: "Diese Sammlung hat eine große Anzahl von Dokumenten ({{count}}).",
     include_undefined_values: "Undefinierte Werte einschließen",
+    export_apply_filter_sort: "Nur Ergebnisse exportieren, die dem aktuellen Filter/der aktuellen Sortierung entsprechen",
     submit: "Einreichen",
     no_filterable_properties: "Keine filterbaren Eigenschaften verfügbar",
     apply_filters: "Filter anwenden",
@@ -35154,6 +35449,10 @@
     order_property_not_found: 'Eigenschaft "{{property}}" existiert nicht oder ist keine Zahlen-Eigenschaft. Bitte wählen Sie eine gültige Eigenschaft oder löschen Sie die Auswahl.',
     no_number_properties: "Keine Zahlen-Eigenschaften gefunden. Fügen Sie eine Zahlen-Eigenschaft hinzu, um die Sortierung zu aktivieren.",
     order_property_description: "Wählen Sie eine Zahlen-Eigenschaft, um die Reihenfolge der Elemente beizubehalten",
+    image_property: "Bild-Eigenschaft",
+    image_property_not_found: 'Eigenschaft "{{property}}" existiert nicht oder ist keine Bild-Eigenschaft. Bitte wählen Sie eine gültige Eigenschaft oder löschen Sie die Auswahl.',
+    no_image_properties: "Keine Bild-Eigenschaften gefunden. Fügen Sie eine Speicher- oder Bild-URL-Eigenschaft hinzu, um sie als Vorschaubild zu verwenden.",
+    image_property_description: "Wählen Sie die Eigenschaft, die als Vorschaubild in den Ansichten Karten und Kanban verwendet wird. Wenn nicht festgelegt, wird automatisch die erste passende Bild-Eigenschaft verwendet.",
     display_settings: "Anzeigeeinstellungen",
     default_row_size: "Standard-Zeilengröße",
     side_dialog_width: "Seitendialog-Breite",
@@ -35646,6 +35945,7 @@
     download: "Télécharger",
     large_number_of_documents: "Cette collection contient un grand nombre de documents ({{count}}).",
     include_undefined_values: "Inclure les valeurs non définies",
+    export_apply_filter_sort: "N'exporter que les résultats correspondant au filtre/tri actuel",
     submit: "Soumettre",
     no_filterable_properties: "Aucune propriété filtrable disponible",
     apply_filters: "Appliquer les filtres",
@@ -35831,6 +36131,10 @@
     order_property_not_found: `La propriété "{{property}}" n'existe pas ou n'est pas une propriété numérique. Veuillez sélectionner une propriété valide ou effacer la sélection.`,
     no_number_properties: "Aucune propriété numérique trouvée. Ajoutez une propriété numérique pour activer le tri.",
     order_property_description: "Sélectionnez une propriété numérique pour conserver l'ordre des éléments",
+    image_property: "Propriété d'image",
+    image_property_not_found: `La propriété "{{property}}" n'existe pas ou n'est pas une propriété d'image. Veuillez sélectionner une propriété valide ou effacer la sélection.`,
+    no_image_properties: "Aucune propriété d'image trouvée. Ajoutez une propriété de stockage ou d'URL d'image à utiliser comme miniature.",
+    image_property_description: "Sélectionnez la propriété utilisée comme miniature dans les vues Cartes et Kanban. Si elle n'est pas définie, la première propriété d'image correspondante sera utilisée automatiquement.",
     display_settings: "Paramètres d'affichage",
     default_row_size: "Taille de ligne par défaut",
     side_dialog_width: "Largeur du dialogue latéral",
@@ -36323,6 +36627,7 @@
     download: "Scarica",
     large_number_of_documents: "Questa collezione contiene un numero elevato di documenti ({{count}})",
     include_undefined_values: "Includi valori non definiti",
+    export_apply_filter_sort: "Esporta solo i risultati che corrispondono al filtro/ordinamento attuale",
     submit: "Invia",
     no_filterable_properties: "Nessuna proprietà filtrabile disponibile",
     apply_filters: "Applica filtri",
@@ -36508,6 +36813,10 @@
     order_property_not_found: 'La proprietà "{{property}}" non esiste o non è una proprietà numerica. Seleziona una proprietà valida o cancella la selezione.',
     no_number_properties: "Nessuna proprietà numerica trovata. Aggiungi una proprietà numerica per abilitare l'ordinamento.",
     order_property_description: "Seleziona una proprietà numerica per mantenere l'ordine degli elementi",
+    image_property: "Proprietà immagine",
+    image_property_not_found: 'La proprietà "{{property}}" non esiste o non è una proprietà immagine. Seleziona una proprietà valida o cancella la selezione.',
+    no_image_properties: "Nessuna proprietà immagine trovata. Aggiungi una proprietà di archiviazione o URL immagine da usare come miniatura.",
+    image_property_description: "Seleziona la proprietà utilizzata come miniatura nelle viste Schede e Kanban. Se non impostata, verrà utilizzata automaticamente la prima proprietà immagine corrispondente.",
     display_settings: "Impostazioni di visualizzazione",
     default_row_size: "Dimensione riga predefinita",
     side_dialog_width: "Larghezza del dialogo laterale",
@@ -37000,6 +37309,7 @@
     download: "डाउनलोड",
     large_number_of_documents: "इस संग्रह में बड़ी संख्या में दस्तावेज़ हैं ({{count}})।",
     include_undefined_values: "अपरिभाषित (undefined) मान शामिल करें",
+    export_apply_filter_sort: "केवल वर्तमान फ़िल्टर/सॉर्ट से मेल खाने वाले परिणाम निर्यात करें",
     submit: "सबमिट करें",
     no_filterable_properties: "कोई फ़िल्टर करने योग्य गुण उपलब्ध नहीं हैं",
     apply_filters: "फ़िल्टर लागू करें",
@@ -37185,6 +37495,10 @@
     order_property_not_found: 'प्रॉपर्टी "{{property}}" मौजूद नहीं है या एक संख्या प्रॉपर्टी नहीं है। कृपया एक वैध प्रॉपर्टी चुनें या चयन साफ़ करें।',
     no_number_properties: "कोई संख्या प्रॉपर्टी नहीं मिली। क्रम सक्षम करने के लिए एक संख्या प्रॉपर्टी जोड़ें।",
     order_property_description: "आइटम का क्रम बनाए रखने के लिए एक संख्या प्रॉपर्टी चुनें",
+    image_property: "इमेज प्रॉपर्टी",
+    image_property_not_found: 'प्रॉपर्टी "{{property}}" मौजूद नहीं है या एक इमेज प्रॉपर्टी नहीं है। कृपया एक वैध प्रॉपर्टी चुनें या चयन साफ़ करें।',
+    no_image_properties: "कोई इमेज प्रॉपर्टी नहीं मिली। थंबनेल के रूप में उपयोग करने के लिए एक स्टोरेज या URL इमेज प्रॉपर्टी जोड़ें।",
+    image_property_description: "कार्ड्स और कानबन व्यू मोड में थंबनेल इमेज के रूप में उपयोग की जाने वाली प्रॉपर्टी चुनें। यदि सेट नहीं किया गया है, तो पहली मिलान वाली इमेज प्रॉपर्टी स्वचालित रूप से उपयोग की जाएगी।",
     display_settings: "प्रदर्शन सेटिंग्स",
     default_row_size: "डिफ़ॉल्ट पंक्ति आकार",
     side_dialog_width: "साइड डायलॉग चौड़ाई",
@@ -37677,6 +37991,7 @@
     download: "Descarregar",
     large_number_of_documents: "Esta coleção tem um grande número de documentos ({{count}}).",
     include_undefined_values: "Incluir valores indefinidos",
+    export_apply_filter_sort: "Exportar apenas os resultados que correspondem ao filtro/ordenação atual",
     submit: "Submeter",
     no_filterable_properties: "Não há propriedades filtráveis disponíveis",
     apply_filters: "Aplicar filtros",
@@ -37864,6 +38179,10 @@
     order_property_not_found: 'A propriedade "{{property}}" não existe ou não é uma propriedade numérica. Selecione uma propriedade válida ou limpe a seleção.',
     no_number_properties: "Nenhuma propriedade numérica encontrada. Adicione uma propriedade numérica para habilitar a ordenação.",
     order_property_description: "Selecione uma propriedade numérica para manter a ordem dos itens",
+    image_property: "Propriedade de imagem",
+    image_property_not_found: 'A propriedade "{{property}}" não existe ou não é uma propriedade de imagem. Selecione uma propriedade válida ou limpe a seleção.',
+    no_image_properties: "Nenhuma propriedade de imagem encontrada. Adicione uma propriedade de armazenamento ou URL de imagem para usar como miniatura.",
+    image_property_description: "Selecione a propriedade usada como miniatura nas visualizações de Cartões e Kanban. Se não for definida, a primeira propriedade de imagem correspondente será usada automaticamente.",
     display_settings: "Configurações de exibição",
     default_row_size: "Tamanho de linha padrão",
     side_dialog_width: "Largura do diálogo lateral",
@@ -38356,6 +38675,7 @@
     download: "Pobierz",
     large_number_of_documents: "Ta kolekcja zawiera dużą liczbę dokumentów ({{count}}).",
     include_undefined_values: "Uwzględnij niezdefiniowane wartości",
+    export_apply_filter_sort: "Eksportuj tylko wyniki zgodne z aktualnym filtrem/sortowaniem",
     submit: "Wyślij",
     no_filterable_properties: "Brak dostępnych właściwości do filtrowania",
     apply_filters: "Zastosuj filtry",
@@ -38543,6 +38863,10 @@
     order_property_not_found: "Właściwość „{{property}}” nie istnieje lub nie jest właściwością liczbową. Wybierz prawidłową właściwość lub wyczyść wybór.",
     no_number_properties: "Nie znaleziono właściwości liczbowych. Dodaj właściwość liczbową, aby włączyć sortowanie.",
     order_property_description: "Wybierz właściwość liczbową, aby zachować kolejność elementów",
+    image_property: "Właściwość obrazu",
+    image_property_not_found: "Właściwość „{{property}}” nie istnieje lub nie jest właściwością obrazu. Wybierz prawidłową właściwość lub wyczyść wybór.",
+    no_image_properties: "Nie znaleziono właściwości obrazu. Dodaj właściwość przechowywania lub adresu URL obrazu, aby użyć jej jako miniatury.",
+    image_property_description: "Wybierz właściwość używaną jako miniatura w widokach Karty i Kanban. Jeśli nie zostanie ustawiona, automatycznie zostanie użyta pierwsza pasująca właściwość obrazu.",
     display_settings: "Ustawienia wyświetlania",
     default_row_size: "Domyślny rozmiar wiersza",
     side_dialog_width: "Szerokość okna bocznego",
@@ -43513,6 +43837,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
   exports2.getEntityTitlePropertyKey = getEntityTitlePropertyKey;
   exports2.getFieldConfig = getFieldConfig;
   exports2.getFieldId = getFieldId;
+  exports2.getFileExtensionFromUrl = getFileExtensionFromUrl;
   exports2.getFormFieldKeys = getFormFieldKeys;
   exports2.getGeoPointCoordinates = getGeoPointCoordinates;
   exports2.getHashValue = getHashValue;
@@ -43523,6 +43848,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
   exports2.getLabelOrConfigFrom = getLabelOrConfigFrom;
   exports2.getLastSegment = getLastSegment;
   exports2.getLocalChangesBackup = getLocalChangesBackup;
+  exports2.getPreviewTypeFromUrl = getPreviewTypeFromUrl;
   exports2.getPropertiesWithPropertiesOrder = getPropertiesWithPropertiesOrder;
   exports2.getPropertyInPath = getPropertyInPath;
   exports2.getRandomId = getRandomId;
@@ -43532,6 +43858,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
   exports2.hydrateRegExp = hydrateRegExp;
   exports2.iconSynonyms = iconSynonyms;
   exports2.iconsSearch = iconsSearch;
+  exports2.isAbsoluteHttpUrl = isAbsoluteHttpUrl;
   exports2.isDataTypeFilterable = isDataTypeFilterable;
   exports2.isDefaultFieldConfigId = isDefaultFieldConfigId;
   exports2.isEmptyObject = isEmptyObject;