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

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import * as React from "react";
-import React__default, { useState, useRef, useEffect, useContext, useCallback, useMemo, createElement, forwardRef, createRef, createContext, memo, useLayoutEffect } from "react";
+import React__default, { useState, useEffect, useRef, useContext, useCallback, useMemo, createElement, forwardRef, createRef, createContext, memo, useLayoutEffect } from "react";
 import { getColorSchemeForSeed, CHIP_COLORS, FunctionsIcon, CircleIcon, iconKeys, coolIconKeys, Icon, Tooltip, ErrorIcon, Typography, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, AccountCircleIcon, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, EditIcon, DoNotDisturbOnIcon, InfoIcon, CloseIcon, Button, ExpandablePanel, fieldBackgroundMixin, RemoveIcon, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, TextField, Collapse, BooleanSwitchWithLabel, AddIcon, ArrowDropDownIcon, MenuItem, Menu, CircularProgress, DialogActions, LoadingButton, WarningIcon, KeyboardArrowDownIcon, VisibilityIcon, CheckIcon, CancelIcon, DialogTitle, DialogContent, Dialog, Alert, NotesIcon, MoreVertIcon, Badge, SearchBar, ArrowUpwardIcon, Popover, FilterListIcon, CenteredView, AssignmentIcon, Label, useOutsideAlerter, FileCopyIcon, DeleteIcon, StarIcon, ArrowForwardIcon, Card, cardMixin, cardClickableMixin, Container, getColorSchemeForKey, RefreshIcon, ListIcon, AppsIcon, ViewKanbanIcon, ToggleButtonGroup, ViewColumnIcon, FilterListOffIcon, SearchIcon, DarkModeIcon, LightModeIcon, BrightnessMediumIcon, LogoutIcon, Avatar, HandleIcon, KeyboardArrowUpIcon, debounce, AutoAwesomeIcon, TranslateIcon, OpenInFullIcon, Sheet, Tab, ExpandMoreIcon, Tabs, CodeIcon, KeyboardDoubleArrowLeftIcon, KeyboardDoubleArrowRightIcon, ViewStreamIcon, RepeatIcon, BallotIcon, LocationOnIcon, ScheduleIcon, AddLinkIcon, LinkIcon, DriveFolderUploadIcon, UploadFileIcon, FormatListNumberedIcon, NumbersIcon, PersonIcon, ListAltIcon, FlagIcon, MailIcon, HttpIcon, FormatQuoteIcon, SubjectIcon, ShortTextIcon, MenuIcon, TextFieldsIcon, CheckBoxIcon, LooksOneIcon, LooksTwoIcon, Looks3Icon, FormatListBulletedIcon, ImageIcon, TableChartIcon, AutoFixHighIcon, FormatBoldIcon, FormatItalicIcon, FormatUnderlinedIcon, FormatStrikethroughIcon, useInjectStyles, Separator } from "@firecms/ui";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import hash from "object-hash";
@@ -46,19 +46,35 @@ import { gapCursor } from "prosemirror-gapcursor";
 import { inputRules, smartQuotes, ellipsis, emDash, InputRule, wrappingInputRule, textblockTypeInputRule } from "prosemirror-inputrules";
 import { createRoot } from "react-dom/client";
 const SnackbarProvider = (t0) => {
-  const $ = c(2);
+  const $ = c(5);
   const {
     children
   } = t0;
+  const [domRoot, setDomRoot] = useState(void 0);
   let t1;
-  if ($[0] !== children) {
-    t1 = /* @__PURE__ */ jsx(SnackbarProvider$1, { 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;
+  useEffect(t1, t2);
+  let t3;
+  if ($[2] !== children || $[3] !== domRoot) {
+    t3 = /* @__PURE__ */ jsx(SnackbarProvider$1, { maxSnack: 3, domRoot, autoHideDuration: 3500, children });
+    $[2] = children;
+    $[3] = domRoot;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
 };
 const DEFAULT_MODE_STATE = {
   mode: "light",
@@ -307,6 +323,7 @@ function navigateToEntity({
   copy,
   path,
   fullIdPath,
+  pathSegments,
   selectedTab,
   sideEntityController,
   onClose,
@@ -317,6 +334,7 @@ function navigateToEntity({
       entityId,
       path,
       fullIdPath,
+      pathSegments,
       copy,
       selectedTab,
       collection,
@@ -351,10 +369,21 @@ class EntityReference {
    * 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}`;
@@ -725,7 +754,7 @@ function getReferenceFrom(entity) {
   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 ?? {};
@@ -1021,6 +1050,7 @@ function resolveArrayProperty({
         ...props
       });
       const ofProperty = resolveProperty({
+        propertyKey,
         propertyOrBuilder: of,
         ignoreMissingFields,
         ...props
@@ -1149,7 +1179,8 @@ function getNavigationEntriesFromPath(props) {
     collections = [],
     currentFullPath,
     currentFullIdPath,
-    currentFullUrlPath
+    currentFullUrlPath,
+    currentPathSegments = []
   } = props;
   const subpaths = removeInitialAndTrailingSlashes(path).split("/");
   const subpathCombinations = getCollectionPathsCombinations(subpaths);
@@ -1165,12 +1196,14 @@ function getNavigationEntriesFromPath(props) {
       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, ""));
@@ -1180,12 +1213,14 @@ function getNavigationEntriesFromPath(props) {
         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) {
@@ -1202,6 +1237,7 @@ function getNavigationEntriesFromPath(props) {
               entityId,
               fullIdPath,
               fullPath: fullUrlPath + "/" + customView.key,
+              pathSegments: collectionSegments,
               view: customView
             });
           } else if (collection.subcollections) {
@@ -1211,6 +1247,7 @@ function getNavigationEntriesFromPath(props) {
               currentFullPath: fullPath,
               currentFullIdPath: fullIdPath,
               currentFullUrlPath: fullUrlPath,
+              currentPathSegments: entitySegments,
               contextEntityViews: props.contextEntityViews
             }));
           }
@@ -1314,7 +1351,7 @@ const applyPermissionsFunctionIfEmpty = (collections, permissionsBuilder) => {
   });
 };
 function getLocalChangesBackup(collection) {
-  if (!collection.localChangesBackup) {
+  if (collection.localChangesBackup === void 0) {
     return "manual_apply";
   }
   return collection.localChangesBackup;
@@ -1401,6 +1438,31 @@ function isValidRegExp(input) {
   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 = [];
@@ -3811,6 +3873,12 @@ function getEntityTitlePropertyKey(collection, propertyConfigs) {
   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/*")) {
@@ -4579,9 +4647,10 @@ const useFireCMSContext = () => {
   return fireCMSContextRef.current;
 };
 function useCollectionFetch(t0) {
-  const $ = c(26);
+  const $ = c(27);
   const {
     path: inputPath,
+    pathSegments,
     collection,
     filterValues,
     sortBy,
@@ -4615,10 +4684,16 @@ function useCollectionFetch(t0) {
   const [dataLoadingError, setDataLoadingError] = useState();
   const [noMoreToLoad, setNoMoreToLoad] = 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({
@@ -4628,8 +4703,8 @@ function useCollectionFetch(t0) {
               context
             })));
           } catch (t42) {
-            const e = t42;
-            console.error(e);
+            const e_0 = t42;
+            console.error(e_0);
           }
         }
         setDataLoading(false);
@@ -4646,6 +4721,7 @@ function useCollectionFetch(t0) {
       if (dataSource.listenCollection) {
         return dataSource.listenCollection({
           path,
+          pathSegments,
           collection,
           onUpdate: onEntitiesUpdate,
           onError,
@@ -4659,6 +4735,7 @@ function useCollectionFetch(t0) {
       } else {
         dataSource.fetchCollection({
           path,
+          pathSegments,
           collection,
           searchString,
           filter: filterValues,
@@ -4677,56 +4754,58 @@ function useCollectionFetch(t0) {
     $[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];
   }
   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 $ = c(18);
+  const $ = c(19);
   const {
     path: inputPath,
+    pathSegments: inputPathSegments,
     entityId,
     collection,
     databaseId,
@@ -4745,15 +4824,22 @@ function useEntityFetch(t0) {
     t2 = $[2];
   }
   const path = t2;
+  const pathSegments = inputPathSegments;
   const context = useFireCMSContext();
   const [entity, setEntity] = useState();
   const [dataLoading, setDataLoading] = useState(true);
   const [dataLoadingError, setDataLoadingError] = 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({
@@ -4788,6 +4874,7 @@ function useEntityFetch(t0) {
           if (dataSource.listenEntity) {
             return dataSource.listenEntity({
               path,
+              pathSegments,
               entityId,
               databaseId,
               collection,
@@ -4797,6 +4884,7 @@ function useEntityFetch(t0) {
           } else {
             dataSource.fetchEntity({
               path,
+              pathSegments,
               entityId,
               databaseId,
               collection
@@ -4815,34 +4903,35 @@ function useEntityFetch(t0) {
     $[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];
   }
   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;
 }
@@ -4855,6 +4944,7 @@ function _temp$C() {
 async function saveEntityWithCallbacks({
   collection,
   path,
+  pathSegments,
   entityId,
   values,
   previousValues,
@@ -4904,6 +4994,7 @@ async function saveEntityWithCallbacks({
   return dataSource.saveEntity({
     collection,
     path: resolvedPath,
+    pathSegments,
     entityId,
     values: updatedValues,
     previousValues,
@@ -4987,6 +5078,8 @@ async function deleteEntityWithCallbacks({
     }
   }
   return dataSource.deleteEntity({
+    // Carried by the entity from the fetch that produced it; undefined if unknown.
+    pathSegments: entity.pathSegments,
     entity,
     collection
   }).then(() => {
@@ -5028,6 +5121,8 @@ function resolveNavigationFrom({
       }
       return dataSource.fetchEntity({
         path: entry.path,
+        // The navigation entry already knows the real segment boundaries.
+        pathSegments: entry.pathSegments,
         entityId: entry.entityId,
         collection
       }).then((entity) => {
@@ -6080,8 +6175,9 @@ function areEqual$1(prevProps, nextProps) {
 }
 const URL_CACHE = {};
 function StorageThumbnailInternal(t0) {
-  const $ = c(13);
+  const $ = c(26);
   const {
+    storeUrl,
     interactive,
     storagePathOrDownloadUrl,
     size,
@@ -6089,11 +6185,21 @@ function StorageThumbnailInternal(t0) {
   } = t0;
   const [, setError] = React__default.useState(void 0);
   const storage = useStorageSource();
-  const [downloadConfig, setDownloadConfig] = React__default.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__default.useState(URL_CACHE[storagePathOrDownloadUrl]);
+  let t2;
+  if ($[3] !== storage || $[4] !== storagePathOrDownloadUrl || $[5] !== valueIsUrl) {
+    t2 = () => {
+      if (!storagePathOrDownloadUrl || valueIsUrl) {
         return;
       }
       let unmounted;
@@ -6108,50 +6214,75 @@ function StorageThumbnailInternal(t0) {
         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];
   }
-  useEffect(t1, t2);
+  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__ */ 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__ */ jsx(ErrorView, { error: "File not found" });
-      $[5] = t32;
+    let t42;
+    if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t42 = /* @__PURE__ */ 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__ */ 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__ */ 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/*";
@@ -16638,6 +16769,7 @@ function getChanges(source, comparison) {
 }
 function EntityForm({
   path,
+  pathSegments,
   fullIdPath,
   entityId: entityIdProp,
   collection,
@@ -16704,7 +16836,7 @@ function EntityForm({
       if (mustSetCustomId) {
         return void 0;
       } else {
-        return dataSource.generateEntityId(path, collection);
+        return dataSource.generateEntityId(path, collection, pathSegments);
       }
     } else {
       return entityIdProp;
@@ -16778,7 +16910,7 @@ function EntityForm({
     },
     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);
@@ -17017,7 +17149,7 @@ function EntityForm({
   const uniqueFieldValidator = 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 = useMemo(() => entityId ? getYupEntitySchema(entityId, resolvedCollection.properties, uniqueFieldValidator) : void 0, [entityId, resolvedCollection.properties, uniqueFieldValidator]);
   useOnAutoSave(autoSave, formex, lastSavedValues, save);
   const prevEntityValuesRef = useRef(entity?.values);
@@ -17293,7 +17425,7 @@ const EntityCollectionRowActions = function EntityCollectionRowActions2({
   return content;
 };
 function CollectionTableToolbar(t0) {
-  const $ = c(25);
+  const $ = c(26);
   const {
     actions,
     actionsStart,
@@ -17301,6 +17433,7 @@ function CollectionTableToolbar(t0) {
     onTextSearch,
     onTextSearchClick,
     textSearchLoading,
+    initialSearchString,
     title,
     viewModeToggle
   } = t0;
@@ -17367,41 +17500,42 @@ function CollectionTableToolbar(t0) {
     t6 = $[12];
   }
   let t7;
-  if ($[13] !== onTextSearch || $[14] !== onTextSearchClick || $[15] !== t || $[16] !== textSearchLoading) {
-    t7 = (onTextSearch || onTextSearchClick) && /* @__PURE__ */ jsx(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__ */ jsx(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__ */ 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__ */ 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;
 }
@@ -18981,6 +19115,33 @@ function ReferenceFilterField({
     ] })
   ] });
 }
+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 = {
   "==": "==",
   "!=": "!=",
@@ -18996,7 +19157,7 @@ const operationLabels$1 = {
 };
 const multipleSelectOperations$1 = ["array-contains-any", "in", "not-in"];
 function StringNumberFilterField(t0) {
-  const $ = c(56);
+  const $ = c(63);
   const {
     name,
     value,
@@ -19030,9 +19191,20 @@ function StringNumberFilterField(t0) {
   const [operation, setOperation] = useState(fieldOperation === "==" && fieldValue === null ? "is-null" : fieldOperation);
   const [internalValue, setInternalValue] = useState(fieldValue);
   let t2;
+  if ($[6] !== fieldValue) {
+    t2 = filterValueToText(fieldValue);
+    $[6] = fieldValue;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const [inputText, setInputText] = useState(t2);
+  const syncedValueRef = React__default.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);
@@ -19041,109 +19213,140 @@ function StringNumberFilterField(t0) {
         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__default.useEffect(t2, t3);
+  React__default.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__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsx(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__ */ jsx(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);
       }
@@ -19156,62 +19359,62 @@ function StringNumberFilterField(t0) {
       }
       return /* @__PURE__ */ jsx(EnumValuesChip, { enumKey, enumValues, size: "small" }, `select_value_${name}_${enumKey}`);
     }, children: enumValues.map((enumConfig) => /* @__PURE__ */ jsx(SelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsx(IconButton, { className: "absolute right-2 top-3", onClick: (e_2) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsx(CloseIcon, {}) }), children: enumValues.map((enumConfig_0) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex w-full", children: [
-      t8,
-      t12
+  let t15;
+  if ($[60] !== t10 || $[61] !== t14) {
+    t15 = /* @__PURE__ */ 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);
@@ -19746,7 +19949,7 @@ const EntityCollectionTable = function EntityCollectionTable2({
     }
   }, [tableRowActionsBuilder, additionalCellRenderer, propertyCellRenderer, size]);
   return /* @__PURE__ */ jsxs("div", { ref, style, className: cls("h-full w-full flex flex-col bg-white dark:bg-surface-950", className), children: [
-    !hideToolbar && /* @__PURE__ */ jsx(CollectionTableToolbar, { onTextSearch: textSearchEnabled ? onTextSearch : void 0, textSearchLoading, onTextSearchClick: textSearchEnabled ? onTextSearchClick : void 0, title, actionsStart, actions, viewModeToggle, loading: tableController.dataLoading }),
+    !hideToolbar && /* @__PURE__ */ jsx(CollectionTableToolbar, { onTextSearch: textSearchEnabled ? onTextSearch : void 0, textSearchLoading, onTextSearchClick: textSearchEnabled ? onTextSearchClick : void 0, initialSearchString: tableController.searchString, title, actionsStart, actions, viewModeToggle, loading: tableController.dataLoading }),
     /* @__PURE__ */ 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 })
   ] });
 };
@@ -19785,9 +19988,119 @@ function useDebouncedData(data, deps, timeoutMs = 5e3) {
   }, [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,
@@ -19804,14 +20117,15 @@ function useDataSourceTableController({
   const navigation = useNavigationController();
   const dataSource = useDataSource();
   const resolvedPath = 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__default.useState();
   const checkFilterCombination = useCallback((filterValues, sortBy) => {
     if (!dataSource.isFilterCombinationValid) return true;
     return dataSource.isFilterCombinationValid({
       path: resolvedPath,
+      pathSegments: resolvedPathSegments,
       collection,
       filterValues,
       sortBy
@@ -19839,7 +20153,8 @@ function useDataSourceTableController({
   const location = 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) : [];
@@ -19862,6 +20177,7 @@ function useDataSourceTableController({
   const initFilters = forceFilter ?? (updateUrl ? initialFilterUrl : void 0) ?? initialFilter ?? void 0;
   const [filterValues_0, setFilterValues] = React__default.useState(removeUnallowedFilters(initFilters));
   const [sortBy_0, setSortBy] = React__default.useState((updateUrl ? initialSortUrl : void 0) ?? initialSortInternal);
+  const [searchString, setSearchString] = React__default.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;
@@ -19898,6 +20214,12 @@ function useDataSourceTableController({
   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({
@@ -19906,14 +20228,14 @@ function useDataSourceTableController({
             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);
@@ -19924,30 +20246,38 @@ function useDataSourceTableController({
       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 () => {
       };
     }
@@ -19994,9 +20324,7 @@ function useUpdateUrl(filterValues, sortBy, searchString, updateUrl) {
   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}`);
@@ -20018,110 +20346,6 @@ function useUpdateUrl(filterValues, sortBy, searchString, updateUrl) {
   }
   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] = useState([]);
   const toggleEntitySelection = useCallback((entity, newSelectedState) => {
@@ -20157,95 +20381,57 @@ function useSelectionController(onSelectionChange) {
   };
 }
 function useTableSearchHelper(t0) {
-  const $ = c(33);
+  const $ = c(18);
   const {
     collection,
     fullPath,
-    parentCollectionIds
+    parentCollectionIds,
+    initialSearchString
   } = t0;
   const context = useFireCMSContext();
   const customizationController = useCustomizationController();
   const dataSource = useDataSource();
   const [textSearchLoading, setTextSearchLoading] = useState(false);
   const [textSearchInitialised, setTextSearchInitialised] = useState(false);
+  const autoInitialisedRef = 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) {
@@ -20265,29 +20451,54 @@ function useTableSearchHelper(t0) {
     $[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];
+  }
+  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);
@@ -20578,6 +20789,7 @@ function ReferenceSelectionTable({
   multiselect,
   collection,
   path: pathInput,
+  pathSegments,
   selectedEntityIds: selectedEntityIdsProp,
   description,
   forceFilter,
@@ -20620,6 +20832,7 @@ function ReferenceSelectionTable({
     if (selectedEntityIds && collection) {
       Promise.all(selectedEntityIds.map((entityId) => dataSource.fetchEntity({
         path: fullPath,
+        pathSegments,
         entityId,
         collection
       }))).then((entities) => {
@@ -24218,6 +24431,7 @@ const EntityBoardCard = memo(EntityBoardCardInner);
 const DEFAULT_PAGE_SIZE = 20;
 function useBoardDataController({
   fullPath,
+  pathSegments,
   collection,
   columnProperty,
   columns,
@@ -24230,6 +24444,7 @@ function useBoardDataController({
   const dataSource = useDataSource();
   const navigation = useNavigationController();
   const resolvedPath = useMemo(() => navigation.resolveIdsFrom(fullPath), [fullPath, navigation.resolveIdsFrom]);
+  const resolvedPathSegments = pathSegments;
   const dataSourceRef = useRef(dataSource);
   const collectionRef = useRef(collection);
   const contextRef = useRef(context);
@@ -24241,11 +24456,13 @@ function useBoardDataController({
   const orderPropertyRef = useRef(orderProperty);
   const searchStringRef = useRef(searchString);
   const resolvedPathRef = useRef(resolvedPath);
+  const resolvedPathSegmentsRef = useRef(resolvedPathSegments);
   filterValuesRef.current = filterValues;
   columnPropertyRef.current = columnProperty;
   orderPropertyRef.current = orderProperty;
   searchStringRef.current = searchString;
   resolvedPathRef.current = resolvedPath;
+  resolvedPathSegmentsRef.current = resolvedPathSegments;
   const [columnItemCounts, setColumnItemCounts] = useState(() => {
     const initial = {};
     columns.forEach((col) => {
@@ -24292,6 +24509,7 @@ function useBoardDataController({
     const currentOrderProperty = orderPropertyRef.current;
     const currentSearchString = searchStringRef.current;
     const currentResolvedPath = resolvedPathRef.current;
+    const currentPathSegments = resolvedPathSegmentsRef.current;
     const columnFilter = {
       ...currentFilterValues,
       [currentColumnProperty]: ["==", column]
@@ -24348,6 +24566,7 @@ function useBoardDataController({
     if (currentDataSource.listenCollection) {
       const unsubscribe = currentDataSource.listenCollection({
         path: currentResolvedPath,
+        pathSegments: currentPathSegments,
         collection: currentCollection,
         onUpdate,
         onError,
@@ -24362,6 +24581,7 @@ function useBoardDataController({
     } else {
       currentDataSource.fetchCollection({
         path: currentResolvedPath,
+        pathSegments: currentPathSegments,
         collection: currentCollection,
         searchString: currentSearchString,
         filter: columnFilter,
@@ -24390,6 +24610,7 @@ function useBoardDataController({
     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(() => {
@@ -24404,6 +24625,7 @@ function useBoardDataController({
           };
           currentDataSource.countEntities({
             path: currentResolvedPath,
+            pathSegments: currentPathSegments,
             collection: currentCollection,
             filter: columnFilter,
             searchString: currentSearchString
@@ -24648,6 +24870,7 @@ function EntityCollectionBoardView({
   collection,
   tableController,
   fullPath,
+  pathSegments,
   parentCollectionIds = [],
   columnProperty,
   onEntityClick,
@@ -24741,6 +24964,7 @@ function EntityCollectionBoardView({
   const columns = localColumnsOrder;
   const boardDataController = useBoardDataController({
     fullPath,
+    pathSegments,
     collection,
     columnProperty,
     columns,
@@ -25286,7 +25510,7 @@ function PopupFormField(props) {
   return t0;
 }
 function PopupFormFieldLoading(t0) {
-  const $ = c(21);
+  const $ = c(22);
   const {
     tableKey,
     entityId,
@@ -25294,6 +25518,7 @@ function PopupFormFieldLoading(t0) {
     propertyKey,
     collection: inputCollection,
     path,
+    pathSegments,
     cellRect,
     open,
     onClose,
@@ -25304,33 +25529,35 @@ function PopupFormFieldLoading(t0) {
   const [entity, setEntity] = 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];
   }
   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,
@@ -25344,29 +25571,29 @@ function PopupFormFieldLoading(t0) {
       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__ */ jsx(PopupFormFieldInternal, { ...t3, entity });
-    $[18] = entity;
-    $[19] = t3;
-    $[20] = t4;
+    $[19] = entity;
+    $[20] = t3;
+    $[21] = t4;
   } else {
-    t4 = $[20];
+    t4 = $[21];
   }
   return t4;
 }
@@ -25938,6 +26165,7 @@ const DEFAULT_ENTITY_OPEN_MODE = "side_panel";
 const EntityCollectionView$1 = React__default.memo(function EntityCollectionView2({
   fullPath: fullPathProp,
   fullIdPath,
+  pathSegments,
   parentCollectionIds,
   isSubCollection,
   className,
@@ -26060,6 +26288,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
   } = usedSelectionController;
   const tableController = useDataSourceTableController({
     fullPath,
+    pathSegments,
     collection,
     lastDeleteTimestamp,
     scrollRestoration,
@@ -26101,6 +26330,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
       collection: collection_2,
       entityId: void 0,
       path: fullPath,
+      pathSegments,
       fullIdPath,
       sideEntityController,
       navigation,
@@ -26159,6 +26389,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
   const onViewModeChange = useCallback((mode) => {
     analyticsController.onAnalyticsEvent?.("view_mode_changed", {
       path: fullPath,
+      pathSegments,
       from: viewMode,
       to: mode
     });
@@ -26273,6 +26504,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
   const onKanbanPropertyChange = useCallback((property_1) => {
     analyticsController.onAnalyticsEvent?.("kanban_property_changed", {
       path: fullPath,
+      pathSegments,
       property: property_1
     });
     setSelectedKanbanProperty(property_1);
@@ -26327,6 +26559,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
             entityId: entity_3.id,
             selectedTab: subcollection.id ?? subcollection.path,
             path: fullPath,
+            pathSegments,
             fullIdPath,
             navigation,
             sideEntityController
@@ -26400,7 +26633,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
       breadcrumbs.updateCount(fullPath, docsCount);
     }
   }, [docsCount, fullPath, breadcrumbs.updateCount]);
-  const countFetcher = /* @__PURE__ */ jsx(EntitiesCount, { fullPath, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
+  const countFetcher = /* @__PURE__ */ jsx(EntitiesCount, { fullPath, pathSegments, collection, filter: tableController.filterValues, sortBy: tableController.sortBy, onCountChange: setDocsCount });
   const buildAdditionalHeaderWidget = useCallback(({
     property: property_2,
     propertyKey: propertyKey_1,
@@ -26425,7 +26658,11 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
   } = 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] = useState(false);
   const viewModeToggleElement = /* @__PURE__ */ 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 });
@@ -26442,8 +26679,8 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
   }, [tableController.dataLoadingError, customizationController.plugins, fullPath, collection, parentCollectionIds]);
   return /* @__PURE__ */ jsxs("div", { className: cls("overflow-hidden h-full w-full rounded-md flex flex-col", className), ref: containerRef, children: [
     countFetcher,
-    /* @__PURE__ */ jsx(CollectionTableToolbar, { loading: tableController.dataLoading, onTextSearch: textSearchEnabled && textSearchInitialised ? tableController.setSearchString : void 0, onTextSearchClick: textSearchEnabled && !textSearchInitialised ? onTextSearchClick : void 0, textSearchLoading, viewModeToggle: viewModeToggleElement, actionsStart: /* @__PURE__ */ jsx(EntityCollectionViewStartActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, collectionEntitiesCount: docsCount, resolvedProperties: resolvedCollection.properties }), actions: /* @__PURE__ */ jsx(EntityCollectionViewActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, onMultipleDeleteClick, onNewClick, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, selectionEnabled, collectionEntitiesCount: docsCount }) }),
-    tableController.dataLoadingError ? pluginErrorView ?? /* @__PURE__ */ jsx(CollectionDataErrorBanner, { error: tableController.dataLoadingError }) : viewMode === "kanban" && enabledViews.includes("kanban") ? /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
+    /* @__PURE__ */ 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__ */ jsx(EntityCollectionViewStartActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, collectionEntitiesCount: docsCount, resolvedProperties: resolvedCollection.properties }), actions: /* @__PURE__ */ jsx(EntityCollectionViewActions, { parentCollectionIds: parentCollectionIds ?? [], collection, tableController, onMultipleDeleteClick, onNewClick, path: fullPath, relativePath: collection.path, selectionController: usedSelectionController, selectionEnabled, collectionEntitiesCount: docsCount }) }),
+    tableController.dataLoadingError ? pluginErrorView ?? /* @__PURE__ */ jsx(CollectionDataErrorBanner, { error: tableController.dataLoadingError }) : viewMode === "kanban" && enabledViews.includes("kanban") ? /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t("so_empty") }),
       /* @__PURE__ */ jsxs(Button, { onClick: onNewClick, className: "mt-4", children: [
         /* @__PURE__ */ jsx(AddIcon, {}),
@@ -26480,7 +26717,7 @@ const EntityCollectionView$1 = React__default.memo(function EntityCollectionView
         });
       }
     } }, `collection_table_${fullPath}`),
-    popupCell && /* @__PURE__ */ 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__ */ 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__ */ jsx(DeleteEntityDialog, { entityOrEntitiesToDelete: deleteEntityClicked, path: fullPath, collection, callbacks: collection.callbacks, open: Boolean(deleteEntityClicked), onEntityDelete: internalOnEntityDelete, onMultipleEntitiesDelete: internalOnMultipleEntitiesDelete, onClose: () => setDeleteEntityClicked(void 0) })
   ] });
 }, (a, b) => {
@@ -26491,7 +26728,8 @@ function EntitiesCount({
   collection,
   filter,
   sortBy,
-  onCountChange
+  onCountChange,
+  pathSegments
 }) {
   const dataSource = useDataSource();
   const navigation = useNavigationController();
@@ -26500,15 +26738,17 @@ function EntitiesCount({
   const sortByProperty = sortBy ? sortBy[0] : void 0;
   const currentSort = sortBy ? sortBy[1] : void 0;
   const resolvedPath = useMemo(() => navigation.resolveIdsFrom(fullPath), [fullPath, navigation.resolveIdsFrom]);
+  const resolvedPathSegments = pathSegments;
   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]);
   useEffect(() => {
     if (onCountChange && count !== void 0) {
       setError(void 0);
@@ -28296,7 +28536,8 @@ function getParentReferencesFromPath(props) {
   const {
     path,
     collections = [],
-    currentFullPath
+    currentFullPath,
+    currentPathSegments = []
   } = props;
   const subpaths = removeInitialAndTrailingSlashes(path).split("/");
   const subpathCombinations = getCollectionPathsCombinations(subpaths);
@@ -28306,12 +28547,14 @@ function getParentReferencesFromPath(props) {
     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) {
@@ -28321,7 +28564,8 @@ function getParentReferencesFromPath(props) {
             result.push(...getParentReferencesFromPath({
               path: newPath,
               collections: collection.subcollections,
-              currentFullPath: fullPath
+              currentFullPath: fullPath,
+              currentPathSegments: entitySegments
             }));
           }
         }
@@ -29105,6 +29349,7 @@ function useValidateAuthenticator(t0) {
       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,
@@ -29384,6 +29629,7 @@ function EntitySidePanel(props) {
     path,
     entityId,
     fullIdPath,
+    pathSegments,
     formProps
   } = props;
   const {
@@ -29451,7 +29697,7 @@ function EntitySidePanel(props) {
   if (!props || !collection) {
     return /* @__PURE__ */ jsx("div", { className: "w-full" });
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(EntityEditView$1, { ...props, fullIdPath, layout: "side_panel", collection, parentCollectionIds, onValuesModified, onSaved: onUpdate, barActions: ({
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(EntityEditView$1, { ...props, fullIdPath, pathSegments, layout: "side_panel", collection, parentCollectionIds, onValuesModified, onSaved: onUpdate, barActions: ({
     status,
     values
   }) => /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -29957,6 +30203,7 @@ function EntityEditView$1({
     dataLoadingError
   } = useEntityFetch({
     path: props.path,
+    pathSegments: props.pathSegments,
     entityId,
     collection: props.collection,
     databaseId: props.databaseId,
@@ -29984,6 +30231,7 @@ function EntityEditView$1({
 function EntityEditViewInner({
   path,
   fullIdPath,
+  pathSegments,
   entityId,
   selectedTab: selectedTabProp,
   collection,
@@ -30117,10 +30365,11 @@ function EntityEditViewInner({
     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__ */ jsxs("div", { className: "relative flex-1 h-full overflow-auto w-full", role: "tabpanel", children: [
       globalLoading && /* @__PURE__ */ jsx(CircularProgressCenter, {}),
-      !globalLoading && (usedEntity && newFullPath ? /* @__PURE__ */ jsx(EntityCollectionView$1, { fullPath: newFullPath, fullIdPath: newFullIdPath, parentCollectionIds: [...parentCollectionIds, collection.id], isSubCollection: true, updateUrl: false, ...subcollection, openEntityMode: layout }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsx(Typography, { variant: "label", children: t("youd_need_to_save_before_additional_collections") }) }))
+      !globalLoading && (usedEntity && newFullPath ? /* @__PURE__ */ jsx(EntityCollectionView$1, { fullPath: newFullPath, pathSegments: newPathSegments, fullIdPath: newFullIdPath, parentCollectionIds: [...parentCollectionIds, collection.id], isSubCollection: true, updateUrl: false, ...subcollection, openEntityMode: layout }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsx(Typography, { variant: "label", children: t("youd_need_to_save_before_additional_collections") }) }))
     ] }, `subcol_${subcollectionId}`);
   }).filter(Boolean);
   const onSideTabClick = (value_0) => {
@@ -30139,7 +30388,7 @@ function EntityEditViewInner({
     /* @__PURE__ */ jsx(EntityView, { className: "px-8 h-full overflow-auto", entity, path, collection }),
     /* @__PURE__ */ jsx("div", { className: "h-16" })
   ] }) }) : null;
-  const entityView = /* @__PURE__ */ jsx(EntityForm, { fullIdPath, collection, path, entityId: entityId ?? usedEntity?.id, onValuesModified, entity, initialDirtyValues, openEntityMode: layout, forceActionsAtTheBottom: actionsAtTheBottom, initialStatus: status, className: cls((!mainViewVisible || !canEdit) && !selectedSecondaryForm ? "hidden" : "", formProps?.className), EntityFormActionsComponent: EntityEditViewFormActions, disabled: !canEdit, ...formProps, onEntityChange: (entity_0) => {
+  const entityView = /* @__PURE__ */ jsx(EntityForm, { fullIdPath, collection, path, pathSegments, entityId: entityId ?? usedEntity?.id, onValuesModified, entity, initialDirtyValues, openEntityMode: layout, forceActionsAtTheBottom: actionsAtTheBottom, initialStatus: status, className: 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) => {
@@ -30369,17 +30618,20 @@ function buildSidePanelsFromUrl(path, collections, newFlag) {
   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
@@ -30398,6 +30650,9 @@ function buildSidePanelsFromUrl(path, collections, newFlag) {
     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
     };
   }
@@ -30634,6 +30889,7 @@ function useBuildDataSource({
      */
     fetchCollection: useCallback(({
       path,
+      pathSegments,
       collection,
       filter,
       limit,
@@ -30645,6 +30901,7 @@ function useBuildDataSource({
       const usedDelegate = collection?.overrides?.dataSourceDelegate ?? delegate;
       return usedDelegate.fetchCollection({
         path,
+        pathSegments,
         filter,
         limit,
         startAfter,
@@ -30672,6 +30929,7 @@ function useBuildDataSource({
      */
     listenCollection: delegate.listenCollection ? useCallback(({
       path: path_0,
+      pathSegments: pathSegments_0,
       collection: collectionProp,
       filter: filter_0,
       limit: limit_0,
@@ -30687,6 +30945,7 @@ function useBuildDataSource({
       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,
@@ -30707,12 +30966,14 @@ function useBuildDataSource({
      */
     fetchEntity: 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
       });
@@ -30729,6 +30990,7 @@ function useBuildDataSource({
      */
     listenEntity: delegate.listenEntity ? useCallback(({
       path: path_2,
+      pathSegments: pathSegments_2,
       entityId: entityId_0,
       collection: collection_2,
       onUpdate: onUpdate_0,
@@ -30738,6 +31000,7 @@ function useBuildDataSource({
       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,
@@ -30757,6 +31020,7 @@ function useBuildDataSource({
      */
     saveEntity: useCallback(async ({
       path: path_3,
+      pathSegments: pathSegments_3,
       entityId: entityId_1,
       values,
       collection: collectionProp_0,
@@ -30789,6 +31053,7 @@ function useBuildDataSource({
             try {
               const entities = await usedDelegate_3.fetchCollection({
                 path: path_3,
+                pathSegments: pathSegments_3,
                 orderBy: orderProperty,
                 order: "asc",
                 limit: 1,
@@ -30811,6 +31076,7 @@ function useBuildDataSource({
       }
       return usedDelegate_3.saveEntity({
         path: path_3,
+        pathSegments: pathSegments_3,
         collection: collection_3,
         entityId: entityId_1,
         values: finalValues,
@@ -30831,11 +31097,14 @@ function useBuildDataSource({
      */
     deleteEntity: 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]),
@@ -30849,16 +31118,17 @@ function useBuildDataSource({
      * @return `true` if there are no other fields besides the given entity
      * @group Firestore
      */
-    checkUniqueField: useCallback((path_4, name, value, entityId_2, collection_5) => {
+    checkUniqueField: 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: useCallback((path_5, collection_6) => {
+    generateEntityId: 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,
@@ -30867,6 +31137,7 @@ function useBuildDataSource({
       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,
@@ -30875,6 +31146,7 @@ function useBuildDataSource({
     } : void 0,
     isFilterCombinationValid: useCallback(({
       path: path_7,
+      pathSegments: pathSegments_8,
       databaseId,
       filterValues,
       sortBy
@@ -30882,6 +31154,7 @@ function useBuildDataSource({
       if (!delegate.isFilterCombinationValid) return true;
       return delegate.isFilterCombinationValid({
         path: path_7,
+        pathSegments: pathSegments_8,
         databaseId,
         filterValues,
         sortBy
@@ -32244,7 +32517,7 @@ function shouldBlockEntityNavigation(params) {
 const EntityEditView = lazyEager(() => Promise.resolve().then(() => EntityEditView$2), "EntityEditView");
 const EntityCollectionView = lazyEager(() => Promise.resolve().then(() => EntityCollectionView$2), "EntityCollectionView");
 function FireCMSRoute() {
-  const $ = c(82);
+  const $ = c(87);
   const location = useLocation$1();
   const navigation = useNavigationController();
   const breadcrumbs = useBreadcrumbsController();
@@ -32368,12 +32641,13 @@ function FireCMSRoute() {
     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);
@@ -32381,85 +32655,90 @@ function FireCMSRoute() {
           collection = navigation.getCollection(navigationEntries[0].path);
         }
         if (!collection) {
-          t15 = null;
+          t16 = null;
           break bb0;
         }
         T1 = React__default.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__ */ 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__ */ 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__ */ 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__ */ 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);
@@ -32472,12 +32751,13 @@ function FireCMSRoute() {
       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];
@@ -32486,96 +32766,100 @@ function FireCMSRoute() {
             collection_0 = navigation.getCollection(firstEntry.path);
           }
           if (!collection_0) {
-            t15 = null;
+            t16 = null;
             break bb1;
           }
           T1 = React__default.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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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;
 }
@@ -32654,7 +32938,7 @@ function EntityFullScreenRoute({
   const fullIdPath = isNew ? lastCollectionEntry.fullPath : parentCollectionEntry?.fullPath ?? lastEntityEntry.fullPath;
   const collectionPath = navigation.resolveIdsFrom(isNew ? lastCollectionEntry.path : lastEntityEntry.path);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(React__default.Suspense, { fallback: null, children: /* @__PURE__ */ 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__ */ jsx(React__default.Suspense, { fallback: null, children: /* @__PURE__ */ 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), {
@@ -33634,6 +33918,7 @@ const en = {
   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",
@@ -33821,6 +34106,10 @@ const en = {
   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",
@@ -34313,6 +34602,7 @@ const es = {
   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",
@@ -34500,6 +34790,10 @@ const es = {
   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",
@@ -34992,6 +35286,7 @@ const de = {
   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",
@@ -35177,6 +35472,10 @@ const de = {
   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",
@@ -35669,6 +35968,7 @@ const fr = {
   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",
@@ -35854,6 +36154,10 @@ const fr = {
   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",
@@ -36346,6 +36650,7 @@ const it = {
   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",
@@ -36531,6 +36836,10 @@ const it = {
   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",
@@ -37023,6 +37332,7 @@ const hi = {
   download: "डाउनलोड",
   large_number_of_documents: "इस संग्रह में बड़ी संख्या में दस्तावेज़ हैं ({{count}})।",
   include_undefined_values: "अपरिभाषित (undefined) मान शामिल करें",
+  export_apply_filter_sort: "केवल वर्तमान फ़िल्टर/सॉर्ट से मेल खाने वाले परिणाम निर्यात करें",
   submit: "सबमिट करें",
   no_filterable_properties: "कोई फ़िल्टर करने योग्य गुण उपलब्ध नहीं हैं",
   apply_filters: "फ़िल्टर लागू करें",
@@ -37208,6 +37518,10 @@ const hi = {
   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: "साइड डायलॉग चौड़ाई",
@@ -37700,6 +38014,7 @@ const pt = {
   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",
@@ -37887,6 +38202,10 @@ const pt = {
   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",
@@ -38379,6 +38698,7 @@ const pl = {
   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",
@@ -38566,6 +38886,10 @@ const pl = {
   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",
@@ -43537,6 +43861,7 @@ export {
   getEntityTitlePropertyKey,
   getFieldConfig,
   getFieldId,
+  getFileExtensionFromUrl,
   getFormFieldKeys,
   getGeoPointCoordinates,
   getHashValue,
@@ -43547,6 +43872,7 @@ export {
   getLabelOrConfigFrom,
   getLastSegment,
   getLocalChangesBackup,
+  getPreviewTypeFromUrl,
   getPropertiesWithPropertiesOrder,
   getPropertyInPath,
   getRandomId,
@@ -43556,6 +43882,7 @@ export {
   hydrateRegExp,
   iconSynonyms,
   iconsSearch,
+  isAbsoluteHttpUrl,
   isDataTypeFilterable,
   isDefaultFieldConfigId,
   isEmptyObject,