@firecms/core 3.0.0-rc.1 → 3.0.0-rc.2

package/dist/index.es.js

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import * as React from "react";
 import React__default, { useRef, useEffect, useContext, useCallback, useMemo, useState, createElement, createRef, createContext, forwardRef, useLayoutEffect, useDeferredValue } from "react";
-import { getColorSchemeForSeed, CHIP_COLORS, FunctionsIcon, CircleIcon, iconKeys, coolIconKeys, Icon, Tooltip, ErrorIcon, Typography, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, EditIcon, DoNotDisturbOnIcon, Menu, MenuItem, MoreVertIcon, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, CenteredView, AssignmentIcon, Label, CloseIcon, TextField, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogTitle, DialogContent, DialogActions, FileCopyIcon, DeleteIcon, AddIcon, StarIcon, Collapse, ExpandablePanel, ArrowForwardIcon, Card, cardMixin, cardClickableMixin, Container, LoadingButton, Alert, CheckIcon, NotesIcon, InfoIcon, fieldBackgroundMixin, RemoveIcon, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, FilterListOffIcon, SearchIcon, Avatar, DarkModeIcon, LightModeIcon, BrightnessMediumIcon, LogoutIcon, HandleIcon, KeyboardArrowUpIcon, KeyboardArrowDownIcon, debounce, Sheet, Tab, Tabs, CodeIcon, OpenInFullIcon, ViewStreamIcon, RepeatIcon, BallotIcon, ScheduleIcon, AddLinkIcon, LinkIcon, DriveFolderUploadIcon, UploadFileIcon, FormatListNumberedIcon, NumbersIcon, ListAltIcon, ListIcon, FlagIcon, MailIcon, HttpIcon, FormatQuoteIcon, SubjectIcon, ShortTextIcon, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
+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, Menu, MenuItem, MoreVertIcon, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, CenteredView, AssignmentIcon, Label, CloseIcon, TextField, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogTitle, DialogContent, DialogActions, FileCopyIcon, DeleteIcon, AddIcon, StarIcon, Collapse, ExpandablePanel, ArrowForwardIcon, Card, cardMixin, cardClickableMixin, Container, LoadingButton, Alert, CheckIcon, NotesIcon, InfoIcon, fieldBackgroundMixin, RemoveIcon, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, FilterListOffIcon, SearchIcon, Avatar, DarkModeIcon, LightModeIcon, BrightnessMediumIcon, LogoutIcon, HandleIcon, KeyboardArrowUpIcon, KeyboardArrowDownIcon, debounce, Sheet, Tab, Tabs, CodeIcon, OpenInFullIcon, ViewStreamIcon, RepeatIcon, BallotIcon, ScheduleIcon, AddLinkIcon, LinkIcon, DriveFolderUploadIcon, UploadFileIcon, FormatListNumberedIcon, NumbersIcon, PersonIcon, ListAltIcon, ListIcon, FlagIcon, MailIcon, HttpIcon, FormatQuoteIcon, SubjectIcon, ShortTextIcon, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import hash from "object-hash";
 import { getIn, useFormex, setIn, useCreateFormex, Formex, Field } from "@firecms/formex";
@@ -14,7 +14,7 @@ import * as locales from "date-fns/locale";
 import useMeasure from "react-use-measure";
 import * as yup from "yup";
 import { FixedSizeList } from "react-window";
-import { useSensor, MouseSensor, TouchSensor, KeyboardSensor, useSensors, closestCorners, closestCenter, pointerWithin, getFirstCollision, rectIntersection, useDroppable, useDndMonitor, DndContext, MeasuringStrategy, DragOverlay, PointerSensor } from "@dnd-kit/core";
+import { useSensor, MouseSensor, TouchSensor, KeyboardSensor, useSensors, closestCenter, pointerWithin, closestCorners, getFirstCollision, rectIntersection, useDroppable, useDndMonitor, DndContext, MeasuringStrategy, DragOverlay, PointerSensor } from "@dnd-kit/core";
 import { useSortable, defaultAnimateLayoutChanges, arrayMove as arrayMove$1, SortableContext, rectSortingStrategy, verticalListSortingStrategy, sortableKeyboardCoordinates, horizontalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { restrictToVerticalAxis, restrictToWindowEdges } from "@dnd-kit/modifiers";
@@ -210,9 +210,14 @@ class EntityReference {
    * to the root of the database).
    */
   path;
-  constructor(id, path) {
+  /**
+   * Optional database ID where the entity is stored (if multiple databases are used)
+   */
+  databaseId;
+  constructor(id, path, databaseId) {
     this.id = id;
     this.path = path;
+    this.databaseId = databaseId;
   }
   get pathWithId() {
     return `${this.path}/${this.id}`;
@@ -517,7 +522,7 @@ function sanitizeData(values, properties) {
   return result;
 }
 function getReferenceFrom(entity) {
-  return new EntityReference(entity.id, entity.path);
+  return new EntityReference(entity.id, entity.path, entity.databaseId);
 }
 function traverseValuesProperties(inputValues, properties, operation) {
   const updatedValues = Object.entries(properties).map(([key, property]) => {
@@ -4068,6 +4073,10 @@ const AnalyticsContext = React__default.createContext({});
 const useAnalyticsController = () => {
   return useContext(AnalyticsContext);
 };
+const InternalUserManagementContext = React__default.createContext({});
+const useInternalUserManagementController = () => {
+  return useContext(InternalUserManagementContext);
+};
 const useFireCMSContext = () => {
   const authController = useAuthController();
   const sideDialogsController = useSideDialogsController();
@@ -4080,6 +4089,7 @@ const useFireCMSContext = () => {
   const dialogsController = useDialogsController();
   const customizationController = useCustomizationController();
   const analyticsController = useAnalyticsController();
+  const userManagement = useInternalUserManagementController();
   const fireCMSContextRef = React__default.useRef({
     authController,
     sideDialogsController,
@@ -4091,7 +4101,8 @@ const useFireCMSContext = () => {
     userConfigPersistence,
     dialogsController,
     customizationController,
-    analyticsController
+    analyticsController,
+    userManagement
   });
   useEffect(() => {
     fireCMSContextRef.current = {
@@ -4105,7 +4116,8 @@ const useFireCMSContext = () => {
       userConfigPersistence,
       dialogsController,
       customizationController,
-      analyticsController
+      analyticsController,
+      userManagement
     };
   }, [authController, dialogsController, navigation, sideDialogsController]);
   return fireCMSContextRef.current;
@@ -4166,7 +4178,7 @@ function useCollectionFetch(t0) {
         }
         setDataLoading(false);
         setDataLoadingError(void 0);
-        setData(entities.map(_temp$r));
+        setData(entities.map(_temp$t));
         setNoMoreToLoad(!itemCount || entities.length < itemCount);
       };
       const onError = (error) => {
@@ -4199,7 +4211,7 @@ function useCollectionFetch(t0) {
           orderBy: sortByProperty,
           order: currentSort
         }).then(onEntitiesUpdate).catch(onError);
-        return _temp2$d;
+        return _temp2$e;
       }
     };
     $[4] = collection;
@@ -4247,9 +4259,9 @@ function useCollectionFetch(t0) {
   }
   return t5;
 }
-function _temp2$d() {
+function _temp2$e() {
 }
-function _temp$r(e_0) {
+function _temp$t(e_0) {
   return {
     ...e_0
   };
@@ -4314,7 +4326,7 @@ function useEntityFetch(t0) {
         setEntity(CACHE[`${path}/${entityId}`]);
         setDataLoading(false);
         setDataLoadingError(void 0);
-        return _temp$q;
+        return _temp$s;
       } else {
         if (entityId && path && collection) {
           if (dataSource.listenEntity) {
@@ -4333,7 +4345,7 @@ function useEntityFetch(t0) {
               databaseId,
               collection
             }).then(onEntityUpdate).catch(onError);
-            return _temp2$c;
+            return _temp2$d;
           }
         } else {
           onEntityUpdate(void 0);
@@ -4380,9 +4392,9 @@ function useEntityFetch(t0) {
 }
 function _temp3$4() {
 }
-function _temp2$c() {
+function _temp2$d() {
 }
-function _temp$q() {
+function _temp$s() {
 }
 async function saveEntityWithCallbacks({
   collection,
@@ -4762,6 +4774,48 @@ function checkLargeLayout(breakpoint = "lg") {
   if (typeof window === "undefined") return false;
   return window.matchMedia(`(min-width: ${breakpoints[breakpoint] + 1}px)`).matches;
 }
+function useCollapsedGroups(groupNames) {
+  const [collapsedGroups, setCollapsedGroups] = useState(() => {
+    try {
+      const stored = localStorage.getItem("firecms-collapsed-groups");
+      return stored ? JSON.parse(stored) : {};
+    } catch {
+      return {};
+    }
+  });
+  useEffect(() => {
+    try {
+      localStorage.setItem("firecms-collapsed-groups", JSON.stringify(collapsedGroups));
+    } catch {
+    }
+  }, [collapsedGroups]);
+  useEffect(() => {
+    if (groupNames.length === 0) return;
+    const currentGroupNames = new Set(groupNames);
+    setCollapsedGroups((prev) => {
+      const cleaned = Object.fromEntries(Object.entries(prev).filter(([groupName]) => currentGroupNames.has(groupName)));
+      const prevKeys = Object.keys(prev);
+      const cleanedKeys = Object.keys(cleaned);
+      if (prevKeys.length === cleanedKeys.length && prevKeys.every((key) => cleanedKeys.includes(key))) {
+        return prev;
+      }
+      return cleaned;
+    });
+  }, [groupNames]);
+  const isGroupCollapsed = useCallback((name) => {
+    return !!collapsedGroups[name];
+  }, [collapsedGroups]);
+  const toggleGroupCollapsed = useCallback((name_0) => {
+    setCollapsedGroups((prev_0) => ({
+      ...prev_0,
+      [name_0]: !prev_0[name_0]
+    }));
+  }, []);
+  return {
+    isGroupCollapsed,
+    toggleGroupCollapsed
+  };
+}
 function ErrorTooltip(props) {
   const $ = c(2);
   let t0;
@@ -4782,6 +4836,7 @@ function ErrorView(t0) {
     tooltip
   } = t0;
   const component = error instanceof Error ? error.message : error;
+  console.warn("ErrorView", JSON.stringify(error));
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(ErrorIcon, { className: "mx-2", size: "small", color: "error" });
@@ -4966,7 +5021,7 @@ function ImagePreview(t0) {
   }
   let t9;
   if ($[16] !== url) {
-    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$p, children: t8 }) });
+    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$r, children: t8 }) });
     $[16] = url;
     $[17] = t9;
   } else {
@@ -5000,7 +5055,7 @@ function ImagePreview(t0) {
   }
   return t11;
 }
-function _temp$p(e_0) {
+function _temp$r(e_0) {
   return e_0.stopPropagation();
 }
 function UrlComponentPreview(t0) {
@@ -5033,7 +5088,7 @@ function UrlComponentPreview(t0) {
     }
     let t3;
     if ($[2] !== url) {
-      t3 = /* @__PURE__ */ jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$o, target: "_blank", children: [
+      t3 = /* @__PURE__ */ jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$q, target: "_blank", children: [
         t2,
         url
       ] });
@@ -5136,7 +5191,7 @@ function UrlComponentPreview(t0) {
         }
         let t7;
         if ($[24] !== t4 || $[25] !== t6 || $[26] !== url) {
-          t7 = /* @__PURE__ */ jsxs("a", { href: url, rel: "noopener noreferrer", target: "_blank", onClick: _temp2$b, className: "flex flex-col items-center justify-center", style: t4, children: [
+          t7 = /* @__PURE__ */ jsxs("a", { href: url, rel: "noopener noreferrer", target: "_blank", onClick: _temp2$c, className: "flex flex-col items-center justify-center", style: t4, children: [
             t5,
             t6
           ] });
@@ -5161,10 +5216,10 @@ function UrlComponentPreview(t0) {
     }
   }
 }
-function _temp2$b(e_0) {
+function _temp2$c(e_0) {
   return e_0.stopPropagation();
 }
-function _temp$o(e) {
+function _temp$q(e) {
   e.preventDefault();
 }
 function VideoPreview(t0) {
@@ -5298,7 +5353,7 @@ function SkeletonPropertyComponent(t0) {
         if (Array.isArray(arrayProperty.of)) {
           let t1;
           if ($[6] !== arrayProperty.of) {
-            t1 = arrayProperty.of.map(_temp$n);
+            t1 = arrayProperty.of.map(_temp$p);
             $[6] = arrayProperty.of;
             $[7] = t1;
           } else {
@@ -5436,7 +5491,7 @@ function SkeletonPropertyComponent(t0) {
   }
   return content || null;
 }
-function _temp$n(p, i) {
+function _temp$p(p, i) {
   return renderGenericArrayCell(p, i);
 }
 function renderMap(property, size) {
@@ -5795,7 +5850,7 @@ function ArrayPropertyPreview(t0) {
   }
   let t3;
   if ($[11] !== t2) {
-    t3 = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: t2 });
+    t3 = /* @__PURE__ */ jsx("div", { className: "w-full flex flex-col gap-2", children: t2 });
     $[11] = t2;
     $[12] = t3;
   } else {
@@ -6007,7 +6062,7 @@ const ReferencePreview = function ReferencePreview2(props) {
   }
   let t0;
   if ($[8] !== props) {
-    t0 = /* @__PURE__ */ jsx(ReferencePreviewInternal, { ...props });
+    t0 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(ReferencePreviewInternal, { ...props }) });
     $[8] = props;
     $[9] = t0;
   } else {
@@ -6619,7 +6674,7 @@ function KeyValuePreview(t0) {
   }
   let t1;
   if ($[1] !== value) {
-    t1 = Object.entries(value).map(_temp$m);
+    t1 = Object.entries(value).map(_temp$o);
     $[1] = value;
     $[2] = t1;
   } else {
@@ -6635,7 +6690,7 @@ function KeyValuePreview(t0) {
   }
   return t2;
 }
-function _temp$m(t0) {
+function _temp$o(t0) {
   const [key, childValue] = t0;
   return /* @__PURE__ */ jsxs("div", { className: cls(defaultBorderMixin, "last:border-b-0 border-b"), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-row pt-0.5 pb-0.5 gap-2", children: [
@@ -6768,6 +6823,141 @@ function NumberPropertyPreview(t0) {
     return t1;
   }
 }
+function UserDisplay(t0) {
+  const $ = c(18);
+  const {
+    user
+  } = t0;
+  if (!user) {
+    let t12;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsx(EmptyValue, {});
+      $[0] = t12;
+    } else {
+      t12 = $[0];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = cls("inline-flex items-center gap-4 px-2 py-1 rounded-xl", "bg-surface-accent-100 dark:bg-surface-accent-800", "border", defaultBorderMixin);
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== user.displayName || $[3] !== user.email || $[4] !== user.photoURL) {
+    t2 = user.photoURL ? /* @__PURE__ */ jsx("img", { src: user.photoURL, alt: user.displayName || user.email || "User", className: cls("rounded-full object-cover", "w-6 h-6") }) : /* @__PURE__ */ jsx(AccountCircleIcon, { className: cls("text-text-secondary dark:text-text-secondary-dark", "w-6 h-6") });
+    $[2] = user.displayName;
+    $[3] = user.email;
+    $[4] = user.photoURL;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = cls("font-regular truncate", "text-sm");
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = user.displayName || user.email || "-";
+  let t5;
+  if ($[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx("span", { className: t3, children: t4 });
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== user.displayName || $[10] !== user.email) {
+    t6 = user.displayName && user.email && /* @__PURE__ */ jsx("span", { className: cls("text-text-secondary dark:text-text-secondary-dark truncate", "text-xs"), children: user.email });
+    $[9] = user.displayName;
+    $[10] = user.email;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t5 || $[13] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+      t5,
+      t6
+    ] });
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t2 || $[16] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
+      t2,
+      t7
+    ] });
+    $[15] = t2;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  return t8;
+}
+function UserPreview(t0) {
+  const $ = c(8);
+  const {
+    value
+  } = t0;
+  const {
+    getUser
+  } = useInternalUserManagementController();
+  if (!value) {
+    let t12;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsx(EmptyValue, {});
+      $[0] = t12;
+    } else {
+      t12 = $[0];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[1] !== getUser || $[2] !== value) {
+    t1 = getUser(value);
+    $[1] = getUser;
+    $[2] = value;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const user = t1;
+  if (!user) {
+    let t22;
+    if ($[4] !== value) {
+      t22 = /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "secondary", children: [
+        "User not found: ",
+        value
+      ] });
+      $[4] = value;
+      $[5] = t22;
+    } else {
+      t22 = $[5];
+    }
+    return t22;
+  }
+  let t2;
+  if ($[6] !== user) {
+    t2 = /* @__PURE__ */ jsx(UserDisplay, { user });
+    $[6] = user;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
 const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
   const $ = c(31);
   const authController = useAuthController();
@@ -6868,21 +7058,25 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
                     }
                     content = t02;
                   } else {
-                    if (stringProperty.reference) {
-                      if (typeof stringProperty.reference.path === "string") {
-                        content = /* @__PURE__ */ jsx(ReferencePreview, { disabled: !stringProperty.reference.path, previewProperties: stringProperty.reference.previewProperties, includeId: stringProperty.reference.includeId, includeEntityLink: stringProperty.reference.includeEntityLink, size: props.size, reference: new EntityReference(value, stringProperty.reference.path) });
-                      } else {
-                        let t02;
-                        if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-                          t02 = /* @__PURE__ */ jsx(EmptyValue, {});
-                          $[23] = t02;
+                    if (stringProperty.userSelect) {
+                      content = /* @__PURE__ */ jsx(UserPreview, { value, property: stringProperty, propertyKey, size: props.size });
+                    } else {
+                      if (stringProperty.reference) {
+                        if (typeof stringProperty.reference.path === "string") {
+                          content = /* @__PURE__ */ jsx(ReferencePreview, { disabled: !stringProperty.reference.path, previewProperties: stringProperty.reference.previewProperties, includeId: stringProperty.reference.includeId, includeEntityLink: stringProperty.reference.includeEntityLink, size: props.size, reference: new EntityReference(value, stringProperty.reference.path) });
                         } else {
-                          t02 = $[23];
+                          let t02;
+                          if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+                            t02 = /* @__PURE__ */ jsx(EmptyValue, {});
+                            $[23] = t02;
+                          } else {
+                            t02 = $[23];
+                          }
+                          content = t02;
                         }
-                        content = t02;
+                      } else {
+                        content = /* @__PURE__ */ jsx(StringPropertyPreview, { ...props, property: stringProperty, value });
                       }
-                    } else {
-                      content = /* @__PURE__ */ jsx(StringPropertyPreview, { ...props, property: stringProperty, value });
                     }
                   }
                 }
@@ -7403,7 +7597,7 @@ function VirtualTableSelect(props) {
       console.trace("onChange");
       if (valueType === "number") {
         if (multiple) {
-          const newValue = updatedValue.map(_temp$l);
+          const newValue = updatedValue.map(_temp$n);
           updateValue(newValue);
         } else {
           updateValue(parseFloat(updatedValue));
@@ -7440,7 +7634,7 @@ function VirtualTableSelect(props) {
   const renderValue = t3;
   let t4;
   if ($[10] !== disabled || $[11] !== enumValues || $[12] !== internalValue || $[13] !== multiple || $[14] !== onChange || $[15] !== renderValue || $[16] !== small || $[17] !== validValue) {
-    t4 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$a) : [], onValueChange: onChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
+    t4 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$b) : [], onValueChange: onChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
     $[10] = disabled;
     $[11] = enumValues;
     $[12] = internalValue;
@@ -7455,10 +7649,10 @@ function VirtualTableSelect(props) {
   }
   return t4;
 }
-function _temp2$a(v_0) {
+function _temp2$b(v_0) {
   return v_0.toString();
 }
-function _temp$l(v) {
+function _temp$n(v) {
   return parseFloat(v);
 }
 function VirtualTableNumberInput(props) {
@@ -7589,6 +7783,89 @@ function VirtualTableDateField(props) {
   }
   return t4;
 }
+function VirtualTableUserSelect(props) {
+  const $ = c(15);
+  const {
+    internalValue,
+    disabled,
+    focused,
+    updateValue,
+    multiple
+  } = props;
+  const {
+    users,
+    getUser
+  } = useInternalUserManagementController();
+  const validValue = Array.isArray(internalValue) && multiple || !Array.isArray(internalValue) && !multiple;
+  const ref = React__default.useRef(null);
+  let t0;
+  let t1;
+  if ($[0] !== focused) {
+    t0 = () => {
+      if (ref.current && focused) {
+        ref.current?.focus({
+          preventScroll: true
+        });
+      }
+    };
+    t1 = [focused, ref];
+    $[0] = focused;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[3] !== updateValue) {
+    t2 = (updatedValue) => {
+      if (!updatedValue) {
+        updateValue(null);
+      } else {
+        updateValue(updatedValue);
+      }
+    };
+    $[3] = updateValue;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const onChange = t2;
+  let t3;
+  if ($[5] !== getUser) {
+    t3 = (userId) => {
+      const user = getUser(userId);
+      return /* @__PURE__ */ jsx(UserDisplay, { user });
+    };
+    $[5] = getUser;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const renderValue = t3;
+  let t4;
+  if ($[7] !== disabled || $[8] !== internalValue || $[9] !== multiple || $[10] !== onChange || $[11] !== renderValue || $[12] !== users || $[13] !== validValue) {
+    t4 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue : [], onValueChange: onChange, children: users?.map(_temp$m) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue : "", onValueChange: onChange, renderValue, children: users?.map(_temp2$a) });
+    $[7] = disabled;
+    $[8] = internalValue;
+    $[9] = multiple;
+    $[10] = onChange;
+    $[11] = renderValue;
+    $[12] = users;
+    $[13] = validValue;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
+}
+function _temp2$a(user_1) {
+  return /* @__PURE__ */ jsx(SelectItem, { value: user_1.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_1 }) }, user_1.uid);
+}
+function _temp$m(user_0) {
+  return /* @__PURE__ */ jsx(MultiSelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
+}
 class ErrorBoundary extends React__default.Component {
   constructor(props) {
     super(props);
@@ -8017,7 +8294,7 @@ function StorageUpload$1(t0) {
   const snackbarContext = useSnackbarController();
   let t1;
   if ($[0] !== storage.acceptedFiles) {
-    t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$k).reduce(_temp2$9, {}) : void 0;
+    t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$l).reduce(_temp2$9, {}) : void 0;
     $[0] = storage.acceptedFiles;
     $[1] = t1;
   } else {
@@ -8246,7 +8523,7 @@ function _temp2$9(a, b) {
     ...b
   };
 }
-function _temp$k(e) {
+function _temp$l(e) {
   return {
     [e]: []
   };
@@ -8353,7 +8630,7 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   let t1;
   if ($[2] !== updateValue) {
     t1 = (entities) => {
-      updateValue(entities.map(_temp$j));
+      updateValue(entities.map(_temp$k));
     };
     $[2] = updateValue;
     $[3] = t1;
@@ -8514,7 +8791,7 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   }
   return t10;
 }, equal);
-function _temp$j(e) {
+function _temp$k(e) {
   return getReferenceFrom(e);
 }
 function _temp2$8(ref) {
@@ -9376,6 +9653,9 @@ const PropertyTableCell = React__default.memo(function PropertyTableCell2({
       if (stringProperty_0.enumValues) {
         innerComponent = /* @__PURE__ */ jsx(VirtualTableSelect, { name: propertyKey, multiple: false, focused: selected, disabled, valueType: "string", small: getPreviewSizeFrom(size) !== "medium", enumValues: stringProperty_0.enumValues, error: validationError ?? error, internalValue, updateValue });
         fullHeight = true;
+      } else if (stringProperty_0.userSelect) {
+        innerComponent = /* @__PURE__ */ jsx(VirtualTableUserSelect, { name: propertyKey, multiple: false, focused: selected, disabled, small: getPreviewSizeFrom(size) !== "medium", error: validationError ?? error, internalValue, updateValue });
+        fullHeight = true;
       } else if (stringProperty_0.markdown || !stringProperty_0.storage || !stringProperty_0.reference) {
         const multiline = Boolean(stringProperty_0.multiline) || Boolean(stringProperty_0.markdown);
         innerComponent = /* @__PURE__ */ jsx(VirtualTableInput, { error: validationError ?? error, disabled, multiline, focused: selected, value: internalValue, updateValue });
@@ -9440,7 +9720,8 @@ function customReplacer(key) {
     return {
       __type: "EntityReference",
       id: value.id,
-      path: value.path
+      path: value.path,
+      databaseId: value.databaseId
     };
   }
   if (value instanceof GeoPoint) {
@@ -9464,7 +9745,7 @@ function customReviver(key, value) {
       case "Date":
         return new Date(value.value);
       case "EntityReference":
-        return new EntityReference(value.id, value.path);
+        return new EntityReference(value.id, value.path, value.databaseId);
       case "GeoPoint":
         return new GeoPoint(value.latitude, value.longitude);
       case "Vector":
@@ -9676,7 +9957,7 @@ function CollectionTableToolbar(t0) {
   }
   let t6;
   if ($[6] !== t3 || $[7] !== t4) {
-    t6 = /* @__PURE__ */ jsx(Tooltip, { title: "Table row size", side: "right", sideOffset: 4, children: /* @__PURE__ */ jsx(Select, { value: t3, className: "w-16 ml-2", size: "small", onValueChange: t4, renderValue: _temp$i, children: t5 }) });
+    t6 = /* @__PURE__ */ jsx(Tooltip, { title: "Table row size", side: "right", sideOffset: 4, children: /* @__PURE__ */ jsx(Select, { value: t3, className: "w-16 ml-2", size: "small", onValueChange: t4, renderValue: _temp$j, children: t5 }) });
     $[6] = t3;
     $[7] = t4;
     $[8] = t6;
@@ -9763,7 +10044,7 @@ function CollectionTableToolbar(t0) {
 function _temp2$7(size_0) {
   return /* @__PURE__ */ jsx(SelectItem, { value: size_0, className: "w-12 font-medium text-center", children: size_0.toUpperCase() }, size_0);
 }
-function _temp$i(v_0) {
+function _temp$j(v_0) {
   return /* @__PURE__ */ jsx("div", { className: "font-medium", children: v_0.toUpperCase() });
 }
 function getTableCellAlignment(property) {
@@ -9835,21 +10116,15 @@ function useColumnIds(collection, includeSubcollections) {
   let t0;
   bb0: {
     if (collection.propertiesOrder) {
-      let propertyColumnConfigs;
+      let t12;
       if ($[0] !== collection) {
-        propertyColumnConfigs = hideAndExpandKeys(collection, collection.propertiesOrder);
-        if (collection.collectionGroup) {
-          propertyColumnConfigs.push({
-            key: COLLECTION_GROUP_PARENT_ID,
-            disabled: true
-          });
-        }
+        t12 = hideAndExpandKeys(collection, collection.propertiesOrder);
         $[0] = collection;
-        $[1] = propertyColumnConfigs;
+        $[1] = t12;
       } else {
-        propertyColumnConfigs = $[1];
+        t12 = $[1];
       }
-      t0 = propertyColumnConfigs;
+      t0 = t12;
       break bb0;
     }
     let t1;
@@ -10883,7 +11158,7 @@ const SafeLinkRenderer = (t0) => {
   let t1;
   if ($[0] !== text) {
     const urlRegex = /https?:\/\/[^\s]+/g;
-    t1 = text.replace(urlRegex, _temp$h);
+    t1 = text.replace(urlRegex, _temp$i);
     $[0] = text;
     $[1] = t1;
   } else {
@@ -10902,7 +11177,7 @@ const SafeLinkRenderer = (t0) => {
   }
   return t2;
 };
-function _temp$h(url) {
+function _temp$i(url) {
   return `<a href="${url}" class="underline" target="_blank">Link</a><br/>`;
 }
 const operationLabels$2 = {
@@ -11110,7 +11385,7 @@ function StringNumberFilterField(t0) {
   }
   let t6;
   if ($[16] !== operation || $[17] !== t4 || $[18] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, fullWidth: true, position: "item-aligned", onValueChange: t4, renderValue: _temp$g, children: t5 }) });
+    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, fullWidth: true, position: "item-aligned", onValueChange: t4, renderValue: _temp$h, children: t5 }) });
     $[16] = operation;
     $[17] = t4;
     $[18] = t5;
@@ -11123,7 +11398,7 @@ function StringNumberFilterField(t0) {
     t7 = !enumValues && /* @__PURE__ */ jsx(TextField, { type: dataType === "number" ? "number" : void 0, value: internalValue !== void 0 && internalValue != null ? String(internalValue) : "", onChange: (evt) => {
       const val_0 = dataType === "number" ? parseFloat(evt.target.value) : evt.target.value;
       updateFilter(operation, val_0);
-    }, endAdornment: internalValue && /* @__PURE__ */ jsx(IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsx(CloseIcon, {}) }) });
+    }, endAdornment: internalValue !== void 0 && internalValue != null && /* @__PURE__ */ jsx(IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsx(CloseIcon, {}) }) });
     $[20] = dataType;
     $[21] = enumValues;
     $[22] = internalValue;
@@ -11234,7 +11509,7 @@ function _temp3$3(e_1) {
 function _temp2$6(op_1) {
   return /* @__PURE__ */ jsx(SelectItem, { value: op_1, children: operationLabels$1[op_1] }, op_1);
 }
-function _temp$g(op_0) {
+function _temp$h(op_0) {
   return operationLabels$1[op_0];
 }
 function BooleanFilterField(t0) {
@@ -11373,7 +11648,7 @@ function DateTimeFilterField(t0) {
   }
   let t6;
   if ($[13] !== operation || $[14] !== t4 || $[15] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "large", fullWidth: true, onValueChange: t4, renderValue: _temp$f, children: t5 }) });
+    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "large", fullWidth: true, onValueChange: t4, renderValue: _temp$g, children: t5 }) });
     $[13] = operation;
     $[14] = t4;
     $[15] = t5;
@@ -11462,7 +11737,7 @@ function DateTimeFilterField(t0) {
 function _temp2$5(op_1) {
   return /* @__PURE__ */ jsx(SelectItem, { value: op_1, children: operationLabels[op_1] }, op_1);
 }
-function _temp$f(op_0) {
+function _temp$g(op_0) {
   return operationLabels[op_0];
 }
 const SelectableTable = function SelectableTable2({
@@ -12166,7 +12441,7 @@ function useTableSearchHelper(t0) {
     const searchBlocked = t12;
     let t2;
     if ($[15] !== customizationController.plugins || $[16] !== dataSource?.initTextSearch) {
-      t2 = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$e);
+      t2 = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$f);
       $[15] = customizationController.plugins;
       $[16] = dataSource?.initTextSearch;
       $[17] = t2;
@@ -12258,7 +12533,7 @@ function useTableSearchHelper(t0) {
   }
   return t1;
 }
-function _temp$e(p_0) {
+function _temp$f(p_0) {
   return Boolean(p_0.collectionView?.onTextSearchClick);
 }
 function DeleteEntityDialog({
@@ -12851,7 +13126,7 @@ function FavouritesView(t0) {
     T0 = Collapse;
     t4 = favouriteCollections.length > 0;
     t2 = "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]";
-    t3 = favouriteCollections.map(_temp$d);
+    t3 = favouriteCollections.map(_temp$e);
     $[2] = navigationController;
     $[3] = t1;
     $[4] = T0;
@@ -12885,7 +13160,7 @@ function FavouritesView(t0) {
   }
   return t6;
 }
-function _temp$d(entry_0) {
+function _temp$e(entry_0) {
   return /* @__PURE__ */ jsx(NavigationChip, { entry: entry_0 }, entry_0.path);
 }
 const scrollsMap = {};
@@ -13102,7 +13377,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
   }
   let t4;
   if ($[4] !== actions) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", onClick: _temp$c, children: actions });
+    t4 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", onClick: _temp$d, children: actions });
     $[4] = actions;
     $[5] = t4;
   } else {
@@ -13189,7 +13464,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
   }
   return t12;
 });
-function _temp$c(event) {
+function _temp$d(event) {
   event.preventDefault();
   event.stopPropagation();
 }
@@ -13651,32 +13926,6 @@ function useHomePageDnd({
     if (activeIsGroup) {
       const groups = args.droppableContainers.filter((c2) => dndItems.some((g_2) => g_2.name === c2.id));
       if (!groups.length) return [];
-      if (groups.length > 0) {
-        const firstGroup = groups[0];
-        const firstGroupRect = firstGroup.rect.current;
-        const {
-          x,
-          y
-        } = args.pointerCoordinates || {
-          x: 0,
-          y: 0
-        };
-        if (firstGroupRect && y < firstGroupRect.top + 20) {
-          return [{
-            id: firstGroup.id,
-            data: {
-              insertBefore: true
-            }
-          }];
-        }
-      }
-      const cornersResult = closestCorners({
-        ...args,
-        droppableContainers: groups
-      });
-      if (cornersResult.length) {
-        return cornersResult;
-      }
       return closestCenter({
         ...args,
         droppableContainers: groups
@@ -13784,46 +14033,37 @@ function useHomePageDnd({
     const activeIdNow_0 = active_1.id;
     const overIdNow_0 = over_0.id;
     if (activeIsGroup) {
-      const insertBefore = over_0.data?.current?.insertBefore;
-      if (insertBefore && activeIdNow_0 !== overIdNow_0) {
+      if (activeIdNow_0 !== overIdNow_0 && dndItems.some((g_12) => g_12.name === overIdNow_0)) {
         const from = dndItems.findIndex((g_10) => g_10.name === activeIdNow_0);
-        if (from !== -1 && from !== 0) {
-          const newState_0 = arrayMove$1(dndItems, from, 0);
+        const to = dndItems.findIndex((g_11) => g_11.name === overIdNow_0);
+        if (from !== -1 && to !== -1) {
+          const newState_0 = arrayMove$1(dndItems, from, to);
           setDndItems(newState_0);
           onPersist?.(newState_0);
-          onGroupMoved?.(activeIdNow_0, from, 0);
-        }
-      } else if (activeIdNow_0 !== overIdNow_0 && dndItems.some((g_13) => g_13.name === overIdNow_0)) {
-        const from_0 = dndItems.findIndex((g_11) => g_11.name === activeIdNow_0);
-        const to = dndItems.findIndex((g_12) => g_12.name === overIdNow_0);
-        if (from_0 !== -1 && to !== -1) {
-          const newState_1 = arrayMove$1(dndItems, from_0, to);
-          setDndItems(newState_1);
-          onPersist?.(newState_1);
-          onGroupMoved?.(activeIdNow_0, from_0, to);
+          onGroupMoved?.(activeIdNow_0, from, to);
         }
       }
     } else {
       const activeCont_0 = findDndContainer(activeIdNow_0);
       if (overIdNow_0 === "new-group-drop-zone") {
         if (activeCont_0) {
-          const newState_2 = cloneItemsForDnd(dndItems);
-          const srcIdx_0 = newState_2.findIndex((g_14) => g_14.name === activeCont_0);
+          const newState_1 = cloneItemsForDnd(dndItems);
+          const srcIdx_0 = newState_1.findIndex((g_13) => g_13.name === activeCont_0);
           if (srcIdx_0 !== -1) {
-            const src_0 = newState_2[srcIdx_0];
+            const src_0 = newState_1[srcIdx_0];
             const idxInSrc_0 = src_0.entries.findIndex((e_3) => e_3.url === activeIdNow_0);
             if (idxInSrc_0 !== -1) {
               const [dragged] = src_0.entries.splice(idxInSrc_0, 1);
-              if (src_0.entries.length === 0) newState_2.splice(srcIdx_0, 1);
+              if (src_0.entries.length === 0) newState_1.splice(srcIdx_0, 1);
               let tentative = "New Group";
               let counter = 1;
-              while (newState_2.some((g_15) => g_15.name === tentative)) tentative = `New Group ${counter++}`;
-              newState_2.push({
+              while (newState_1.some((g_14) => g_14.name === tentative)) tentative = `New Group ${counter++}`;
+              newState_1.push({
                 name: tentative,
                 entries: [dragged]
               });
-              setDndItems(newState_2);
-              onPersist?.(newState_2);
+              setDndItems(newState_1);
+              onPersist?.(newState_1);
               setDialogOpenForGroup(tentative);
               onNewGroupDrop?.();
             }
@@ -13832,7 +14072,7 @@ function useHomePageDnd({
       } else {
         const overCont_0 = findDndContainer(overIdNow_0);
         if (activeCont_0 === overCont_0) {
-          const grpIdx = dndItems.findIndex((g_16) => g_16.name === activeCont_0);
+          const grpIdx = dndItems.findIndex((g_15) => g_15.name === activeCont_0);
           if (grpIdx !== -1) {
             const group_0 = dndItems[grpIdx];
             const oldIdx = group_0.entries.findIndex((e_4) => e_4.url === activeIdNow_0);
@@ -13840,19 +14080,19 @@ function useHomePageDnd({
             if (newIdx === -1 && overIdNow_0 === activeCont_0) newIdx = group_0.entries.length - 1;
             if (oldIdx !== -1 && newIdx !== -1 && oldIdx !== newIdx) {
               const reordered = arrayMove$1(group_0.entries, oldIdx, newIdx);
-              const newState_3 = [...dndItems];
-              newState_3[grpIdx] = {
+              const newState_2 = [...dndItems];
+              newState_2[grpIdx] = {
                 ...group_0,
                 entries: reordered
               };
-              setDndItems(newState_3);
-              onPersist?.(newState_3);
+              setDndItems(newState_2);
+              onPersist?.(newState_2);
             }
           }
         } else if (recentlyMovedToNewContainer.current && interimItemsRef.current) {
           onPersist?.(interimItemsRef.current);
         }
-        onCardMovedBetweenGroups?.(dndItems.flatMap((g_17) => g_17.entries).find((e_6) => e_6.url === activeIdNow_0));
+        onCardMovedBetweenGroups?.(dndItems.flatMap((g_16) => g_16.entries).find((e_6) => e_6.url === activeIdNow_0));
       }
     }
     resetDragState();
@@ -13865,14 +14105,12 @@ function useHomePageDnd({
     setIsDraggingCardOnly(false);
     recentlyMovedToNewContainer.current = false;
   };
-  const handleDragCancel = () => {
-    resetDragState();
-  };
+  const handleDragCancel = () => resetDragState();
   const handleRenameGroup = (oldName, newName) => {
     setDndItems((current) => {
-      const idx = current.findIndex((g_18) => g_18.name === oldName);
+      const idx = current.findIndex((g_17) => g_17.name === oldName);
       if (idx === -1) return current;
-      if (current.some((g_19) => g_19.name === newName && g_19.name !== oldName)) return current;
+      if (current.some((g_18) => g_18.name === newName && g_18.name !== oldName)) return current;
       const updated = [...current];
       updated[idx] = {
         ...updated[idx],
@@ -13881,9 +14119,10 @@ function useHomePageDnd({
       onPersist?.(updated);
       return updated;
     });
+    setDialogOpenForGroup(null);
   };
-  const activeItemForOverlay = disabled || !activeId || activeIsGroup ? null : dndItems.flatMap((g_20) => g_20.entries).find((e_7) => e_7.url === activeId) || null;
-  const activeGroupData = disabled || !activeId || !activeIsGroup ? null : dndItems.find((g_21) => g_21.name === activeId) || null;
+  const activeItemForOverlay = disabled || !activeId || activeIsGroup ? null : dndItems.flatMap((g_19) => g_19.entries).find((e_7) => e_7.url === activeId) || null;
+  const activeGroupData = disabled || !activeId || !activeIsGroup ? null : dndItems.find((g_20) => g_20.name === activeId) || null;
   return {
     sensors,
     collisionDetection,
@@ -14001,7 +14240,7 @@ function NewGroupDropZone(t0) {
   return t8;
 }
 function RenameGroupDialog(t0) {
-  const $ = c(41);
+  const $ = c(40);
   const {
     open,
     initialName,
@@ -14193,19 +14432,18 @@ function RenameGroupDialog(t0) {
     t15 = $[35];
   }
   let t16;
-  if ($[36] !== onClose || $[37] !== open || $[38] !== t11 || $[39] !== t15) {
-    t16 = /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: onClose, children: [
+  if ($[36] !== open || $[37] !== t11 || $[38] !== t15) {
+    t16 = /* @__PURE__ */ jsxs(Dialog, { open, children: [
       t6,
       t11,
       t15
     ] });
-    $[36] = onClose;
-    $[37] = open;
-    $[38] = t11;
-    $[39] = t15;
-    $[40] = t16;
+    $[36] = open;
+    $[37] = t11;
+    $[38] = t15;
+    $[39] = t16;
   } else {
-    t16 = $[40];
+    t16 = $[39];
   }
   return t16;
 }
@@ -14305,16 +14543,11 @@ function DefaultHomePage({
     }] : draggable;
     onNavigationEntriesUpdate(all);
   };
-  const [collapsedGroups, setCollapsedGroups] = useState({});
-  const isGroupCollapsed = useCallback((name_0) => {
-    return !!collapsedGroups[name_0];
-  }, [collapsedGroups]);
-  const toggleGroupCollapsed = useCallback((name_1) => {
-    setCollapsedGroups((prev) => ({
-      ...prev,
-      [name_1]: !prev[name_1]
-    }));
-  }, []);
+  const groupNames = useMemo(() => [...items.map((item) => item.name), ...adminGroupData ? [adminGroupData.name] : []], [items, adminGroupData]);
+  const {
+    isGroupCollapsed,
+    toggleGroupCollapsed
+  } = useCollapsedGroups(groupNames);
   const {
     sensors,
     collisionDetection,
@@ -14343,18 +14576,9 @@ function DefaultHomePage({
     onGroupMoved: (g_8) => context.analyticsController?.onAnalyticsEvent?.("home_move_group", {
       name: g_8
     }),
-    onCardMovedBetweenGroups: (card) => {
-      let targetGroup = items.find((group) => group.entries.some((entry) => entry.url === card.url));
-      if (!targetGroup && adminGroupData?.entries.some((entry_0) => entry_0.url === card.url)) {
-        targetGroup = adminGroupData;
-      }
-      if (targetGroup && isGroupCollapsed(targetGroup.name)) {
-        toggleGroupCollapsed(targetGroup.name);
-      }
-      context.analyticsController?.onAnalyticsEvent?.("home_move_card", {
-        id: card.id
-      });
-    },
+    onCardMovedBetweenGroups: (card) => context.analyticsController?.onAnalyticsEvent?.("home_move_card", {
+      id: card.id
+    }),
     onNewGroupDrop: () => context.analyticsController?.onAnalyticsEvent?.("home_drop_new_group")
   });
   const {
@@ -14410,15 +14634,15 @@ function DefaultHomePage({
             if (dndDisabled) return;
             setDialogOpenForGroup(groupKey);
           }, collapsed: isGroupCollapsed(groupKey), onToggleCollapsed: () => toggleGroupCollapsed(groupKey), children: /* @__PURE__ */ jsx(NavigationGroupDroppable, { id: groupKey, itemIds: entriesInGroup.map((e_4) => e_4.url), isPotentialCardDropTarget: isDraggingCardOnly, children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: [
-            entriesInGroup.map((entry_1) => /* @__PURE__ */ jsx(SortableNavigationCard, { entry: entry_1, onClick: () => {
+            entriesInGroup.map((entry) => /* @__PURE__ */ jsx(SortableNavigationCard, { entry, onClick: () => {
               let event = "unmapped_event";
-              if (entry_1.type === "collection") event = "home_navigate_to_collection";
-              else if (entry_1.type === "view") event = "home_navigate_to_view";
-              else if (entry_1.type === "admin") event = "home_navigate_to_admin_view";
+              if (entry.type === "collection") event = "home_navigate_to_collection";
+              else if (entry.type === "view") event = "home_navigate_to_view";
+              else if (entry.type === "admin") event = "home_navigate_to_admin_view";
               context.analyticsController?.onAnalyticsEvent?.(event, {
-                path: entry_1.path
+                path: entry.path
               });
-            } }, entry_1.url)),
+            } }, entry.url)),
             !performingSearch && groupKey.toLowerCase() !== ADMIN_GROUP_NAME.toLowerCase() && AdditionalCards.map((C, i_1) => /* @__PURE__ */ jsx(C, { ...actionProps }, `extra_${groupKey}_${i_1}`))
           ] }) }) }) }, groupKey);
         }) }, JSON.stringify(containers)),
@@ -14428,22 +14652,21 @@ function DefaultHomePage({
           margin: 0
         }, children: /* @__PURE__ */ jsx(NavigationGroup, { group: activeGroupData.name === DEFAULT_GROUP_NAME ? void 0 : activeGroupData.name, isPreview: false, minimised: true }) }) : activeItemForOverlay ? /* @__PURE__ */ jsx(NavigationCardBinding, { ...activeItemForOverlay, shrink: isHoveringNewGroupDropZone }) : null })
       ] }),
-      !performingSearch && adminGroupData && /* @__PURE__ */ jsx(NavigationGroup, { group: adminGroupData.name, collapsed: isGroupCollapsed(adminGroupData.name), onToggleCollapsed: () => toggleGroupCollapsed(adminGroupData.name), children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: adminGroupData.entries.map((entry_2) => /* @__PURE__ */ jsx(NavigationCardBinding, { ...entry_2, onClick: () => {
+      !performingSearch && adminGroupData && /* @__PURE__ */ jsx(NavigationGroup, { group: adminGroupData.name, collapsed: isGroupCollapsed(adminGroupData.name), onToggleCollapsed: () => toggleGroupCollapsed(adminGroupData.name), children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: adminGroupData.entries.map((entry_0) => /* @__PURE__ */ jsx(NavigationCardBinding, { ...entry_0, onClick: () => {
         let event_0 = "unmapped_event";
-        if (entry_2.type === "collection") event_0 = "home_navigate_to_collection";
-        else if (entry_2.type === "view") event_0 = "home_navigate_to_view";
-        else if (entry_2.type === "admin") event_0 = "home_navigate_to_admin_view";
+        if (entry_0.type === "collection") event_0 = "home_navigate_to_collection";
+        else if (entry_0.type === "view") event_0 = "home_navigate_to_view";
+        else if (entry_0.type === "admin") event_0 = "home_navigate_to_admin_view";
         context.analyticsController?.onAnalyticsEvent?.(event_0, {
-          path: entry_2.path
+          path: entry_0.path
         });
-      } }, entry_2.url)) }) }),
+      } }, entry_0.url)) }) }),
       additionalPluginSections,
       additionalPluginChildrenEnd,
       additionalChildrenEnd
     ] }),
     dialogOpenForGroup && /* @__PURE__ */ jsx(RenameGroupDialog, { open: true, initialName: dialogOpenForGroup, existingGroupNames: items.map((g_9) => g_9.name).filter((n) => n !== dialogOpenForGroup), onClose: () => setDialogOpenForGroup(null), onRename: (newName) => {
       handleRenameGroup(dialogOpenForGroup, newName);
-      setDialogOpenForGroup(null);
     } })
   ] });
 }
@@ -16115,7 +16338,7 @@ function StorageItemPreview(t0) {
   }
   let t5;
   if ($[14] !== placeholder) {
-    t5 = placeholder && /* @__PURE__ */ jsx("div", { onClick: _temp$b, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx(DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
+    t5 = placeholder && /* @__PURE__ */ jsx("div", { onClick: _temp$c, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx(DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
     $[14] = placeholder;
     $[15] = t5;
   } else {
@@ -16138,7 +16361,7 @@ function StorageItemPreview(t0) {
   }
   return t6;
 }
-function _temp$b(e) {
+function _temp$c(e) {
   return e.stopPropagation();
 }
 const dropZoneClasses = "box-border relative pt-[2px] items-center border border-transparent min-h-[254px] outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid";
@@ -16356,7 +16579,7 @@ function SortableStorageItem(t0) {
     t4 = $[7];
   }
   const style = t4;
-  const getImageSizeNumber = _temp$a;
+  const getImageSizeNumber = _temp$b;
   let child;
   if (entry.storagePathOrDownloadUrl) {
     const t52 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
@@ -16431,7 +16654,7 @@ function SortableStorageItem(t0) {
   }
   return t6;
 }
-function _temp$a(previewSize) {
+function _temp$b(previewSize) {
   switch (previewSize) {
     case "small": {
       return 40;
@@ -17576,6 +17799,13 @@ function PropertyFieldBindingInternal(t0) {
   } = t0;
   const authController = useAuthController();
   const customizationController = useCustomizationController();
+  if (propertyKey === "created_by") {
+    console.log("Rendering field for created_by", {
+      propertyKey,
+      property,
+      context
+    });
+  }
   let t1;
   if ($[0] !== authController || $[1] !== autoFocus || $[2] !== context || $[3] !== customizationController.propertyConfigs || $[4] !== disabledProp || $[5] !== includeDescription || $[6] !== index || $[7] !== minimalistView || $[8] !== onPropertyChange || $[9] !== partOfArray || $[10] !== property || $[11] !== propertyKey || $[12] !== size || $[13] !== underlyingValueHasChanged) {
     t1 = (fieldProps) => {
@@ -17887,7 +18117,7 @@ function MapFieldBinding(t0) {
     } else {
       t42 = $[20];
     }
-    t3 = Object.entries(mapProperties).filter(_temp$9).map(t42);
+    t3 = Object.entries(mapProperties).filter(_temp$a).map(t42);
     $[6] = autoFocus;
     $[7] = context;
     $[8] = disabled;
@@ -17957,7 +18187,7 @@ function MapFieldBinding(t0) {
   }
   return t10;
 }
-function _temp$9(t0) {
+function _temp$a(t0) {
   const [, property_0] = t0;
   return !isHidden(property_0);
 }
@@ -19027,7 +19257,7 @@ function BlockEntry(t0) {
   const property = t4;
   let t5;
   if ($[9] !== properties) {
-    t5 = Object.entries(properties).map(_temp$8);
+    t5 = Object.entries(properties).map(_temp$9);
     $[9] = properties;
     $[10] = t5;
   } else {
@@ -19118,7 +19348,7 @@ function BlockEntry(t0) {
   }
   return t11;
 }
-function _temp$8(t0) {
+function _temp$9(t0) {
   const [key, property_0] = t0;
   return {
     id: key,
@@ -20440,7 +20670,7 @@ function PropertyConfigBadge(t0) {
     propertyConfig,
     disabled
   } = t0;
-  const classes = "h-8 w-8 p-1 rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
+  const classes = "h-8 w-8 flex items-center justify-center rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
   let t1;
   if ($[0] !== classes || $[1] !== disabled || $[2] !== propertyConfig) {
     const defaultPropertyConfig = typeof propertyConfig?.property === "object" ? getDefaultFieldConfig(propertyConfig.property) : void 0;
@@ -20455,7 +20685,7 @@ function PropertyConfigBadge(t0) {
     } else {
       t3 = $[5];
     }
-    t1 = /* @__PURE__ */ jsx("div", { className: classes, style: t3, children: propertyConfig?.Icon ? getIconForWidget(propertyConfig, "medium") : getIconForWidget(defaultPropertyConfig, "medium") });
+    t1 = /* @__PURE__ */ jsx("div", { className: classes, style: t3, children: propertyConfig?.Icon ? getIconForWidget(propertyConfig, "small") : getIconForWidget(defaultPropertyConfig, "small") });
     $[0] = classes;
     $[1] = disabled;
     $[2] = propertyConfig;
@@ -20775,7 +21005,7 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
   }
   let t7;
   if ($[18] !== breadcrumbs.breadcrumbs) {
-    t7 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$7) }) });
+    t7 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$8) }) });
     $[18] = breadcrumbs.breadcrumbs;
     $[19] = t7;
   } else {
@@ -20887,7 +21117,7 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
   }
   return t14;
 };
-function _temp$7(breadcrumb, index) {
+function _temp$8(breadcrumb, index) {
   return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "/" }),
     /* @__PURE__ */ jsx(Link, { className: "visited:text-inherit visited:dark:text-inherit block", to: breadcrumb.url, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: breadcrumb.title }) }, index)
@@ -21321,7 +21551,7 @@ function SearchIconsView(t0) {
       } else {
         const searchResult = iconsSearch.search(value);
         const limited = searchResult.slice(0, 50);
-        setKeys(limited.map(_temp$6));
+        setKeys(limited.map(_temp$7));
       }
     }, UPDATE_SEARCH_INDEX_WAIT_MS);
     $[0] = t3;
@@ -21388,7 +21618,7 @@ function SearchIconsView(t0) {
   }
   return t8;
 }
-function _temp$6(e) {
+function _temp$7(e) {
   return e.item.key;
 }
 function FieldCaption(t0) {
@@ -21472,7 +21702,7 @@ function useReferenceDialog(referenceDialogProps) {
   }
   return t2;
 }
-const fireCMSLogo = "data:image/png;base64,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";
+const fireCMSLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAa9SURBVHgB7Z1NbBNHFMf/a7uBEgMOHy2pSlnUql+oEG7lgNgcqZAgR9RKSU5tT9mcqp6SXNoj5tBzHAmk3ggSUo/Ziko9skXqoVIlJm3Von4IhzhAIIk7b9ab+COJvZ63610nP8netWx5Z//73syb2Zm3BjqJXc4BixaQMgHjDFCWW5iVb83aH5eL8jdC7lS2a/Ny3wGyLvJGER3CQJRsCHZBfrqCBpHaRkCJuXYb2O9EKWg0AtpKtDF5gnJr5BA+BSVm/sAsQiY8AZW1PSHR7IhE2wwhX1NAWlrlywIhwC9gPISrR8iyFJDvnQIzvALapRH5PgG+uo0bAbLIfLYAJngEtJ+awOq03LOQCAxZN6bGOdw6BV3GyV1X7iEx4hFlGQGs3qt4jBbtW6Cq65bIXW0km7x06XG0SXsCei57S+4NoDtwZUs91I5LBxfQE28O8W0o2kVIEQeDihhMwO4Vz0cEFbF1AbtfPB8RRMTWBNw54vmIVkVsMYxRDYaJnYOpztl+1LQn1VxAu3QN3dPaBkGe80sTzX60vQt7geY0IsDcMw8r+wPO9N6H2TOPXHpBbn9DcfWgehHu09OYf/YGnNJ5uE9OIyJkjyWb3+rLrQVU9R71MMIbELD238XlvjsYOXQTuUywIbziSg6zC5cw8+/HcBbPI0RkwdJnt6oPtxFw6ZbX5eFn5PANDB+5qQTkQCyfwNSfX6Lw3ycICTkclh3c7IvNBQzJdUmwide+YhOunpCFHN1sFGcrAR+AsdUl95zo/xr2q98gCkhAEpIEZUQAL6Qr99XUNY2tsL3EOp5HjcPc2x9FJh5BVQQdk47NiAlkGgZOai2QOWD2xWM+kZah1nvwl+84W2xpfS9OVlthnQWuWugS8QgKhebeuYiBfffBRK7eCutduGng2ApxEM+HX0RjrPrThoD2Y7b7tHERz4dEvPXmVbXl+DvvNq1HlQWmLoMBClPiJJ4PlWn65KfgIbVuhV4jojrNLz2CJlTIBx+cQpwZ+vVbzBYvQZP1xqRigWkLDEybnyHuXDv+BYcrS4PrsWinIqC++17J3Qmth8EJeQlPTErTVDbqQAuajEUYKOsyfPgm9DGU0Rkc9V8S6r56KMDWH8V50SctMKM9WErumzSGj9yAPj0WubAFTXhcIlp4LnrZTFVmhbYNtWiMXaXI4Cm3cUYKmNIa80mieD76UYOyQGgN2SdZQLrnovsXJKAJDRgK0TE4upzaFpjLsHTQO8JB/R6JmYEuyz3A4gEkkuW90EVfwLvyZtXffUgkB03gfWihP0N1h0MCCmhQTOu7QadY0C97UdsCxd64rGQIjtijXXahbYHuvn4kFbf3GDQhC1zTCobcfdqF6Bhur+7FN8gCUy40KGb2wjlgImmQ++pf/LV5skABTb6ncCBhMF10Rwq46kCT/LFzSBozr5yFPituqjJNQUCDpLkxuS9DeUXVXbnybWgydXwQSWHquAUGHHrzBXSgCV3RJFghWV/hKIf7GsroKgKqelB7mfzoW0OIO0zWJ3nu0LsnoKoH9a2Qru64eRFxpXB0gMn6UPCnuFV35a6DgXz/h7F0Zd6La6y3GXUTLEt0f1i7g2guFzH387TaxgESb/DUKEffV/0d8tmT/oe6wYQyixUyF1gLCrGG3r3KWZaavAt1Aq7QghIWs4mDiCQelYGxvy5UBpAqagX0GhMWK1RHq4jIMOrR1rHPnv6cebCjPFO/4KZxmYM3V4ZyIJhgZPIPBxO/zyEKrvefw+TrlrJARmrqPp9IF9qE3biQ1VEsGlIUEGChDWGXyFwshMDIPy7G/voRA0sPwQFVEddl+MQU422CMYt876a9hCaLDVfJlUNrBQaePIQthbywIAJbJbnnjAyMZw+9F3LcSVnjMm0sNiTsEq2JuIYIIDHNZ0VYjx/gxPMicivPar4nweZ7cmoUmSwuwpHw0e0yHTVf8m8v5uvXRuwcZESS379tXpwW7sqtTELlVdlxuM3EI5oLqGLDNFWgAjsHUTnnpuymPWlE8Kc98dlNvNNAMAGJ3dRPNQSf2qEOkKYbIN3UsLjtiEcEt8BquiLEocGT7GS7mX/1BCS8fjMF2wmbZaTyUk9tlxOmFfQFJLwcM1JE4wqSgSNddpQjBSiPgD67SWiZsBcn5V8PIzZCkrvSTTPprsxZzsMRkPDCHQsdtcjwhPMJT8BqvHwM8pUaRuiQaCkHWKOBAAchE42APusPI1Bi0gMJTPAgvPk9NDmgGx9GsBVK0NIA1Mg3rdlTCx9z3rYha5zY2NLjMMo/eXMboxWsnv8Br15XnnLWoGsAAAAASUVORK5CYII=";
 function useBrowserTitleAndIcon(name, logo) {
   const $ = c(4);
   let t0;
@@ -22014,7 +22244,7 @@ function useBuildLocalConfigurationPersistence() {
     t0 = $[0];
   }
   const configCache = useRef(t0);
-  const getCollectionFromStorage = _temp$5;
+  const getCollectionFromStorage = _temp$6;
   let t1;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = (path) => {
@@ -22137,7 +22367,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   return t11;
 }
-function _temp$5(storageKey) {
+function _temp$6(storageKey) {
   const item = localStorage.getItem(storageKey);
   return item ? JSON.parse(item) : {};
 }
@@ -23472,7 +23702,7 @@ function useBuildSideDialogsController() {
     t3 = () => {
       const state = location.state;
       const panelKeys = state?.panels ?? [];
-      const newPanels_0 = panelKeys.map((key) => routesStore.current[key]).filter(_temp$4);
+      const newPanels_0 = panelKeys.map((key) => routesStore.current[key]).filter(_temp$5);
       if (!equal(sidePanelsRef.current.map(_temp2$3), newPanels_0.map(_temp3$1))) {
         updateSidePanels(newPanels_0);
       }
@@ -23620,7 +23850,7 @@ function _temp3$1(p_1) {
 function _temp2$3(p_0) {
   return p_0.key;
 }
-function _temp$4(p) {
+function _temp$5(p) {
   return Boolean(p);
 }
 function useBuildDataSource({
@@ -23915,7 +24145,7 @@ function useProjectLog(t0) {
   const dataSourceKey = dataSourceDelegate.key;
   let t1;
   if ($[0] !== plugins) {
-    t1 = plugins?.map(_temp$3);
+    t1 = plugins?.map(_temp$4);
     $[0] = plugins;
     $[1] = t1;
   } else {
@@ -23951,7 +24181,7 @@ function useProjectLog(t0) {
   useEffect(t2, t3);
   return accessResponse;
 }
-function _temp$3(plugin) {
+function _temp$4(plugin) {
   return plugin.key;
 }
 function FireCMS(props) {
@@ -23964,22 +24194,27 @@ function FireCMS(props) {
     authController,
     storageSource,
     dataSourceDelegate,
-    plugins: pluginsProp,
+    plugins: _pluginsProp,
     onAnalyticsEvent,
     propertyConfigs,
     entityViews,
     entityActions,
     components,
     navigationController,
-    apiKey
+    apiKey,
+    userManagement: _userManagement
   } = props;
-  if (pluginsProp) {
+  if (_pluginsProp) {
     console.warn("The `plugins` prop is deprecated in the FireCMS component. You should pass your plugins to `useBuildNavigationController` instead.");
   }
-  const plugins = navigationController.plugins ?? pluginsProp;
+  const plugins = navigationController.plugins ?? _pluginsProp;
+  const userManagement = plugins?.find((p) => p.userManagement)?.userManagement ?? _userManagement ?? {
+    users: [],
+    getUser: (uid) => null
+  };
   const sideDialogsController = useBuildSideDialogsController();
   const sideEntityController = useBuildSideEntityController(navigationController, sideDialogsController, authController);
-  const pluginsLoading = plugins?.some((p) => p.loading) ?? false;
+  const pluginsLoading = plugins?.some((p_0) => p_0.loading) ?? false;
   const loading = authController.initialLoading || navigationController.loading || pluginsLoading;
   const customizationController = {
     dateTimeFormat,
@@ -24026,7 +24261,7 @@ function FireCMS(props) {
       accessResponse?.message && /* @__PURE__ */ jsx(Typography, { children: accessResponse?.message })
     ] });
   }
-  return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsx(StorageSourceContext.Provider, { value: storageSource, children: /* @__PURE__ */ jsx(DataSourceContext.Provider, { value: dataSource, children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsx(SideDialogsControllerContext.Provider, { value: sideDialogsController, children: /* @__PURE__ */ jsx(SideEntityControllerContext.Provider, { value: sideEntityController, children: /* @__PURE__ */ jsx(NavigationContext.Provider, { value: navigationController, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsx(FireCMSInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsx(StorageSourceContext.Provider, { value: storageSource, children: /* @__PURE__ */ jsx(DataSourceContext.Provider, { value: dataSource, children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsx(SideDialogsControllerContext.Provider, { value: sideDialogsController, children: /* @__PURE__ */ jsx(SideEntityControllerContext.Provider, { value: sideEntityController, children: /* @__PURE__ */ jsx(NavigationContext.Provider, { value: navigationController, children: /* @__PURE__ */ jsx(InternalUserManagementContext.Provider, { value: userManagement, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsx(FireCMSInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) }) });
 }
 function FireCMSInternal(t0) {
   const $ = c(7);
@@ -24196,7 +24431,7 @@ function DefaultDrawer(t0) {
   } = navigation.topLevelNavigation;
   let t1;
   if ($[0] !== adminMenuOpen || $[1] !== analyticsController || $[2] !== className || $[3] !== closeDrawer || $[4] !== drawerOpen || $[5] !== groups || $[6] !== largeLayout || $[7] !== logo || $[8] !== navigate || $[9] !== navigationEntries || $[10] !== style || $[11] !== tooltipsOpen) {
-    const adminViews = navigationEntries.filter(_temp$2) ?? [];
+    const adminViews = navigationEntries.filter(_temp$3) ?? [];
     let t2;
     let t3;
     let t4;
@@ -24349,7 +24584,7 @@ function DefaultDrawer(t0) {
 function _temp2$2(g) {
   return g !== "Admin";
 }
-function _temp$2(e) {
+function _temp$3(e) {
   return e.type === "admin";
 }
 function DrawerLogo(t0) {
@@ -24409,6 +24644,165 @@ function DrawerLogo(t0) {
   }
   return t6;
 }
+function UserSelectFieldBinding(t0) {
+  const $ = c(43);
+  const {
+    propertyKey,
+    value,
+    setValue,
+    error,
+    showError,
+    disabled,
+    property,
+    includeDescription,
+    size: t1
+  } = t0;
+  const size = t1 === void 0 ? "large" : t1;
+  const {
+    users,
+    getUser
+  } = useInternalUserManagementController();
+  let t2;
+  if ($[0] !== setValue) {
+    t2 = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      setValue(null);
+    };
+    $[0] = setValue;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const handleClearClick = t2;
+  let t3;
+  if ($[2] !== value) {
+    t3 = value !== void 0 && value != null ? value.toString() : "";
+    $[2] = value;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = cls("w-full");
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== property) {
+    t5 = getIconForProperty(property, "small");
+    $[5] = property;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const t6 = property.validation?.required;
+  let t7;
+  if ($[7] !== property.name || $[8] !== t5 || $[9] !== t6) {
+    t7 = /* @__PURE__ */ jsx(LabelWithIcon, { icon: t5, required: t6, title: property.name, className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0" });
+    $[7] = property.name;
+    $[8] = t5;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== propertyKey || $[12] !== t7) {
+    t8 = /* @__PURE__ */ jsx(PropertyIdCopyTooltip, { propertyKey, children: t7 });
+    $[11] = propertyKey;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== disabled || $[15] !== handleClearClick || $[16] !== property.clearable || $[17] !== value) {
+    t9 = property.clearable && !disabled && value && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: handleClearClick, children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) });
+    $[14] = disabled;
+    $[15] = handleClearClick;
+    $[16] = property.clearable;
+    $[17] = value;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== setValue) {
+    t10 = (updatedValue) => {
+      const newValue = updatedValue || null;
+      return setValue(newValue);
+    };
+    $[19] = setValue;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== getUser) {
+    t11 = (userId) => {
+      const user = getUser(userId);
+      return /* @__PURE__ */ jsx(UserDisplay, { user });
+    };
+    $[21] = getUser;
+    $[22] = t11;
+  } else {
+    t11 = $[22];
+  }
+  let t12;
+  if ($[23] !== users) {
+    t12 = users && users.map(_temp$2);
+    $[23] = users;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  let t13;
+  if ($[25] !== disabled || $[26] !== size || $[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t3 || $[31] !== t8 || $[32] !== t9) {
+    t13 = /* @__PURE__ */ jsx(Select, { value: t3, disabled, size, fullWidth: true, position: "item-aligned", inputClassName: t4, label: t8, endAdornment: t9, onValueChange: t10, renderValue: t11, children: t12 });
+    $[25] = disabled;
+    $[26] = size;
+    $[27] = t10;
+    $[28] = t11;
+    $[29] = t12;
+    $[30] = t3;
+    $[31] = t8;
+    $[32] = t9;
+    $[33] = t13;
+  } else {
+    t13 = $[33];
+  }
+  let t14;
+  if ($[34] !== disabled || $[35] !== error || $[36] !== includeDescription || $[37] !== property || $[38] !== showError) {
+    t14 = /* @__PURE__ */ jsx(FieldHelperText, { includeDescription, showError, error, disabled, property });
+    $[34] = disabled;
+    $[35] = error;
+    $[36] = includeDescription;
+    $[37] = property;
+    $[38] = showError;
+    $[39] = t14;
+  } else {
+    t14 = $[39];
+  }
+  let t15;
+  if ($[40] !== t13 || $[41] !== t14) {
+    t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t13,
+      t14
+    ] });
+    $[40] = t13;
+    $[41] = t14;
+    $[42] = t15;
+  } else {
+    t15 = $[42];
+  }
+  return t15;
+}
+function _temp$2(user_0) {
+  return /* @__PURE__ */ jsx(SelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
+}
 function isDefaultFieldConfigId(id) {
   return Object.keys(DEFAULT_FIELD_CONFIGS).includes(id);
 }
@@ -24510,6 +24904,16 @@ const DEFAULT_FIELD_CONFIGS = {
       Field: MultiSelectFieldBinding
     }
   },
+  user_select: {
+    key: "user_select",
+    name: "User select",
+    description: "Select a user from the user management system. Store the user ID.",
+    Icon: PersonIcon,
+    property: {
+      dataType: "string",
+      Field: UserSelectFieldBinding
+    }
+  },
   number_input: {
     key: "number_input",
     name: "Number input",
@@ -24724,6 +25128,8 @@ function getDefaultFieldId(property) {
       return "email";
     } else if (property.enumValues) {
       return "select";
+    } else if (property.userSelect) {
+      return "user_select";
     } else if (property.reference) {
       return "reference_as_string";
     } else {
@@ -25763,6 +26169,7 @@ export {
   SwitchFieldBinding,
   TextFieldBinding,
   UrlComponentPreview,
+  UserPreview,
   Vector,
   VirtualTable,
   addInitialSlash,
@@ -25897,6 +26304,7 @@ export {
   useBuildNavigationController,
   useClearRestoreValue,
   useClipboard,
+  useCollapsedGroups,
   useCollectionFetch,
   useColumnIds,
   useCustomizationController,
@@ -25907,6 +26315,7 @@ export {
   useDialogsController,
   useEntityFetch,
   useFireCMSContext,
+  useInternalUserManagementController,
   useLargeLayout,
   useModeController,
   useNavigationController,