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

package/dist/index.umd.js

@@ -208,9 +208,14 @@
      * 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}`;
@@ -515,7 +520,7 @@
     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]) => {
@@ -4066,6 +4071,10 @@
   const useAnalyticsController = () => {
     return React.useContext(AnalyticsContext);
   };
+  const InternalUserManagementContext = React.createContext({});
+  const useInternalUserManagementController = () => {
+    return React.useContext(InternalUserManagementContext);
+  };
   const useFireCMSContext = () => {
     const authController = useAuthController();
     const sideDialogsController = useSideDialogsController();
@@ -4078,6 +4087,7 @@
     const dialogsController = useDialogsController();
     const customizationController = useCustomizationController();
     const analyticsController = useAnalyticsController();
+    const userManagement = useInternalUserManagementController();
     const fireCMSContextRef = React.useRef({
       authController,
       sideDialogsController,
@@ -4089,7 +4099,8 @@
       userConfigPersistence,
       dialogsController,
       customizationController,
-      analyticsController
+      analyticsController,
+      userManagement
     });
     React.useEffect(() => {
       fireCMSContextRef.current = {
@@ -4103,7 +4114,8 @@
         userConfigPersistence,
         dialogsController,
         customizationController,
-        analyticsController
+        analyticsController,
+        userManagement
       };
     }, [authController, dialogsController, navigation, sideDialogsController]);
     return fireCMSContextRef.current;
@@ -4164,7 +4176,7 @@
           }
           setDataLoading(false);
           setDataLoadingError(void 0);
-          setData(entities.map(_temp$r));
+          setData(entities.map(_temp$t));
           setNoMoreToLoad(!itemCount || entities.length < itemCount);
         };
         const onError = (error) => {
@@ -4197,7 +4209,7 @@
             orderBy: sortByProperty,
             order: currentSort
           }).then(onEntitiesUpdate).catch(onError);
-          return _temp2$d;
+          return _temp2$e;
         }
       };
       $[4] = collection;
@@ -4245,9 +4257,9 @@
     }
     return t5;
   }
-  function _temp2$d() {
+  function _temp2$e() {
   }
-  function _temp$r(e_0) {
+  function _temp$t(e_0) {
     return {
       ...e_0
     };
@@ -4312,7 +4324,7 @@
           setEntity(CACHE[`${path}/${entityId}`]);
           setDataLoading(false);
           setDataLoadingError(void 0);
-          return _temp$q;
+          return _temp$s;
         } else {
           if (entityId && path && collection) {
             if (dataSource.listenEntity) {
@@ -4331,7 +4343,7 @@
                 databaseId,
                 collection
               }).then(onEntityUpdate).catch(onError);
-              return _temp2$c;
+              return _temp2$d;
             }
           } else {
             onEntityUpdate(void 0);
@@ -4378,9 +4390,9 @@
   }
   function _temp3$4() {
   }
-  function _temp2$c() {
+  function _temp2$d() {
   }
-  function _temp$q() {
+  function _temp$s() {
   }
   async function saveEntityWithCallbacks({
     collection,
@@ -4760,6 +4772,48 @@
     if (typeof window === "undefined") return false;
     return window.matchMedia(`(min-width: ${breakpoints[breakpoint] + 1}px)`).matches;
   }
+  function useCollapsedGroups(groupNames) {
+    const [collapsedGroups, setCollapsedGroups] = React.useState(() => {
+      try {
+        const stored = localStorage.getItem("firecms-collapsed-groups");
+        return stored ? JSON.parse(stored) : {};
+      } catch {
+        return {};
+      }
+    });
+    React.useEffect(() => {
+      try {
+        localStorage.setItem("firecms-collapsed-groups", JSON.stringify(collapsedGroups));
+      } catch {
+      }
+    }, [collapsedGroups]);
+    React.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 = React.useCallback((name) => {
+      return !!collapsedGroups[name];
+    }, [collapsedGroups]);
+    const toggleGroupCollapsed = React.useCallback((name_0) => {
+      setCollapsedGroups((prev_0) => ({
+        ...prev_0,
+        [name_0]: !prev_0[name_0]
+      }));
+    }, []);
+    return {
+      isGroupCollapsed,
+      toggleGroupCollapsed
+    };
+  }
   function ErrorTooltip(props) {
     const $ = reactCompilerRuntime.c(2);
     let t0;
@@ -4780,6 +4834,7 @@
       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__ */ jsxRuntime.jsx(ui.ErrorIcon, { className: "mx-2", size: "small", color: "error" });
@@ -4964,7 +5019,7 @@
     }
     let t9;
     if ($[16] !== url) {
-      t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$p, children: t8 }) });
+      t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$r, children: t8 }) });
       $[16] = url;
       $[17] = t9;
     } else {
@@ -4998,7 +5053,7 @@
     }
     return t11;
   }
-  function _temp$p(e_0) {
+  function _temp$r(e_0) {
     return e_0.stopPropagation();
   }
   function UrlComponentPreview(t0) {
@@ -5031,7 +5086,7 @@
       }
       let t3;
       if ($[2] !== url) {
-        t3 = /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$o, target: "_blank", children: [
+        t3 = /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$q, target: "_blank", children: [
           t2,
           url
         ] });
@@ -5134,7 +5189,7 @@
           }
           let t7;
           if ($[24] !== t4 || $[25] !== t6 || $[26] !== url) {
-            t7 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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
             ] });
@@ -5159,10 +5214,10 @@
       }
     }
   }
-  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) {
@@ -5296,7 +5351,7 @@
           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 {
@@ -5434,7 +5489,7 @@
     }
     return content || null;
   }
-  function _temp$n(p, i) {
+  function _temp$p(p, i) {
     return renderGenericArrayCell(p, i);
   }
   function renderMap(property, size) {
@@ -5793,7 +5848,7 @@
     }
     let t3;
     if ($[11] !== t2) {
-      t3 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: t2 });
+      t3 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex flex-col gap-2", children: t2 });
       $[11] = t2;
       $[12] = t3;
     } else {
@@ -6005,7 +6060,7 @@
     }
     let t0;
     if ($[8] !== props) {
-      t0 = /* @__PURE__ */ jsxRuntime.jsx(ReferencePreviewInternal, { ...props });
+      t0 = /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(ReferencePreviewInternal, { ...props }) });
       $[8] = props;
       $[9] = t0;
     } else {
@@ -6617,7 +6672,7 @@
     }
     let t1;
     if ($[1] !== value) {
-      t1 = Object.entries(value).map(_temp$m);
+      t1 = Object.entries(value).map(_temp$o);
       $[1] = value;
       $[2] = t1;
     } else {
@@ -6633,7 +6688,7 @@
     }
     return t2;
   }
-  function _temp$m(t0) {
+  function _temp$o(t0) {
     const [key, childValue] = t0;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls(ui.defaultBorderMixin, "last:border-b-0 border-b"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row pt-0.5 pb-0.5 gap-2", children: [
@@ -6766,6 +6821,141 @@
       return t1;
     }
   }
+  function UserDisplay(t0) {
+    const $ = reactCompilerRuntime.c(18);
+    const {
+      user
+    } = t0;
+    if (!user) {
+      let t12;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t12 = /* @__PURE__ */ jsxRuntime.jsx(EmptyValue, {});
+        $[0] = t12;
+      } else {
+        t12 = $[0];
+      }
+      return t12;
+    }
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = ui.cls("inline-flex items-center gap-4 px-2 py-1 rounded-xl", "bg-surface-accent-100 dark:bg-surface-accent-800", "border", ui.defaultBorderMixin);
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    let t2;
+    if ($[2] !== user.displayName || $[3] !== user.email || $[4] !== user.photoURL) {
+      t2 = user.photoURL ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.photoURL, alt: user.displayName || user.email || "User", className: ui.cls("rounded-full object-cover", "w-6 h-6") }) : /* @__PURE__ */ jsxRuntime.jsx(ui.AccountCircleIcon, { className: ui.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 = ui.cls("font-regular truncate", "text-sm");
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    const t4 = user.displayName || user.email || "-";
+    let t5;
+    if ($[7] !== t4) {
+      t5 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: t1, children: [
+        t2,
+        t7
+      ] });
+      $[15] = t2;
+      $[16] = t7;
+      $[17] = t8;
+    } else {
+      t8 = $[17];
+    }
+    return t8;
+  }
+  function UserPreview(t0) {
+    const $ = reactCompilerRuntime.c(8);
+    const {
+      value
+    } = t0;
+    const {
+      getUser
+    } = useInternalUserManagementController();
+    if (!value) {
+      let t12;
+      if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t12 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(UserDisplay, { user });
+      $[6] = user;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    return t2;
+  }
   const PropertyPreview = React.memo(function PropertyPreview2(props) {
     const $ = reactCompilerRuntime.c(31);
     const authController = useAuthController();
@@ -6866,21 +7056,25 @@
                       }
                       content = t02;
                     } else {
-                      if (stringProperty.reference) {
-                        if (typeof stringProperty.reference.path === "string") {
-                          content = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(EmptyValue, {});
-                            $[23] = t02;
+                      if (stringProperty.userSelect) {
+                        content = /* @__PURE__ */ jsxRuntime.jsx(UserPreview, { value, property: stringProperty, propertyKey, size: props.size });
+                      } else {
+                        if (stringProperty.reference) {
+                          if (typeof stringProperty.reference.path === "string") {
+                            content = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(EmptyValue, {});
+                              $[23] = t02;
+                            } else {
+                              t02 = $[23];
+                            }
+                            content = t02;
                           }
-                          content = t02;
+                        } else {
+                          content = /* @__PURE__ */ jsxRuntime.jsx(StringPropertyPreview, { ...props, property: stringProperty, value });
                         }
-                      } else {
-                        content = /* @__PURE__ */ jsxRuntime.jsx(StringPropertyPreview, { ...props, property: stringProperty, value });
                       }
                     }
                   }
@@ -7401,7 +7595,7 @@
         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));
@@ -7438,7 +7632,7 @@
     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__ */ jsxRuntime.jsx(ui.MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$a) : [], onValueChange: onChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
+      t4 = multiple ? /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$b) : [], onValueChange: onChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsxRuntime.jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
       $[10] = disabled;
       $[11] = enumValues;
       $[12] = internalValue;
@@ -7453,10 +7647,10 @@
     }
     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) {
@@ -7587,6 +7781,89 @@
     }
     return t4;
   }
+  function VirtualTableUserSelect(props) {
+    const $ = reactCompilerRuntime.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.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];
+    }
+    React.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue : [], onValueChange: onChange, children: users?.map(_temp$m) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue : "", onValueChange: onChange, renderValue, children: users?.map(_temp2$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__ */ jsxRuntime.jsx(ui.SelectItem, { value: user_1.uid, children: /* @__PURE__ */ jsxRuntime.jsx(UserDisplay, { user: user_1 }) }, user_1.uid);
+  }
+  function _temp$m(user_0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsxRuntime.jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
+  }
   class ErrorBoundary extends React.Component {
     constructor(props) {
       super(props);
@@ -8015,7 +8292,7 @@
     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 {
@@ -8244,7 +8521,7 @@
       ...b
     };
   }
-  function _temp$k(e) {
+  function _temp$l(e) {
     return {
       [e]: []
     };
@@ -8351,7 +8628,7 @@
     let t1;
     if ($[2] !== updateValue) {
       t1 = (entities) => {
-        updateValue(entities.map(_temp$j));
+        updateValue(entities.map(_temp$k));
       };
       $[2] = updateValue;
       $[3] = t1;
@@ -8512,7 +8789,7 @@
     }
     return t10;
   }, equal);
-  function _temp$j(e) {
+  function _temp$k(e) {
     return getReferenceFrom(e);
   }
   function _temp2$8(ref) {
@@ -9374,6 +9651,9 @@
         if (stringProperty_0.enumValues) {
           innerComponent = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(VirtualTableInput, { error: validationError ?? error, disabled, multiline, focused: selected, value: internalValue, updateValue });
@@ -9438,7 +9718,8 @@
       return {
         __type: "EntityReference",
         id: value.id,
-        path: value.path
+        path: value.path,
+        databaseId: value.databaseId
       };
     }
     if (value instanceof GeoPoint) {
@@ -9462,7 +9743,7 @@
         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":
@@ -9674,7 +9955,7 @@
     }
     let t6;
     if ($[6] !== t3 || $[7] !== t4) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Table row size", side: "right", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: t3, className: "w-16 ml-2", size: "small", onValueChange: t4, renderValue: _temp$i, children: t5 }) });
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Table row size", side: "right", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: t3, className: "w-16 ml-2", size: "small", onValueChange: t4, renderValue: _temp$j, children: t5 }) });
       $[6] = t3;
       $[7] = t4;
       $[8] = t6;
@@ -9761,7 +10042,7 @@
   function _temp2$7(size_0) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx("div", { className: "font-medium", children: v_0.toUpperCase() });
   }
   function getTableCellAlignment(property) {
@@ -9833,21 +10114,15 @@
     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;
@@ -10881,7 +11156,7 @@
     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 {
@@ -10900,7 +11175,7 @@
     }
     return t2;
   };
-  function _temp$h(url) {
+  function _temp$i(url) {
     return `<a href="${url}" class="underline" target="_blank">Link</a><br/>`;
   }
   const operationLabels$2 = {
@@ -11108,7 +11383,7 @@
     }
     let t6;
     if ($[16] !== operation || $[17] !== t4 || $[18] !== t5) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, fullWidth: true, position: "item-aligned", onValueChange: t4, renderValue: _temp$g, children: t5 }) });
+      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, fullWidth: true, position: "item-aligned", onValueChange: t4, renderValue: _temp$h, children: t5 }) });
       $[16] = operation;
       $[17] = t4;
       $[18] = t5;
@@ -11121,7 +11396,7 @@
       t7 = !enumValues && /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }) });
+      }, endAdornment: internalValue !== void 0 && internalValue != null && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (e) => updateFilter(operation, void 0), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CloseIcon, {}) }) });
       $[20] = dataType;
       $[21] = enumValues;
       $[22] = internalValue;
@@ -11232,7 +11507,7 @@
   function _temp2$6(op_1) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.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) {
@@ -11371,7 +11646,7 @@
     }
     let t6;
     if ($[13] !== operation || $[14] !== t4 || $[15] !== t5) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "large", fullWidth: true, onValueChange: t4, renderValue: _temp$f, children: t5 }) });
+      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "large", fullWidth: true, onValueChange: t4, renderValue: _temp$g, children: t5 }) });
       $[13] = operation;
       $[14] = t4;
       $[15] = t5;
@@ -11460,7 +11735,7 @@
   function _temp2$5(op_1) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.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({
@@ -12164,7 +12439,7 @@
       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;
@@ -12256,7 +12531,7 @@
     }
     return t1;
   }
-  function _temp$e(p_0) {
+  function _temp$f(p_0) {
     return Boolean(p_0.collectionView?.onTextSearchClick);
   }
   function DeleteEntityDialog({
@@ -12849,7 +13124,7 @@
       T0 = ui.Collapse;
       t4 = favouriteCollections.length > 0;
       t2 = "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]";
-      t3 = favouriteCollections.map(_temp$d);
+      t3 = favouriteCollections.map(_temp$e);
       $[2] = navigationController;
       $[3] = t1;
       $[4] = T0;
@@ -12883,7 +13158,7 @@
     }
     return t6;
   }
-  function _temp$d(entry_0) {
+  function _temp$e(entry_0) {
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationChip, { entry: entry_0 }, entry_0.path);
   }
   const scrollsMap = {};
@@ -13100,7 +13375,7 @@
     }
     let t4;
     if ($[4] !== actions) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: _temp$c, children: actions });
+      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: _temp$d, children: actions });
       $[4] = actions;
       $[5] = t4;
     } else {
@@ -13187,7 +13462,7 @@
     }
     return t12;
   });
-  function _temp$c(event) {
+  function _temp$d(event) {
     event.preventDefault();
     event.stopPropagation();
   }
@@ -13649,32 +13924,6 @@
       if (activeIsGroup) {
         const groups = args.droppableContainers.filter((c) => dndItems.some((g_2) => g_2.name === c.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 = core.closestCorners({
-          ...args,
-          droppableContainers: groups
-        });
-        if (cornersResult.length) {
-          return cornersResult;
-        }
         return core.closestCenter({
           ...args,
           droppableContainers: groups
@@ -13782,46 +14031,37 @@
       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 = sortable.arrayMove(dndItems, from, 0);
+          const to = dndItems.findIndex((g_11) => g_11.name === overIdNow_0);
+          if (from !== -1 && to !== -1) {
+            const newState_0 = sortable.arrayMove(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 = sortable.arrayMove(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?.();
               }
@@ -13830,7 +14070,7 @@
         } 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);
@@ -13838,19 +14078,19 @@
               if (newIdx === -1 && overIdNow_0 === activeCont_0) newIdx = group_0.entries.length - 1;
               if (oldIdx !== -1 && newIdx !== -1 && oldIdx !== newIdx) {
                 const reordered = sortable.arrayMove(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();
@@ -13863,14 +14103,12 @@
       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],
@@ -13879,9 +14117,10 @@
         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,
@@ -13999,7 +14238,7 @@
     return t8;
   }
   function RenameGroupDialog(t0) {
-    const $ = reactCompilerRuntime.c(41);
+    const $ = reactCompilerRuntime.c(40);
     const {
       open,
       initialName,
@@ -14191,19 +14430,18 @@
       t15 = $[35];
     }
     let t16;
-    if ($[36] !== onClose || $[37] !== open || $[38] !== t11 || $[39] !== t15) {
-      t16 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Dialog, { open, onOpenChange: onClose, children: [
+    if ($[36] !== open || $[37] !== t11 || $[38] !== t15) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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;
   }
@@ -14303,16 +14541,11 @@
       }] : draggable;
       onNavigationEntriesUpdate(all);
     };
-    const [collapsedGroups, setCollapsedGroups] = React.useState({});
-    const isGroupCollapsed = React.useCallback((name_0) => {
-      return !!collapsedGroups[name_0];
-    }, [collapsedGroups]);
-    const toggleGroupCollapsed = React.useCallback((name_1) => {
-      setCollapsedGroups((prev) => ({
-        ...prev,
-        [name_1]: !prev[name_1]
-      }));
-    }, []);
+    const groupNames = React.useMemo(() => [...items.map((item) => item.name), ...adminGroupData ? [adminGroupData.name] : []], [items, adminGroupData]);
+    const {
+      isGroupCollapsed,
+      toggleGroupCollapsed
+    } = useCollapsedGroups(groupNames);
     const {
       sensors,
       collisionDetection,
@@ -14341,18 +14574,9 @@
       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 {
@@ -14408,15 +14632,15 @@
               if (dndDisabled) return;
               setDialogOpenForGroup(groupKey);
             }, collapsed: isGroupCollapsed(groupKey), onToggleCollapsed: () => toggleGroupCollapsed(groupKey), children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroupDroppable, { id: groupKey, itemIds: entriesInGroup.map((e_4) => e_4.url), isPotentialCardDropTarget: isDraggingCardOnly, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: [
-              entriesInGroup.map((entry_1) => /* @__PURE__ */ jsxRuntime.jsx(SortableNavigationCard, { entry: entry_1, onClick: () => {
+              entriesInGroup.map((entry) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(C, { ...actionProps }, `extra_${groupKey}_${i_1}`))
             ] }) }) }) }, groupKey);
           }) }, JSON.stringify(containers)),
@@ -14426,22 +14650,21 @@
             margin: 0
           }, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: activeGroupData.name === DEFAULT_GROUP_NAME ? void 0 : activeGroupData.name, isPreview: false, minimised: true }) }) : activeItemForOverlay ? /* @__PURE__ */ jsxRuntime.jsx(NavigationCardBinding, { ...activeItemForOverlay, shrink: isHoveringNewGroupDropZone }) : null })
         ] }),
-        !performingSearch && adminGroupData && /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: adminGroupData.name, collapsed: isGroupCollapsed(adminGroupData.name), onToggleCollapsed: () => toggleGroupCollapsed(adminGroupData.name), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: adminGroupData.entries.map((entry_2) => /* @__PURE__ */ jsxRuntime.jsx(NavigationCardBinding, { ...entry_2, onClick: () => {
+        !performingSearch && adminGroupData && /* @__PURE__ */ jsxRuntime.jsx(NavigationGroup, { group: adminGroupData.name, collapsed: isGroupCollapsed(adminGroupData.name), onToggleCollapsed: () => toggleGroupCollapsed(adminGroupData.name), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: adminGroupData.entries.map((entry_0) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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);
       } })
     ] });
   }
@@ -16113,7 +16336,7 @@
     }
     let t5;
     if ($[14] !== placeholder) {
-      t5 = placeholder && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$b, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
+      t5 = placeholder && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: _temp$c, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
       $[14] = placeholder;
       $[15] = t5;
     } else {
@@ -16136,7 +16359,7 @@
     }
     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";
@@ -16354,7 +16577,7 @@
       t4 = $[7];
     }
     const style = t4;
-    const getImageSizeNumber = _temp$a;
+    const getImageSizeNumber = _temp$b;
     let child;
     if (entry.storagePathOrDownloadUrl) {
       const t52 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
@@ -16429,7 +16652,7 @@
     }
     return t6;
   }
-  function _temp$a(previewSize) {
+  function _temp$b(previewSize) {
     switch (previewSize) {
       case "small": {
         return 40;
@@ -17574,6 +17797,13 @@
     } = 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) => {
@@ -17885,7 +18115,7 @@
       } 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;
@@ -17955,7 +18185,7 @@
     }
     return t10;
   }
-  function _temp$9(t0) {
+  function _temp$a(t0) {
     const [, property_0] = t0;
     return !isHidden(property_0);
   }
@@ -19025,7 +19255,7 @@
     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 {
@@ -19116,7 +19346,7 @@
     }
     return t11;
   }
-  function _temp$8(t0) {
+  function _temp$9(t0) {
     const [key, property_0] = t0;
     return {
       id: key,
@@ -20438,7 +20668,7 @@
       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;
@@ -20453,7 +20683,7 @@
       } else {
         t3 = $[5];
       }
-      t1 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: t3, children: propertyConfig?.Icon ? getIconForWidget(propertyConfig, "medium") : getIconForWidget(defaultPropertyConfig, "medium") });
+      t1 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: t3, children: propertyConfig?.Icon ? getIconForWidget(propertyConfig, "small") : getIconForWidget(defaultPropertyConfig, "small") });
       $[0] = classes;
       $[1] = disabled;
       $[2] = propertyConfig;
@@ -20773,7 +21003,7 @@
     }
     let t7;
     if ($[18] !== breadcrumbs.breadcrumbs) {
-      t7 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$7) }) });
+      t7 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$8) }) });
       $[18] = breadcrumbs.breadcrumbs;
       $[19] = t7;
     } else {
@@ -20885,7 +21115,7 @@
     }
     return t14;
   };
-  function _temp$7(breadcrumb, index) {
+  function _temp$8(breadcrumb, index) {
     return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "/" }),
       /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { className: "visited:text-inherit visited:dark:text-inherit block", to: breadcrumb.url, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: breadcrumb.title }) }, index)
@@ -21319,7 +21549,7 @@
         } 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;
@@ -21386,7 +21616,7 @@
     }
     return t8;
   }
-  function _temp$6(e) {
+  function _temp$7(e) {
     return e.item.key;
   }
   function FieldCaption(t0) {
@@ -21470,7 +21700,7 @@
     }
     return t2;
   }
-  const fireCMSLogo = "data:image/png;base64,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";
+  const fireCMSLogo = "data:image/png;base64,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";
   function useBrowserTitleAndIcon(name, logo) {
     const $ = reactCompilerRuntime.c(4);
     let t0;
@@ -22012,7 +22242,7 @@
       t0 = $[0];
     }
     const configCache = React.useRef(t0);
-    const getCollectionFromStorage = _temp$5;
+    const getCollectionFromStorage = _temp$6;
     let t1;
     if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
       t1 = (path) => {
@@ -22135,7 +22365,7 @@
     }
     return t11;
   }
-  function _temp$5(storageKey) {
+  function _temp$6(storageKey) {
     const item = localStorage.getItem(storageKey);
     return item ? JSON.parse(item) : {};
   }
@@ -23470,7 +23700,7 @@
       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);
         }
@@ -23618,7 +23848,7 @@
   function _temp2$3(p_0) {
     return p_0.key;
   }
-  function _temp$4(p) {
+  function _temp$5(p) {
     return Boolean(p);
   }
   function useBuildDataSource({
@@ -23913,7 +24143,7 @@
     const dataSourceKey = dataSourceDelegate.key;
     let t1;
     if ($[0] !== plugins) {
-      t1 = plugins?.map(_temp$3);
+      t1 = plugins?.map(_temp$4);
       $[0] = plugins;
       $[1] = t1;
     } else {
@@ -23949,7 +24179,7 @@
     React.useEffect(t2, t3);
     return accessResponse;
   }
-  function _temp$3(plugin) {
+  function _temp$4(plugin) {
     return plugin.key;
   }
   function FireCMS(props) {
@@ -23962,22 +24192,27 @@
       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,
@@ -24024,7 +24259,7 @@
         accessResponse?.message && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: accessResponse?.message })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsxRuntime.jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsxRuntime.jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsxRuntime.jsx(StorageSourceContext.Provider, { value: storageSource, children: /* @__PURE__ */ jsxRuntime.jsx(DataSourceContext.Provider, { value: dataSource, children: /* @__PURE__ */ jsxRuntime.jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsxRuntime.jsx(SideDialogsControllerContext.Provider, { value: sideDialogsController, children: /* @__PURE__ */ jsxRuntime.jsx(SideEntityControllerContext.Provider, { value: sideEntityController, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value: navigationController, children: /* @__PURE__ */ jsxRuntime.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(FireCMSInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsxRuntime.jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsxRuntime.jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsxRuntime.jsx(StorageSourceContext.Provider, { value: storageSource, children: /* @__PURE__ */ jsxRuntime.jsx(DataSourceContext.Provider, { value: dataSource, children: /* @__PURE__ */ jsxRuntime.jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsxRuntime.jsx(SideDialogsControllerContext.Provider, { value: sideDialogsController, children: /* @__PURE__ */ jsxRuntime.jsx(SideEntityControllerContext.Provider, { value: sideEntityController, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value: navigationController, children: /* @__PURE__ */ jsxRuntime.jsx(InternalUserManagementContext.Provider, { value: userManagement, children: /* @__PURE__ */ jsxRuntime.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(FireCMSInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) }) });
   }
   function FireCMSInternal(t0) {
     const $ = reactCompilerRuntime.c(7);
@@ -24194,7 +24429,7 @@
     } = 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;
@@ -24347,7 +24582,7 @@
   function _temp2$2(g) {
     return g !== "Admin";
   }
-  function _temp$2(e) {
+  function _temp$3(e) {
     return e.type === "admin";
   }
   function DrawerLogo(t0) {
@@ -24407,6 +24642,165 @@
     }
     return t6;
   }
+  function UserSelectFieldBinding(t0) {
+    const $ = reactCompilerRuntime.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 = ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handleClearClick, children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        t13,
+        t14
+      ] });
+      $[40] = t13;
+      $[41] = t14;
+      $[42] = t15;
+    } else {
+      t15 = $[42];
+    }
+    return t15;
+  }
+  function _temp$2(user_0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsxRuntime.jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
+  }
   function isDefaultFieldConfigId(id) {
     return Object.keys(DEFAULT_FIELD_CONFIGS).includes(id);
   }
@@ -24508,6 +24902,16 @@
         Field: MultiSelectFieldBinding
       }
     },
+    user_select: {
+      key: "user_select",
+      name: "User select",
+      description: "Select a user from the user management system. Store the user ID.",
+      Icon: ui.PersonIcon,
+      property: {
+        dataType: "string",
+        Field: UserSelectFieldBinding
+      }
+    },
     number_input: {
       key: "number_input",
       name: "Number input",
@@ -24722,6 +25126,8 @@
         return "email";
       } else if (property.enumValues) {
         return "select";
+      } else if (property.userSelect) {
+        return "user_select";
       } else if (property.reference) {
         return "reference_as_string";
       } else {
@@ -25760,6 +26166,7 @@
   exports2.SwitchFieldBinding = SwitchFieldBinding;
   exports2.TextFieldBinding = TextFieldBinding;
   exports2.UrlComponentPreview = UrlComponentPreview;
+  exports2.UserPreview = UserPreview;
   exports2.Vector = Vector;
   exports2.VirtualTable = VirtualTable;
   exports2.addInitialSlash = addInitialSlash;
@@ -25894,6 +26301,7 @@
   exports2.useBuildNavigationController = useBuildNavigationController;
   exports2.useClearRestoreValue = useClearRestoreValue;
   exports2.useClipboard = useClipboard;
+  exports2.useCollapsedGroups = useCollapsedGroups;
   exports2.useCollectionFetch = useCollectionFetch;
   exports2.useColumnIds = useColumnIds;
   exports2.useCustomizationController = useCustomizationController;
@@ -25904,6 +26312,7 @@
   exports2.useDialogsController = useDialogsController;
   exports2.useEntityFetch = useEntityFetch;
   exports2.useFireCMSContext = useFireCMSContext;
+  exports2.useInternalUserManagementController = useInternalUserManagementController;
   exports2.useLargeLayout = useLargeLayout;
   exports2.useModeController = useModeController;
   exports2.useNavigationController = useNavigationController;