@rebasepro/admin 0.2.3 → 0.2.5

package/dist/index.js

@@ -1,31 +1,31 @@
-import { be as useCMSContext, bh as useCollectionRegistryController, bj as useEntitySelectionDialog, a9 as ReferencePreview, bt as useUrlController, s as Drawer, A as AppBar, ah as SideDialogs, ac as Scaffold, a4 as RebaseNavigation, a6 as RebaseRouteDefs, a2 as PropertyPreview, bg as useCollectionEditorController } from "./util-DbWax_sV.js";
-import { a, b, c, d, e, f, g, h, i, j, B, k, C, l, m, n, D, o, p, q, r, E, t, u, v, w, x, y, z, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a3, a5, a7, a8, aa, ab, ad, ae, af, ag, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, bf, bi, bk, bl, bm, bn, bo, bp, bq, br, bs, bu, bv } from "./util-DbWax_sV.js";
+import { bi as useCMSContext, bl as useCollectionRegistryController, bn as useEntitySelectionDialog, ac as ReferencePreview, bx as useUrlController, t as Drawer, A as AppBar, ak as SideDialogs, af as Scaffold, bq as useNavigationStateController, a1 as NavigationCard, bd as useBreadcrumbsController, z as EntityCollectionView, G as EntityDetailView, H as EntityEditView, C as CollectionEditorDialogs, a9 as RebaseNavigation, a7 as PropertyPreview, bk as useCollectionEditorController } from "./util-0GYaJqL_.js";
+import { a, b, c, d, e, f, g, h, i, j, B, k, l, m, n, D, o, p, q, r, s, u, E, v, w, x, y, F, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a2, a3, a4, a5, a6, a8, aa, ab, ad, ae, ag, ah, ai, aj, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, be, bf, bg, bh, bj, bm, bo, bp, br, bs, bt, bu, bv, bw, by, bz } from "./util-0GYaJqL_.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c as c2 } from "react-compiler-runtime";
-import { Button, cls, CircularProgressCenter, ErrorBoundary, SelectItem, Select, MultiSelectItem, MultiSelect } from "@rebasepro/ui";
-import { useAdminModeController, useRebaseRegistryDispatch, useRebaseRegistry, useAuthController, LoginView, useTranslation, ErrorView, useInternalUserManagementController } from "@rebasepro/core";
-import React__default, { useState, useEffect, useMemo, useCallback, useLayoutEffect } from "react";
+import { Button, cls, CircularProgressCenter, Chip, StarIcon, Collapse, IconButton, PencilIcon, iconSize, ExpandablePanel, Typography, DialogTitle, TextField, DialogContent, DialogActions, Dialog, Container, SearchBar, ErrorBoundary } from "@rebasepro/ui";
+import React__default, { useState, useEffect, useMemo, useCallback, useLayoutEffect, useRef, Suspense } from "react";
+import "fast-equals";
 import { getNavigationEntriesFromPath, getReferenceFrom, getLastSegment } from "@rebasepro/common";
 import { addInitialSlash, getCollectionBySlugWithin, getCollectionPathsCombinations, getLastSegment as getLastSegment2, removeInitialAndTrailingSlashes, removeInitialSlash, removeTrailingSlash, resolveCollectionPathIds } from "@rebasepro/common";
-import "date-fns";
-import "date-fns/locale";
-import { prettifyIdentifier } from "@rebasepro/utils";
-import "fast-equals";
+import { useAdminModeController, useRebaseRegistryDispatch, useRebaseRegistry, useAuthController, LoginView, useUserConfigurationPersistence, useTranslation, useRebaseContext, useSlot, IconForView, useCustomizationController, buildCollapsedDefaults, useCollapsedGroups, useRestoreScroll, BootstrapAdminBanner, NotFoundPage, UnsavedChangesDialog, UIReferenceView, RebaseRoutes, UserSettingsView, ErrorView } from "@rebasepro/core";
 import "@rebasepro/formex";
 import "zod";
-import "@dnd-kit/core";
-import "@dnd-kit/modifiers";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dropzone";
+import { toArray, prettifyIdentifier } from "@rebasepro/utils";
+import "date-fns";
+import "date-fns/locale";
 import "@rebasepro/types";
-import { useLocation, Outlet } from "react-router-dom";
+import { useSensor, MouseSensor, TouchSensor, KeyboardSensor, useSensors, closestCenter, pointerWithin, closestCorners, getFirstCollision, rectIntersection, useDroppable, useDndMonitor, DndContext, MeasuringStrategy, DragOverlay } from "@dnd-kit/core";
+import { restrictToVerticalAxis, restrictToWindowEdges } from "@dnd-kit/modifiers";
+import { useSortable, arrayMove, defaultAnimateLayoutChanges, SortableContext, rectSortingStrategy, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import "react-dropzone";
+import { useLocation, Outlet, useNavigate, useBlocker, Route } from "react-router-dom";
+import Fuse from "fuse.js";
 import "exceljs";
 import "@rebasepro/schema-inference";
 import { u as u2 } from "./useEntityHistory-UVsSclfZ.js";
-import { I as I2, a as a2, P as P2 } from "./ImportCollectionAction-SZrInjhx.js";
-import { B as B2, E as E2, d as d2, a as a4, b as b10, g as g2, c as c3 } from "./ExportCollectionAction-BfN34eWX.js";
-import { R as RoleChip } from "./RoleChip-QtUFXeTp.js";
+import { I as I2, a as a7, P as P2 } from "./ImportCollectionAction-U-v7lGxO.js";
+import { B as B2, E as E2, d as d2, a as a9, b as b10, g as g2, c as c3 } from "./ExportCollectionAction-BRdKM3DF.js";
 function resolveNavigationFrom({
   path,
   context
@@ -358,7 +358,7 @@ function RebaseLayout(props) {
   const adminModeController = useAdminModeController();
   let t4;
   if ($2[2] !== appBar) {
-    t4 = appBar ?? /* @__PURE__ */ jsx(AppBar, {});
+    t4 = appBar ?? /* @__PURE__ */ jsx(AppBar, { includeLanguageToggle: false, includeModeToggle: false, includeUserMenu: false });
     $2[2] = appBar;
     $2[3] = t4;
   } else {
@@ -414,424 +414,2659 @@ function RebaseLayout(props) {
   }
   return t9;
 }
-function RebaseShell(props) {
-  const $2 = c2(11);
+function NavigationChip(t0) {
+  const $2 = c2(18);
   const {
-    title: t0,
-    appBar,
-    drawer,
-    autoOpenDrawer: t1,
-    children
-  } = props;
-  const title = t0 === void 0 ? "Rebase" : t0;
-  const autoOpenDrawer = t1 === void 0 ? false : t1;
-  const registry = useRebaseRegistry();
-  registry.studioConfig?.devViews;
+    entry
+  } = t0;
+  const navigate = useNavigate();
+  const userConfigurationPersistence = useUserConfigurationPersistence();
+  if (!userConfigurationPersistence) {
+    return null;
+  }
+  let t1;
+  if ($2[0] !== entry.slug || $2[1] !== userConfigurationPersistence.favouritePaths) {
+    t1 = userConfigurationPersistence.favouritePaths.includes(entry.slug);
+    $2[0] = entry.slug;
+    $2[1] = userConfigurationPersistence.favouritePaths;
+    $2[2] = t1;
+  } else {
+    t1 = $2[2];
+  }
+  const favourite = t1;
   let t2;
-  let t3;
-  if ($2[0] !== registry.studioConfig?.devViews) {
-    t3 = registry.studioConfig?.devViews ?? [];
-    $2[0] = registry.studioConfig?.devViews;
-    $2[1] = t3;
+  if ($2[3] !== entry.slug || $2[4] !== favourite || $2[5] !== userConfigurationPersistence) {
+    t2 = (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+      if (favourite) {
+        userConfigurationPersistence.setFavouritePaths(userConfigurationPersistence.favouritePaths.filter((p2) => p2 !== entry.slug));
+      } else {
+        userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, entry.slug]);
+      }
+    };
+    $2[3] = entry.slug;
+    $2[4] = favourite;
+    $2[5] = userConfigurationPersistence;
+    $2[6] = t2;
   } else {
-    t3 = $2[1];
+    t2 = $2[6];
   }
-  t2 = t3;
-  const devViews = t2;
-  let t4;
-  if ($2[2] !== appBar || $2[3] !== autoOpenDrawer || $2[4] !== devViews || $2[5] !== drawer || $2[6] !== title) {
-    t4 = /* @__PURE__ */ jsx(RebaseLayout, { title, appBar, drawer, autoOpenDrawer, devViews });
-    $2[2] = appBar;
-    $2[3] = autoOpenDrawer;
-    $2[4] = devViews;
-    $2[5] = drawer;
-    $2[6] = title;
-    $2[7] = t4;
+  const onIconClick = t2;
+  let t3;
+  if ($2[7] !== entry.url || $2[8] !== navigate) {
+    t3 = () => navigate(entry.url);
+    $2[7] = entry.url;
+    $2[8] = navigate;
+    $2[9] = t3;
   } else {
-    t4 = $2[7];
+    t3 = $2[9];
   }
+  const t4 = favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500";
   let t5;
-  if ($2[8] !== children || $2[9] !== t4) {
-    t5 = /* @__PURE__ */ jsx(RebaseAuthGate, { children: /* @__PURE__ */ jsx(RebaseNavigation, { children: /* @__PURE__ */ jsx(RebaseRouteDefs, { layout: t4, children }) }) });
-    $2[8] = children;
-    $2[9] = t4;
-    $2[10] = t5;
+  if ($2[10] !== onIconClick || $2[11] !== t4) {
+    t5 = /* @__PURE__ */ jsx(StarIcon, { onClick: onIconClick, size: "small", className: t4 });
+    $2[10] = onIconClick;
+    $2[11] = t4;
+    $2[12] = t5;
   } else {
-    t5 = $2[10];
+    t5 = $2[12];
   }
-  return t5;
+  let t6;
+  if ($2[13] !== entry.name || $2[14] !== entry.slug || $2[15] !== t3 || $2[16] !== t5) {
+    t6 = /* @__PURE__ */ jsx(Chip, { onClick: t3, icon: t5, children: entry.name }, entry.slug);
+    $2[13] = entry.name;
+    $2[14] = entry.slug;
+    $2[15] = t3;
+    $2[16] = t5;
+    $2[17] = t6;
+  } else {
+    t6 = $2[17];
+  }
+  return t6;
 }
-function ArrayOfMapsPreview(t0) {
-  const $2 = c2(9);
+function FavouritesView(t0) {
+  const $2 = c2(17);
+  const navigationStateController = useNavigationStateController();
+  const userConfigurationPersistence = useUserConfigurationPersistence();
+  if (!userConfigurationPersistence) {
+    return null;
+  }
   let t1;
-  let t2;
-  let t3;
-  if ($2[0] !== t0) {
-    t3 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const {
-        propertyKey,
-        value,
-        property,
-        size
-      } = t0;
-      if (Array.isArray(property?.of)) {
-        throw Error("Using array properties instead of single one in `of` in ArrayProperty");
-      }
-      if (property?.type !== "array" || !property.of || property.of.type !== "map") {
-        throw Error("Picked wrong preview component ArrayOfMapsPreview");
-      }
-      const mapProperty = property.of;
-      const properties = mapProperty.properties;
-      if (!properties) {
-        throw Error(`You need to specify a 'properties' prop (or specify a custom field) in your map property ${propertyKey}`);
-      }
-      const values = value;
-      const previewProperties = mapProperty.previewProperties;
-      if (!values) {
-        t3 = null;
-        break bb0;
-      }
-      let mapProperties;
-      mapProperties = previewProperties;
-      if (!mapProperties || !mapProperties.length) {
-        mapProperties = Object.keys(properties);
-        if (size) {
-          mapProperties = mapProperties.slice(0, 3);
-        }
-      }
-      t2 = "table-auto text-xs";
-      t1 = values && values.map((v2, index) => /* @__PURE__ */ jsx("div", { className: "border-b last:border-b-0 py-2", children: mapProperties && mapProperties.map((key) => /* @__PURE__ */ jsx("div", { className: "table-cell", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: key, value: v2[key], property: properties[key], size: "small" }) }) }, `table-cell-${key}`)) }, `table_${v2}_${index}`));
-    }
-    $2[0] = t0;
+  if ($2[0] !== userConfigurationPersistence?.favouritePaths) {
+    t1 = userConfigurationPersistence?.favouritePaths ?? [];
+    $2[0] = userConfigurationPersistence?.favouritePaths;
     $2[1] = t1;
-    $2[2] = t2;
-    $2[3] = t3;
   } else {
     t1 = $2[1];
-    t2 = $2[2];
-    t3 = $2[3];
-  }
-  if (t3 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-    return t3;
   }
+  let T0;
+  let t2;
+  let t3;
   let t4;
-  if ($2[4] !== t1) {
-    t4 = /* @__PURE__ */ jsx("div", { children: t1 });
-    $2[4] = t1;
-    $2[5] = t4;
+  if ($2[2] !== navigationStateController || $2[3] !== t1) {
+    let t52;
+    if ($2[8] !== navigationStateController) {
+      t52 = (path) => navigationStateController.topLevelNavigation?.navigationEntries.find((entry) => entry.slug === path);
+      $2[8] = navigationStateController;
+      $2[9] = t52;
+    } else {
+      t52 = $2[9];
+    }
+    const favouriteCollections = t1.map(t52).filter(Boolean);
+    T0 = Collapse;
+    t4 = favouriteCollections.length > 0;
+    t2 = "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]";
+    t3 = favouriteCollections.map(_temp$1);
+    $2[2] = navigationStateController;
+    $2[3] = t1;
+    $2[4] = T0;
+    $2[5] = t2;
+    $2[6] = t3;
+    $2[7] = t4;
   } else {
-    t4 = $2[5];
+    T0 = $2[4];
+    t2 = $2[5];
+    t3 = $2[6];
+    t4 = $2[7];
   }
   let t5;
-  if ($2[6] !== t2 || $2[7] !== t4) {
-    t5 = /* @__PURE__ */ jsx("div", { className: t2, children: t4 });
-    $2[6] = t2;
-    $2[7] = t4;
-    $2[8] = t5;
+  if ($2[10] !== t2 || $2[11] !== t3) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t2, children: t3 });
+    $2[10] = t2;
+    $2[11] = t3;
+    $2[12] = t5;
   } else {
-    t5 = $2[8];
+    t5 = $2[12];
   }
-  return t5;
+  let t6;
+  if ($2[13] !== T0 || $2[14] !== t4 || $2[15] !== t5) {
+    t6 = /* @__PURE__ */ jsx(T0, { in: t4, children: t5 });
+    $2[13] = T0;
+    $2[14] = t4;
+    $2[15] = t5;
+    $2[16] = t6;
+  } else {
+    t6 = $2[16];
+  }
+  return t6;
 }
-function MissingReferenceWidget(t0) {
-  const $2 = c2(22);
+function _temp$1(entry_0) {
+  return /* @__PURE__ */ jsx(NavigationChip, { entry: entry_0 }, entry_0.slug);
+}
+function NavigationGroup(t0) {
+  const $2 = c2(45);
   const {
-    path: pathProp
+    children,
+    group,
+    minimised,
+    isPreview,
+    isPotentialCardDropTarget,
+    onEditGroup,
+    dndDisabled,
+    collapsed,
+    onToggleCollapsed
   } = t0;
-  const registry = useCollectionRegistryController();
-  const path = getLastSegment(pathProp);
+  const {
+    t
+  } = useTranslation();
+  const [isHovered, setIsHovered] = useState(false);
   let t1;
-  if ($2[0] !== pathProp || $2[1] !== registry) {
-    t1 = registry.getParentCollectionSlugs(pathProp);
-    $2[0] = pathProp;
-    $2[1] = registry;
+  if ($2[0] !== group || $2[1] !== t) {
+    t1 = group ?? t("views_group");
+    $2[0] = group;
+    $2[1] = t;
     $2[2] = t1;
   } else {
     t1 = $2[2];
   }
-  const parentCollectionSlugs = t1;
-  let t2;
-  if ($2[3] !== pathProp || $2[4] !== registry) {
-    t2 = registry.getParentEntityIds(pathProp);
-    $2[3] = pathProp;
-    $2[4] = registry;
-    $2[5] = t2;
+  const currentGroupName = t1;
+  const showCaret = !isPreview && !!onToggleCollapsed;
+  const t2 = isPreview ? "px-1 py-0.5" : "";
+  let t3;
+  if ($2[3] !== t2) {
+    t3 = cls("flex items-center", t2);
+    $2[3] = t2;
+    $2[4] = t3;
   } else {
-    t2 = $2[5];
+    t3 = $2[4];
   }
-  const parentEntityIds = t2;
-  const collectionEditor = useCollectionEditorController();
-  const {
-    t: t3
-  } = useTranslation();
-  const t32 = "p-1 flex flex-col items-center";
-  const T0 = ErrorView;
-  const t4 = t3("studio_missing_reference_error", {
-    path
-  });
+  const t4 = isPreview ? "body2" : "caption";
   let t5;
-  if ($2[6] !== T0 || $2[7] !== t4) {
-    t5 = /* @__PURE__ */ jsx(T0, { error: t4 });
-    $2[6] = T0;
-    $2[7] = t4;
-    $2[8] = t5;
+  if ($2[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = cls("px-4 py-1 rounded", "font-semibold text-[11px] uppercase tracking-wider text-surface-400 dark:text-surface-400");
+    $2[5] = t5;
   } else {
-    t5 = $2[8];
+    t5 = $2[5];
   }
   let t6;
-  if ($2[9] !== collectionEditor || $2[10] !== parentCollectionSlugs || $2[11] !== parentEntityIds || $2[12] !== path) {
-    t6 = () => {
-      collectionEditor.createCollection({
-        initialValues: {
-          path,
-          name: prettifyIdentifier(path)
-        },
-        parentCollectionSlugs,
-        parentEntityIds,
-        redirect: false,
-        sourceClick: "missing_reference"
-      });
-    };
-    $2[9] = collectionEditor;
-    $2[10] = parentCollectionSlugs;
-    $2[11] = parentEntityIds;
-    $2[12] = path;
-    $2[13] = t6;
+  if ($2[6] !== currentGroupName || $2[7] !== t4) {
+    t6 = /* @__PURE__ */ jsx(Typography, { variant: t4, component: "h2", color: "secondary", className: t5, children: currentGroupName });
+    $2[6] = currentGroupName;
+    $2[7] = t4;
+    $2[8] = t6;
   } else {
-    t6 = $2[13];
+    t6 = $2[8];
   }
   let t7;
-  if ($2[14] !== t3) {
-    t7 = t3("studio_missing_reference_create");
-    $2[14] = t3;
-    $2[15] = t7;
+  if ($2[9] !== currentGroupName || $2[10] !== dndDisabled || $2[11] !== isHovered || $2[12] !== isPreview || $2[13] !== onEditGroup) {
+    t7 = !isPreview && onEditGroup && !dndDisabled && /* @__PURE__ */ jsx(IconButton, { size: "smallest", onClick: (e2) => {
+      e2.stopPropagation();
+      onEditGroup(currentGroupName);
+    }, className: cls("ml-2 ", isHovered ? "opacity-100" : "opacity-0", "transition-opacity duration-100"), children: /* @__PURE__ */ jsx(PencilIcon, { size: iconSize.smallest }) });
+    $2[9] = currentGroupName;
+    $2[10] = dndDisabled;
+    $2[11] = isHovered;
+    $2[12] = isPreview;
+    $2[13] = onEditGroup;
+    $2[14] = t7;
   } else {
-    t7 = $2[15];
+    t7 = $2[14];
   }
   let t8;
-  if ($2[16] !== t6 || $2[17] !== t7) {
-    t8 = /* @__PURE__ */ jsx(Button, { className: "mx-2", size: "small", onClick: t6, children: t7 });
+  if ($2[15] !== t3 || $2[16] !== t6 || $2[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: t3, children: [
+      t6,
+      t7
+    ] });
+    $2[15] = t3;
     $2[16] = t6;
     $2[17] = t7;
     $2[18] = t8;
   } else {
     t8 = $2[18];
   }
-  let t9;
-  if ($2[19] !== t5 || $2[20] !== t8) {
-    t9 = /* @__PURE__ */ jsxs("div", { className: t32, children: [
-      t5,
-      t8
+  const TitleContent = t8;
+  const t9 = !isPotentialCardDropTarget ? "my-10" : "my-6";
+  let t10;
+  if ($2[19] !== t9) {
+    t10 = cls(t9, "transition-all duration-200 ease-in-out");
+    $2[19] = t9;
+    $2[20] = t10;
+  } else {
+    t10 = $2[20];
+  }
+  let t11;
+  if ($2[21] !== TitleContent || $2[22] !== children || $2[23] !== isPreview) {
+    t11 = isPreview && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: cls("flex items-center justify-between w-full", "p-4 py-2"), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: TitleContent }),
+      children
     ] });
-    $2[19] = t5;
-    $2[20] = t8;
-    $2[21] = t9;
+    $2[21] = TitleContent;
+    $2[22] = children;
+    $2[23] = isPreview;
+    $2[24] = t11;
   } else {
-    t9 = $2[21];
+    t11 = $2[24];
   }
-  return t9;
+  let t12;
+  if ($2[25] !== TitleContent || $2[26] !== children || $2[27] !== collapsed || $2[28] !== isPreview || $2[29] !== minimised || $2[30] !== onToggleCollapsed || $2[31] !== showCaret) {
+    t12 = !isPreview && showCaret && /* @__PURE__ */ jsx(ExpandablePanel, { invisible: true, expanded: !collapsed, onExpandedChange: (open) => {
+      if (open !== !collapsed) {
+        onToggleCollapsed?.();
+      }
+    }, className: cls("mt-6"), titleClassName: cls("min-h-0 p-0 border-none", "rounded flex items-center justify-between w-full", "hover:bg-transparent", "cursor-pointer select-none", collapsed && "bg-surface-100 dark:bg-surface-900/50"), innerClassName: cls("mt-4", !minimised ? "pt-0" : ""), title: /* @__PURE__ */ jsx("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: "flex items-center", children: TitleContent }), children: minimised ? /* @__PURE__ */ jsx("div", { className: cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"), style: {
+      minHeight: "50px"
+    } }) : /* @__PURE__ */ jsx("div", { className: cls("mt-4", !minimised ? "pt-0" : ""), children }) });
+    $2[25] = TitleContent;
+    $2[26] = children;
+    $2[27] = collapsed;
+    $2[28] = isPreview;
+    $2[29] = minimised;
+    $2[30] = onToggleCollapsed;
+    $2[31] = showCaret;
+    $2[32] = t12;
+  } else {
+    t12 = $2[32];
+  }
+  let t13;
+  if ($2[33] !== TitleContent || $2[34] !== children || $2[35] !== collapsed || $2[36] !== isPreview || $2[37] !== minimised || $2[38] !== showCaret) {
+    t13 = !isPreview && !showCaret && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: cls("flex items-center justify-between w-full", "mt-6"), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: TitleContent }),
+      !collapsed && (minimised ? /* @__PURE__ */ jsx("div", { className: cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"), style: {
+        minHeight: "50px"
+      } }) : /* @__PURE__ */ jsx("div", { className: cls("mt-4", !minimised ? "pt-0" : ""), children }))
+    ] });
+    $2[33] = TitleContent;
+    $2[34] = children;
+    $2[35] = collapsed;
+    $2[36] = isPreview;
+    $2[37] = minimised;
+    $2[38] = showCaret;
+    $2[39] = t13;
+  } else {
+    t13 = $2[39];
+  }
+  let t14;
+  if ($2[40] !== t10 || $2[41] !== t11 || $2[42] !== t12 || $2[43] !== t13) {
+    t14 = /* @__PURE__ */ jsxs("div", { className: t10, children: [
+      t11,
+      t12,
+      t13
+    ] });
+    $2[40] = t10;
+    $2[41] = t11;
+    $2[42] = t12;
+    $2[43] = t13;
+    $2[44] = t14;
+  } else {
+    t14 = $2[44];
+  }
+  return t14;
 }
-function RolesFilterSelect(t0) {
-  const $2 = c2(20);
+function NavigationCardBinding(t0) {
+  const $2 = c2(38);
   const {
-    tableController
+    slug,
+    collection,
+    view,
+    url,
+    name,
+    description,
+    onClick,
+    shrink
   } = t0;
-  const {
-    t: t2
-  } = useTranslation();
-  const userManagement = useInternalUserManagementController();
-  let t1;
-  if ($2[0] !== userManagement?.roles) {
-    t1 = userManagement?.roles || [];
-    $2[0] = userManagement?.roles;
-    $2[1] = t1;
+  const userConfigurationPersistence = useUserConfigurationPersistence();
+  const t1 = collection ?? view;
+  let t2;
+  if ($2[0] !== t1) {
+    t2 = /* @__PURE__ */ jsx(IconForView, { collectionOrView: t1 });
+    $2[0] = t1;
+    $2[1] = t2;
   } else {
-    t1 = $2[1];
+    t2 = $2[1];
   }
-  const roles = t1;
-  const currentFilterValue = tableController.filterValues?.roles?.[1] || "";
-  let t22;
-  if ($2[2] !== tableController) {
-    t22 = (newRole) => {
-      const filterVal = newRole === "" ? void 0 : newRole;
-      if (filterVal) {
-        tableController.setFilterValues?.({
-          ...tableController.filterValues,
-          roles: ["array-contains", filterVal]
-        });
-      } else {
-        const nextFilters = {
-          ...tableController.filterValues
-        };
-        delete nextFilters.roles;
-        tableController.setFilterValues?.(nextFilters);
-      }
-    };
-    $2[2] = tableController;
-    $2[3] = t22;
+  const collectionIcon = t2;
+  const navigate = useNavigate();
+  const context = useRebaseContext();
+  let t3;
+  if ($2[2] !== userConfigurationPersistence?.favouritePaths) {
+    t3 = userConfigurationPersistence?.favouritePaths ?? [];
+    $2[2] = userConfigurationPersistence?.favouritePaths;
+    $2[3] = t3;
   } else {
-    t22 = $2[3];
-  }
-  const handleRoleChange = t22;
-  if (!roles || roles.length === 0) {
-    return null;
+    t3 = $2[3];
   }
-  const t3 = currentFilterValue || "__all__";
   let t4;
-  if ($2[4] !== handleRoleChange) {
-    t4 = (v2) => handleRoleChange(v2 === "__all__" ? "" : v2);
-    $2[4] = handleRoleChange;
-    $2[5] = t4;
+  if ($2[4] !== slug || $2[5] !== t3) {
+    t4 = t3.includes(slug);
+    $2[4] = slug;
+    $2[5] = t3;
+    $2[6] = t4;
   } else {
-    t4 = $2[5];
+    t4 = $2[6];
   }
+  const favourite = t4;
   let t5;
-  if ($2[6] !== t2) {
-    t5 = t2("all_roles") || "All Roles";
-    $2[6] = t2;
-    $2[7] = t5;
+  if ($2[7] !== favourite || $2[8] !== slug || $2[9] !== userConfigurationPersistence) {
+    t5 = userConfigurationPersistence ? [/* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+      if (favourite) {
+        userConfigurationPersistence.setFavouritePaths(userConfigurationPersistence.favouritePaths.filter((p2) => p2 !== slug));
+      } else {
+        userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, slug]);
+      }
+    }, children: /* @__PURE__ */ jsx(StarIcon, { className: favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500" }) }, "favourite")] : [];
+    $2[7] = favourite;
+    $2[8] = slug;
+    $2[9] = userConfigurationPersistence;
+    $2[10] = t5;
   } else {
-    t5 = $2[7];
+    t5 = $2[10];
   }
+  const actionsArray = t5;
   let t6;
-  if ($2[8] !== t2) {
-    t6 = t2("all_roles") || "All Roles";
-    $2[8] = t2;
-    $2[9] = t6;
+  if ($2[11] !== collection || $2[12] !== context || $2[13] !== slug) {
+    t6 = {
+      slug,
+      collection,
+      context
+    };
+    $2[11] = collection;
+    $2[12] = context;
+    $2[13] = slug;
+    $2[14] = t6;
   } else {
-    t6 = $2[9];
+    t6 = $2[14];
   }
+  const pluginCardActions = useSlot("home.collection.actions", t6);
   let t7;
-  if ($2[10] !== t6) {
-    t7 = /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: t6 });
-    $2[10] = t6;
-    $2[11] = t7;
+  if ($2[15] !== collection || $2[16] !== context || $2[17] !== slug) {
+    t7 = {
+      slug,
+      collection,
+      context
+    };
+    $2[15] = collection;
+    $2[16] = context;
+    $2[17] = slug;
+    $2[18] = t7;
   } else {
-    t7 = $2[11];
+    t7 = $2[18];
   }
+  const pluginCardInsights = useSlot("home.card.insight", t7);
   let t8;
-  if ($2[12] !== roles) {
-    t8 = roles.map(_temp$1);
-    $2[12] = roles;
-    $2[13] = t8;
+  if ($2[19] !== actionsArray || $2[20] !== pluginCardActions) {
+    t8 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      actionsArray,
+      pluginCardActions
+    ] });
+    $2[19] = actionsArray;
+    $2[20] = pluginCardActions;
+    $2[21] = t8;
   } else {
-    t8 = $2[13];
+    t8 = $2[21];
   }
+  const actions = t8;
   let t9;
-  if ($2[14] !== t3 || $2[15] !== t4 || $2[16] !== t5 || $2[17] !== t7 || $2[18] !== t8) {
-    t9 = /* @__PURE__ */ jsxs(Select, { value: t3, onValueChange: t4, placeholder: t5, size: "small", className: "w-48", children: [
+  if ($2[22] !== pluginCardInsights) {
+    t9 = pluginCardInsights.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: pluginCardInsights }) : void 0;
+    $2[22] = pluginCardInsights;
+    $2[23] = t9;
+  } else {
+    t9 = $2[23];
+  }
+  let t10;
+  if ($2[24] !== navigate || $2[25] !== onClick || $2[26] !== slug || $2[27] !== url || $2[28] !== userConfigurationPersistence) {
+    t10 = () => {
+      onClick?.();
+      navigate(url);
+      if (userConfigurationPersistence) {
+        userConfigurationPersistence.setRecentlyVisitedPaths([slug, ...(userConfigurationPersistence.recentlyVisitedPaths ?? []).filter((p_0) => p_0 !== slug)]);
+      }
+    };
+    $2[24] = navigate;
+    $2[25] = onClick;
+    $2[26] = slug;
+    $2[27] = url;
+    $2[28] = userConfigurationPersistence;
+    $2[29] = t10;
+  } else {
+    t10 = $2[29];
+  }
+  let t11;
+  if ($2[30] !== actions || $2[31] !== collectionIcon || $2[32] !== description || $2[33] !== name || $2[34] !== shrink || $2[35] !== t10 || $2[36] !== t9) {
+    t11 = /* @__PURE__ */ jsx(NavigationCard, { icon: collectionIcon, name, description, actions, additionalContent: t9, onClick: t10, shrink });
+    $2[30] = actions;
+    $2[31] = collectionIcon;
+    $2[32] = description;
+    $2[33] = name;
+    $2[34] = shrink;
+    $2[35] = t10;
+    $2[36] = t9;
+    $2[37] = t11;
+  } else {
+    t11 = $2[37];
+  }
+  return t11;
+}
+const animateLayoutChanges = (args) => defaultAnimateLayoutChanges({
+  ...args,
+  wasDragging: true
+});
+const dropAnimationConfig = {};
+const cloneSerializableNavigationEntry = (entry) => {
+  const clonedEntry = {
+    id: entry.id,
+    slug: entry.slug,
+    url: entry.url,
+    name: entry.name,
+    type: entry.type,
+    collection: entry.collection ? {
+      ...entry.collection
+    } : void 0,
+    view: entry.view ? {
+      ...entry.view
+    } : void 0,
+    ...entry.group && {
+      group: entry.group
+    },
+    ...entry.description && {
+      description: entry.description
+    }
+  };
+  return clonedEntry;
+};
+const cloneItemsForDnd = (items) => items.map((g3) => ({
+  name: g3.name,
+  entries: g3.entries.map(cloneSerializableNavigationEntry)
+}));
+function SortableNavigationCard(t0) {
+  const $2 = c2(17);
+  const {
+    entry,
+    onClick
+  } = t0;
+  let t1;
+  if ($2[0] !== entry.url) {
+    t1 = {
+      id: entry.url,
+      animateLayoutChanges
+    };
+    $2[0] = entry.url;
+    $2[1] = t1;
+  } else {
+    t1 = $2[1];
+  }
+  const {
+    setNodeRef,
+    listeners,
+    attributes,
+    transform,
+    transition,
+    isDragging
+  } = useSortable(t1);
+  let t2;
+  if ($2[2] !== transform) {
+    t2 = transform ? CSS.Transform.toString(transform) : void 0;
+    $2[2] = transform;
+    $2[3] = t2;
+  } else {
+    t2 = $2[3];
+  }
+  const t3 = isDragging ? 0 : 1;
+  let t4;
+  if ($2[4] !== t2 || $2[5] !== t3 || $2[6] !== transition) {
+    t4 = {
+      transform: t2,
+      transition,
+      opacity: t3
+    };
+    $2[4] = t2;
+    $2[5] = t3;
+    $2[6] = transition;
+    $2[7] = t4;
+  } else {
+    t4 = $2[7];
+  }
+  const style = t4;
+  let t5;
+  if ($2[8] !== entry || $2[9] !== onClick) {
+    t5 = /* @__PURE__ */ jsx(NavigationCardBinding, { ...entry, onClick });
+    $2[8] = entry;
+    $2[9] = onClick;
+    $2[10] = t5;
+  } else {
+    t5 = $2[10];
+  }
+  let t6;
+  if ($2[11] !== attributes || $2[12] !== listeners || $2[13] !== setNodeRef || $2[14] !== style || $2[15] !== t5) {
+    t6 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children: t5 });
+    $2[11] = attributes;
+    $2[12] = listeners;
+    $2[13] = setNodeRef;
+    $2[14] = style;
+    $2[15] = t5;
+    $2[16] = t6;
+  } else {
+    t6 = $2[16];
+  }
+  return t6;
+}
+function NavigationGroupDroppable(t0) {
+  const $2 = c2(11);
+  const {
+    id,
+    itemIds,
+    children,
+    isPotentialCardDropTarget: t1
+  } = t0;
+  const isPotentialCardDropTarget = t1 === void 0 ? false : t1;
+  let t2;
+  if ($2[0] !== id) {
+    t2 = {
+      id
+    };
+    $2[0] = id;
+    $2[1] = t2;
+  } else {
+    t2 = $2[1];
+  }
+  const {
+    setNodeRef
+  } = useDroppable(t2);
+  const t3 = isPotentialCardDropTarget ? "p-2 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg" : void 0;
+  let t4;
+  if ($2[2] !== t3) {
+    t4 = cls(t3, "transition-all duration-200 ease-in-out");
+    $2[2] = t3;
+    $2[3] = t4;
+  } else {
+    t4 = $2[3];
+  }
+  let t5;
+  if ($2[4] !== children || $2[5] !== itemIds) {
+    t5 = /* @__PURE__ */ jsx(SortableContext, { items: itemIds, strategy: rectSortingStrategy, children });
+    $2[4] = children;
+    $2[5] = itemIds;
+    $2[6] = t5;
+  } else {
+    t5 = $2[6];
+  }
+  let t6;
+  if ($2[7] !== setNodeRef || $2[8] !== t4 || $2[9] !== t5) {
+    t6 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, className: t4, children: t5 });
+    $2[7] = setNodeRef;
+    $2[8] = t4;
+    $2[9] = t5;
+    $2[10] = t6;
+  } else {
+    t6 = $2[10];
+  }
+  return t6;
+}
+function SortableNavigationGroup(t0) {
+  const $2 = c2(15);
+  const {
+    groupName,
+    children,
+    disabled
+  } = t0;
+  let t1;
+  if ($2[0] !== disabled || $2[1] !== groupName) {
+    t1 = {
+      id: groupName,
+      animateLayoutChanges,
+      disabled
+    };
+    $2[0] = disabled;
+    $2[1] = groupName;
+    $2[2] = t1;
+  } else {
+    t1 = $2[2];
+  }
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable(t1);
+  let t2;
+  if ($2[3] !== transform) {
+    t2 = transform ? CSS.Transform.toString(transform) : void 0;
+    $2[3] = transform;
+    $2[4] = t2;
+  } else {
+    t2 = $2[4];
+  }
+  const t3 = isDragging ? 0 : 1;
+  let t4;
+  if ($2[5] !== t2 || $2[6] !== t3 || $2[7] !== transition) {
+    t4 = {
+      transform: t2,
+      transition,
+      opacity: t3
+    };
+    $2[5] = t2;
+    $2[6] = t3;
+    $2[7] = transition;
+    $2[8] = t4;
+  } else {
+    t4 = $2[8];
+  }
+  const style = t4;
+  let t5;
+  if ($2[9] !== attributes || $2[10] !== children || $2[11] !== listeners || $2[12] !== setNodeRef || $2[13] !== style) {
+    t5 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children });
+    $2[9] = attributes;
+    $2[10] = children;
+    $2[11] = listeners;
+    $2[12] = setNodeRef;
+    $2[13] = style;
+    $2[14] = t5;
+  } else {
+    t5 = $2[14];
+  }
+  return t5;
+}
+function useHomePageDnd({
+  items,
+  setItems,
+  disabled,
+  onCardMovedBetweenGroups,
+  onGroupMoved,
+  onNewGroupDrop,
+  onPersist
+}) {
+  const dndItems = items;
+  const setDndItems = setItems;
+  const [activeId, setActiveId] = useState(null);
+  const [activeIsGroup, setActiveIsGroup] = useState(false);
+  const [currentDraggingGroupId, setCurrentDraggingGroupId] = useState(null);
+  const [dndKitActiveNode, setDndKitActiveNode] = useState(null);
+  const [isDraggingCardOnly, setIsDraggingCardOnly] = useState(false);
+  const [dialogOpenForGroup, setDialogOpenForGroup] = useState(null);
+  const [isHoveringNewGroupDropZone, setIsHoveringNewGroupDropZone] = useState(false);
+  const [pendingNewGroupName, setPendingNewGroupName] = useState(null);
+  const [stateBeforeNewGroup, setStateBeforeNewGroup] = useState(null);
+  const preDragItemsRef = useRef(null);
+  const interimItemsRef = useRef(null);
+  useEffect(() => {
+    interimItemsRef.current = dndItems;
+  }, [dndItems]);
+  const mouseSensor = useSensor(MouseSensor, {
+    activationConstraint: {
+      distance: 10
+    }
+  });
+  const touchSensor = useSensor(TouchSensor, {
+    activationConstraint: {
+      delay: 150,
+      tolerance: 5
+    }
+  });
+  const keyboardSensor = useSensor(KeyboardSensor);
+  const sensors = useSensors(mouseSensor, touchSensor, keyboardSensor);
+  const dndContainers = dndItems.map((g3) => g3.name);
+  const findDndContainer = useCallback((id) => {
+    if (!id) return void 0;
+    const group = dndItems.find((g_0) => g_0.name === id);
+    if (group) return group.name;
+    for (const g_1 of dndItems) {
+      if (g_1.entries.some((e2) => e2.url === id)) return g_1.name;
+    }
+    return void 0;
+  }, [dndItems]);
+  const lastOverId = useRef(null);
+  const recentlyMovedToNewContainer = useRef(false);
+  const collisionDetection = useCallback((args) => {
+    if (disabled || !activeId) return [];
+    if (activeIsGroup) {
+      const groups = args.droppableContainers.filter((c4) => dndItems.some((g_2) => g_2.name === c4.id));
+      if (!groups.length) return [];
+      return closestCenter({
+        ...args,
+        droppableContainers: groups
+      });
+    }
+    const pointer = pointerWithin(args);
+    if (pointer.length) {
+      const zone = pointer.find((c_0) => c_0.id === "new-group-drop-zone");
+      if (zone) return [zone];
+      const container = pointer.find((c_1) => dndItems.some((g_3) => g_3.name === c_1.id));
+      if (container) {
+        const itemsIn = dndItems.find((g_4) => g_4.name === container.id)?.entries;
+        if (itemsIn?.length) {
+          const closest = closestCorners({
+            ...args,
+            droppableContainers: args.droppableContainers.filter((c_2) => itemsIn.some((e_0) => e_0.url === c_2.id))
+          });
+          if (closest.length) return closest;
+        }
+        return [container];
+      }
+      const first = getFirstCollision(pointer, "id");
+      if (first) return [{
+        id: first
+      }];
+    }
+    const rects = rectIntersection(args);
+    const zoneRect = rects.find((c_3) => c_3.id === "new-group-drop-zone");
+    if (zoneRect) return [zoneRect];
+    let overId = getFirstCollision(rects, "id");
+    if (overId != null) {
+      const overIsContainer = dndItems.some((g_5) => g_5.name === overId);
+      if (overIsContainer) {
+        const itemsIn_0 = dndItems.find((g_6) => g_6.name === overId)?.entries;
+        if (itemsIn_0?.length) {
+          const closestItem = closestCorners({
+            ...args,
+            droppableContainers: args.droppableContainers.filter((c_4) => itemsIn_0.some((e_1) => e_1.url === c_4.id))
+          })[0]?.id;
+          if (closestItem) overId = closestItem;
+        }
+      }
+      lastOverId.current = overId;
+      return [{
+        id: overId
+      }];
+    }
+    if (recentlyMovedToNewContainer.current && lastOverId.current && !activeIsGroup) return [{
+      id: lastOverId.current
+    }];
+    return [];
+  }, [activeId, dndItems, disabled, activeIsGroup]);
+  const handleDragStart = ({
+    active
+  }) => {
+    setDndKitActiveNode(active);
+    if (disabled) return;
+    preDragItemsRef.current = cloneItemsForDnd(dndItems);
+    const isGroup = dndItems.some((g_7) => g_7.name === active.id);
+    if (!active.data.current) active.data.current = {};
+    active.data.current.type = isGroup ? "group" : "item";
+    setActiveId(active.id);
+    setActiveIsGroup(isGroup);
+    setIsDraggingCardOnly(!isGroup);
+    if (isGroup) setCurrentDraggingGroupId(active.id);
+    recentlyMovedToNewContainer.current = false;
+  };
+  const handleDragOver = ({
+    active: active_0,
+    over
+  }) => {
+    if (disabled || !over) return;
+    const activeIdNow = active_0.id;
+    const overIdNow = over.id;
+    if (activeIdNow === overIdNow) return;
+    if (activeIsGroup) return;
+    const activeCont = findDndContainer(activeIdNow);
+    const overCont = findDndContainer(overIdNow);
+    if (!activeCont) return;
+    if (overCont && activeCont !== overCont) {
+      recentlyMovedToNewContainer.current = true;
+      lastOverId.current = overIdNow;
+      setDndItems((current) => {
+        const newState = cloneItemsForDnd(current);
+        const srcIdx = newState.findIndex((g_8) => g_8.name === activeCont);
+        const tgtIdx = newState.findIndex((g_9) => g_9.name === overCont);
+        if (srcIdx === -1 || tgtIdx === -1) return current;
+        const src = newState[srcIdx];
+        const tgt = newState[tgtIdx];
+        const idxInSrc = src.entries.findIndex((e_2) => e_2.url === activeIdNow);
+        if (idxInSrc === -1) return current;
+        const [moved] = src.entries.splice(idxInSrc, 1);
+        const overIsContainer_0 = overIdNow === overCont;
+        if (overIsContainer_0) {
+          tgt.entries.push(moved);
+        } else {
+          const overIdx = tgt.entries.findIndex((e_3) => e_3.url === overIdNow);
+          if (overIdx !== -1) {
+            tgt.entries.splice(overIdx, 0, moved);
+          } else {
+            tgt.entries.push(moved);
+          }
+        }
+        return newState;
+      });
+    } else if (activeCont === overCont) {
+      recentlyMovedToNewContainer.current = false;
+    }
+  };
+  const handleDragEnd = ({
+    active: active_1,
+    over: over_0
+  }) => {
+    if (disabled || !over_0) {
+      resetDragState();
+      return;
+    }
+    const activeIdNow_0 = active_1.id;
+    const overIdNow_0 = over_0.id;
+    if (activeIsGroup) {
+      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);
+        const to = dndItems.findIndex((g_11) => g_11.name === overIdNow_0);
+        if (from !== -1 && to !== -1) {
+          const newState_0 = arrayMove(dndItems, from, to);
+          setDndItems(newState_0);
+          onPersist?.(newState_0);
+          onGroupMoved?.(activeIdNow_0, from, to);
+        }
+      }
+    } else {
+      const findContainerInState = (id_0, state) => {
+        const group_0 = state.find((g_13) => g_13.name === id_0);
+        if (group_0) return group_0.name;
+        for (const g_14 of state) {
+          if (g_14.entries.some((e_4) => e_4.url === id_0)) return g_14.name;
+        }
+        return void 0;
+      };
+      const sourceState = preDragItemsRef.current || dndItems;
+      const activeCont_0 = findContainerInState(activeIdNow_0, sourceState);
+      findDndContainer(overIdNow_0);
+      if (overIdNow_0 === "new-group-drop-zone") {
+        if (activeCont_0) {
+          setStateBeforeNewGroup(cloneItemsForDnd(dndItems));
+          const newState_1 = cloneItemsForDnd(dndItems);
+          const srcIdx_0 = newState_1.findIndex((g_15) => g_15.name === activeCont_0);
+          if (srcIdx_0 !== -1) {
+            const src_0 = newState_1[srcIdx_0];
+            const idxInSrc_0 = src_0.entries.findIndex((e_5) => e_5.url === activeIdNow_0);
+            if (idxInSrc_0 !== -1) {
+              const [dragged] = src_0.entries.splice(idxInSrc_0, 1);
+              if (src_0.entries.length === 0) newState_1.splice(srcIdx_0, 1);
+              let tentative = "New Group";
+              let counter = 1;
+              while (newState_1.some((g_16) => g_16.name === tentative)) tentative = `New Group ${counter++}`;
+              newState_1.push({
+                name: tentative,
+                entries: [dragged]
+              });
+              setDndItems(newState_1);
+              setPendingNewGroupName(tentative);
+              setDialogOpenForGroup(tentative);
+              onNewGroupDrop?.();
+            }
+          }
+        }
+      } else {
+        const overCont_1 = findDndContainer(overIdNow_0);
+        if (activeCont_0 === overCont_1) {
+          const grpIdx = dndItems.findIndex((g_17) => g_17.name === activeCont_0);
+          if (grpIdx !== -1) {
+            const group_1 = dndItems[grpIdx];
+            const oldIdx = group_1.entries.findIndex((e_6) => e_6.url === activeIdNow_0);
+            let newIdx = group_1.entries.findIndex((e_7) => e_7.url === overIdNow_0);
+            if (newIdx === -1 && overIdNow_0 === activeCont_0) newIdx = group_1.entries.length - 1;
+            if (oldIdx !== -1 && newIdx !== -1 && oldIdx !== newIdx) {
+              const reordered = arrayMove(group_1.entries, oldIdx, newIdx);
+              const newState_2 = [...dndItems];
+              newState_2[grpIdx] = {
+                ...group_1,
+                entries: reordered
+              };
+              setDndItems(newState_2);
+              onPersist?.(newState_2);
+            }
+          }
+        } else if (overCont_1 && activeCont_0 !== overCont_1) {
+          const finalState = cloneItemsForDnd(sourceState);
+          const finalOverId = lastOverId.current || overIdNow_0;
+          const cleanOverCont = findContainerInState(finalOverId, sourceState) || overCont_1;
+          const srcIdx_1 = finalState.findIndex((g_18) => g_18.name === activeCont_0);
+          const tgtIdx_0 = finalState.findIndex((g_19) => g_19.name === cleanOverCont);
+          if (srcIdx_1 !== -1 && tgtIdx_0 !== -1) {
+            const src_1 = finalState[srcIdx_1];
+            const tgt_0 = finalState[tgtIdx_0];
+            const idxInSrc_1 = src_1.entries.findIndex((e_8) => e_8.url === activeIdNow_0);
+            if (idxInSrc_1 !== -1) {
+              const [moved_0] = src_1.entries.splice(idxInSrc_1, 1);
+              const overIsContainer_1 = finalOverId === cleanOverCont;
+              if (overIsContainer_1) {
+                tgt_0.entries.push(moved_0);
+              } else {
+                const overIdx_0 = tgt_0.entries.findIndex((e_9) => e_9.url === finalOverId);
+                if (overIdx_0 !== -1) {
+                  tgt_0.entries.splice(overIdx_0, 0, moved_0);
+                } else {
+                  tgt_0.entries.push(moved_0);
+                }
+              }
+              if (src_1.entries.length === 0) {
+                finalState.splice(srcIdx_1, 1);
+              }
+              setDndItems(finalState);
+              onPersist?.(finalState);
+              onCardMovedBetweenGroups?.(moved_0);
+            }
+          }
+        } else if (recentlyMovedToNewContainer.current) {
+          console.error("Move between containers detected but conditions not met", {
+            activeCont: activeCont_0,
+            overCont: overCont_1,
+            activeIdNow: activeIdNow_0,
+            overIdNow: overIdNow_0
+          });
+        }
+      }
+    }
+    resetDragState();
+  };
+  const resetDragState = () => {
+    setDndKitActiveNode(null);
+    setActiveId(null);
+    setActiveIsGroup(false);
+    setCurrentDraggingGroupId(null);
+    setIsDraggingCardOnly(false);
+    recentlyMovedToNewContainer.current = false;
+  };
+  const handleDragCancel = () => resetDragState();
+  const handleRenameGroup = (oldName, newName) => {
+    setDndItems((current_0) => {
+      const idx = current_0.findIndex((g_20) => g_20.name === oldName);
+      if (idx === -1) return current_0;
+      if (current_0.some((g_21) => g_21.name === newName && g_21.name !== oldName)) return current_0;
+      const updated = [...current_0];
+      updated[idx] = {
+        ...updated[idx],
+        name: newName
+      };
+      onPersist?.(updated);
+      return updated;
+    });
+    setPendingNewGroupName(null);
+    setStateBeforeNewGroup(null);
+    setDialogOpenForGroup(null);
+  };
+  const handleDialogClose = () => {
+    if (pendingNewGroupName && dialogOpenForGroup === pendingNewGroupName && stateBeforeNewGroup) {
+      setDndItems(stateBeforeNewGroup);
+    }
+    setPendingNewGroupName(null);
+    setStateBeforeNewGroup(null);
+    setDialogOpenForGroup(null);
+  };
+  const activeItemForOverlay = disabled || !activeId || activeIsGroup ? null : dndItems.flatMap((g_22) => g_22.entries).find((e_10) => e_10.url === activeId) || null;
+  const activeGroupData = disabled || !activeId || !activeIsGroup ? null : dndItems.find((g_23) => g_23.name === activeId) || null;
+  return {
+    sensors,
+    collisionDetection,
+    onDragStart: handleDragStart,
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel,
+    dropAnimation: dropAnimationConfig,
+    activeItemForOverlay,
+    activeGroupData,
+    draggingGroupId: currentDraggingGroupId,
+    containers: dndContainers,
+    dndKitActiveNode,
+    isDraggingCardOnly,
+    dialogOpenForGroup,
+    setDialogOpenForGroup,
+    handleRenameGroup,
+    handleDialogClose,
+    isHoveringNewGroupDropZone,
+    setIsHoveringNewGroupDropZone
+  };
+}
+function NewGroupDropZone(t0) {
+  const $2 = c2(15);
+  const {
+    disabled,
+    setIsHovering
+  } = t0;
+  let t1;
+  if ($2[0] !== disabled) {
+    t1 = {
+      id: "new-group-drop-zone",
+      disabled
+    };
+    $2[0] = disabled;
+    $2[1] = t1;
+  } else {
+    t1 = $2[1];
+  }
+  const {
+    setNodeRef,
+    isOver
+  } = useDroppable(t1);
+  const [isVisible, setIsVisible] = useState(false);
+  let t2;
+  if ($2[2] !== disabled) {
+    t2 = {
+      onDragStart(t32) {
+        const {
+          active
+        } = t32;
+        if (disabled) {
+          return;
+        }
+        const tp = active.data.current?.type;
+        setIsVisible(tp === "item");
+      },
+      onDragEnd() {
+        setIsVisible(false);
+      },
+      onDragCancel() {
+        setIsVisible(false);
+      }
+    };
+    $2[2] = disabled;
+    $2[3] = t2;
+  } else {
+    t2 = $2[3];
+  }
+  useDndMonitor(t2);
+  let t3;
+  let t4;
+  if ($2[4] !== isOver || $2[5] !== isVisible || $2[6] !== setIsHovering) {
+    t3 = () => {
+      setIsHovering(isOver && isVisible);
+    };
+    t4 = [isOver, isVisible, setIsHovering];
+    $2[4] = isOver;
+    $2[5] = isVisible;
+    $2[6] = setIsHovering;
+    $2[7] = t3;
+    $2[8] = t4;
+  } else {
+    t3 = $2[7];
+    t4 = $2[8];
+  }
+  useEffect(t3, t4);
+  if (!isVisible || disabled) {
+    return null;
+  }
+  const t5 = isOver ? "bg-surface-accent-100 dark:bg-surface-accent-800 border-surface-300 dark:border-surface-600" : "bg-surface-50 dark:bg-surface-900 border-surface-200 dark:border-surface-700";
+  let t6;
+  if ($2[9] !== t5) {
+    t6 = cls("fixed right-8 top-1/2 -translate-y-1/2 w-[200px] h-[120px] border border-dashed rounded-lg flex items-center justify-center transition-all", t5);
+    $2[9] = t5;
+    $2[10] = t6;
+  } else {
+    t6 = $2[10];
+  }
+  let t7;
+  if ($2[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsx("div", { className: "text-center p-4", children: /* @__PURE__ */ jsx("span", { className: "block font-medium text-sm", children: "Drop here to create a new group" }) });
+    $2[11] = t7;
+  } else {
+    t7 = $2[11];
+  }
+  let t8;
+  if ($2[12] !== setNodeRef || $2[13] !== t6) {
+    t8 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, className: t6, children: t7 });
+    $2[12] = setNodeRef;
+    $2[13] = t6;
+    $2[14] = t8;
+  } else {
+    t8 = $2[14];
+  }
+  return t8;
+}
+function RenameGroupDialog(t0) {
+  const $2 = c2(56);
+  const {
+    open,
+    initialName,
+    existingGroupNames,
+    onClose,
+    onRename
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const [name, setName] = useState(initialName);
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
+  let t1;
+  let t2;
+  if ($2[0] !== initialName || $2[1] !== open) {
+    t1 = () => {
+      if (open) {
+        setName(initialName);
+        setError(null);
+        setTimeout(() => {
+          if (inputRef.current) {
+            inputRef.current.focus();
+            inputRef.current.select();
+          }
+        }, 100);
+      }
+    };
+    t2 = [initialName, open];
+    $2[0] = initialName;
+    $2[1] = open;
+    $2[2] = t1;
+    $2[3] = t2;
+  } else {
+    t1 = $2[2];
+    t2 = $2[3];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($2[4] !== existingGroupNames || $2[5] !== t) {
+    t3 = (event) => {
+      const newName = event.target.value;
+      setName(newName);
+      if (!newName.trim()) {
+        setError(t("group_name_empty_error"));
+      } else {
+        if (existingGroupNames.includes(newName.trim())) {
+          setError(t("group_name_exists_error"));
+        } else {
+          setError(null);
+        }
+      }
+    };
+    $2[4] = existingGroupNames;
+    $2[5] = t;
+    $2[6] = t3;
+  } else {
+    t3 = $2[6];
+  }
+  const handleNameChange = t3;
+  let t4;
+  if ($2[7] !== error || $2[8] !== existingGroupNames || $2[9] !== name || $2[10] !== onClose || $2[11] !== onRename || $2[12] !== t) {
+    t4 = () => {
+      const trimmedName = name.trim();
+      if (!trimmedName) {
+        setError(t("group_name_empty_error"));
+        return;
+      }
+      if (existingGroupNames.includes(trimmedName)) {
+        setError(t("group_name_exists_error"));
+        return;
+      }
+      if (!error) {
+        onRename(trimmedName);
+        onClose();
+      }
+    };
+    $2[7] = error;
+    $2[8] = existingGroupNames;
+    $2[9] = name;
+    $2[10] = onClose;
+    $2[11] = onRename;
+    $2[12] = t;
+    $2[13] = t4;
+  } else {
+    t4 = $2[13];
+  }
+  const handleSave = t4;
+  let t5;
+  if ($2[14] !== existingGroupNames || $2[15] !== handleSave || $2[16] !== name || $2[17] !== t) {
+    t5 = (event_0) => {
+      if (event_0.key === "Enter") {
+        event_0.preventDefault();
+        const trimmedName_0 = name.trim();
+        let currentError = null;
+        if (!trimmedName_0) {
+          currentError = t("group_name_empty_error");
+        } else {
+          if (existingGroupNames.includes(trimmedName_0)) {
+            currentError = t("group_name_exists_error");
+          }
+        }
+        if (!currentError && trimmedName_0) {
+          handleSave();
+        } else {
+          if (currentError) {
+            setError(currentError);
+          }
+        }
+      }
+    };
+    $2[14] = existingGroupNames;
+    $2[15] = handleSave;
+    $2[16] = name;
+    $2[17] = t;
+    $2[18] = t5;
+  } else {
+    t5 = $2[18];
+  }
+  const handleKeyDown = t5;
+  if (!open) {
+    return null;
+  }
+  let t6;
+  if ($2[19] !== t) {
+    t6 = t("rename_group");
+    $2[19] = t;
+    $2[20] = t6;
+  } else {
+    t6 = $2[20];
+  }
+  let t7;
+  if ($2[21] !== t6) {
+    t7 = /* @__PURE__ */ jsx(DialogTitle, { children: t6 });
+    $2[21] = t6;
+    $2[22] = t7;
+  } else {
+    t7 = $2[22];
+  }
+  let t8;
+  if ($2[23] !== t) {
+    t8 = t("group_name_label");
+    $2[23] = t;
+    $2[24] = t8;
+  } else {
+    t8 = $2[24];
+  }
+  const t9 = !!error;
+  const t10 = error ? "group-name-error" : void 0;
+  let t11;
+  if ($2[25] !== handleKeyDown || $2[26] !== handleNameChange || $2[27] !== name || $2[28] !== t10 || $2[29] !== t8 || $2[30] !== t9) {
+    t11 = /* @__PURE__ */ jsx(TextField, { inputRef, label: t8, value: name, onChange: handleNameChange, onKeyDown: handleKeyDown, error: t9, "aria-describedby": t10 });
+    $2[25] = handleKeyDown;
+    $2[26] = handleNameChange;
+    $2[27] = name;
+    $2[28] = t10;
+    $2[29] = t8;
+    $2[30] = t9;
+    $2[31] = t11;
+  } else {
+    t11 = $2[31];
+  }
+  let t12;
+  if ($2[32] !== error) {
+    t12 = error && /* @__PURE__ */ jsx("p", { id: "group-name-error", style: {
+      display: "none"
+    }, children: error });
+    $2[32] = error;
+    $2[33] = t12;
+  } else {
+    t12 = $2[33];
+  }
+  let t13;
+  if ($2[34] !== t11 || $2[35] !== t12) {
+    t13 = /* @__PURE__ */ jsxs(DialogContent, { children: [
+      t11,
+      t12
+    ] });
+    $2[34] = t11;
+    $2[35] = t12;
+    $2[36] = t13;
+  } else {
+    t13 = $2[36];
+  }
+  let t14;
+  if ($2[37] !== t) {
+    t14 = t("cancel");
+    $2[37] = t;
+    $2[38] = t14;
+  } else {
+    t14 = $2[38];
+  }
+  let t15;
+  if ($2[39] !== onClose || $2[40] !== t14) {
+    t15 = /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "text", children: t14 });
+    $2[39] = onClose;
+    $2[40] = t14;
+    $2[41] = t15;
+  } else {
+    t15 = $2[41];
+  }
+  const t16 = !!error || !name.trim();
+  let t17;
+  if ($2[42] !== t) {
+    t17 = t("save");
+    $2[42] = t;
+    $2[43] = t17;
+  } else {
+    t17 = $2[43];
+  }
+  let t18;
+  if ($2[44] !== handleSave || $2[45] !== t16 || $2[46] !== t17) {
+    t18 = /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: t16, children: t17 });
+    $2[44] = handleSave;
+    $2[45] = t16;
+    $2[46] = t17;
+    $2[47] = t18;
+  } else {
+    t18 = $2[47];
+  }
+  let t19;
+  if ($2[48] !== t15 || $2[49] !== t18) {
+    t19 = /* @__PURE__ */ jsxs(DialogActions, { children: [
+      t15,
+      t18
+    ] });
+    $2[48] = t15;
+    $2[49] = t18;
+    $2[50] = t19;
+  } else {
+    t19 = $2[50];
+  }
+  let t20;
+  if ($2[51] !== open || $2[52] !== t13 || $2[53] !== t19 || $2[54] !== t7) {
+    t20 = /* @__PURE__ */ jsxs(Dialog, { open, children: [
       t7,
-      t8
+      t13,
+      t19
+    ] });
+    $2[51] = open;
+    $2[52] = t13;
+    $2[53] = t19;
+    $2[54] = t7;
+    $2[55] = t20;
+  } else {
+    t20 = $2[55];
+  }
+  return t20;
+}
+const DEFAULT_GROUP_NAME = "Views";
+const ADMIN_GROUP_NAME = "Admin";
+function ContentHomePage({
+  additionalActions,
+  additionalChildrenStart,
+  additionalChildrenEnd,
+  sections,
+  hiddenGroups
+}) {
+  const context = useCMSContext();
+  const {
+    navigationStateController
+  } = context;
+  const customizationController = useCustomizationController();
+  const adminModeController = useAdminModeController();
+  const registry = useRebaseRegistry();
+  const {
+    resolvedSlots
+  } = customizationController;
+  const breadcrumbs = useBreadcrumbsController();
+  const {
+    t
+  } = useTranslation();
+  useEffect(() => {
+    breadcrumbs.set({
+      breadcrumbs: []
+    });
+  }, [breadcrumbs.set]);
+  const {
+    allowDragAndDrop = false,
+    navigationEntries: unFilteredNavigationEntries = [],
+    groups: unFilteredGroupOrder = [],
+    onNavigationEntriesUpdate = () => {
+    }
+  } = navigationStateController.topLevelNavigation || {};
+  const rawNavigationEntries = useMemo(() => {
+    if (adminModeController.mode === "studio") {
+      return unFilteredNavigationEntries.filter((e2) => e2.type === "view" || e2.type === "admin");
+    }
+    return unFilteredNavigationEntries.filter((e_0) => e_0.type !== "view");
+  }, [unFilteredNavigationEntries, adminModeController.mode]);
+  const groupOrderFromNavController = useMemo(() => {
+    const entryGroups = new Set(rawNavigationEntries.map((e_1) => e_1.group).filter(Boolean));
+    return unFilteredGroupOrder.filter((g3) => entryGroups.has(g3));
+  }, [unFilteredGroupOrder, rawNavigationEntries]);
+  const fuse = useRef(null);
+  const [filteredUrls, setFilteredUrls] = useState(null);
+  const performingSearch = Boolean(filteredUrls);
+  const filteredNavigationEntries = useMemo(() => {
+    return filteredUrls ? rawNavigationEntries.filter((e_2) => filteredUrls.includes(e_2.url)) : rawNavigationEntries;
+  }, [filteredUrls, rawNavigationEntries]);
+  useEffect(() => {
+    fuse.current = new Fuse(rawNavigationEntries, {
+      keys: ["name", "description", "group", "path"]
+    });
+  }, [rawNavigationEntries]);
+  const updateSearch = useCallback((v2) => {
+    if (!v2?.trim()) {
+      setFilteredUrls(null);
+      return;
+    }
+    const results = fuse.current?.search(v2.trim());
+    setFilteredUrls(results ? results.map((x2) => x2.item.url) : []);
+  }, []);
+  const [items, setItems] = useState([]);
+  const [adminGroupData, setAdminGroupData] = useState(null);
+  const isDndDirtyRef = useRef(false);
+  const dndDirtyTimeoutRef = useRef(null);
+  const processedGroups = useMemo(() => {
+    const src = filteredNavigationEntries;
+    const entriesByGroup = {};
+    src.forEach((e_3) => {
+      const g_0 = e_3.type === "admin" ? ADMIN_GROUP_NAME : e_3.group ?? DEFAULT_GROUP_NAME;
+      (entriesByGroup[g_0] ??= []).push(e_3);
+    });
+    const hasPluginAdditionalCards = customizationController.resolvedSlots.some((s2) => s2.slot === "home.cards");
+    let allProcessed;
+    if (performingSearch) {
+      const ordered = [...new Set(src.map((e_4) => e_4.group ?? DEFAULT_GROUP_NAME))];
+      allProcessed = ordered.map((name) => ({
+        name,
+        entries: entriesByGroup[name] || []
+      })).filter((g_1) => g_1.entries.length);
+    } else {
+      allProcessed = groupOrderFromNavController.map((g_2) => ({
+        name: g_2,
+        entries: entriesByGroup[g_2] || []
+      }));
+      Object.keys(entriesByGroup).forEach((g_3) => {
+        if (!groupOrderFromNavController.includes(g_3)) allProcessed.push({
+          name: g_3,
+          entries: entriesByGroup[g_3]
+        });
+      });
+      if (hasPluginAdditionalCards && !allProcessed.some((g_4) => g_4.name === DEFAULT_GROUP_NAME)) {
+        allProcessed.push({
+          name: DEFAULT_GROUP_NAME,
+          entries: []
+        });
+      }
+      allProcessed = allProcessed.filter((g_5) => g_5.entries.length || g_5.name === DEFAULT_GROUP_NAME && hasPluginAdditionalCards);
+    }
+    const admin = allProcessed.find((g_6) => g_6.name === ADMIN_GROUP_NAME);
+    return {
+      adminGroupData: admin || null,
+      items: allProcessed.filter((g_7) => g_7.name !== ADMIN_GROUP_NAME && !hiddenGroups?.includes(g_7.name))
+    };
+  }, [filteredNavigationEntries, performingSearch, groupOrderFromNavController, customizationController.resolvedSlots, hiddenGroups]);
+  useEffect(() => {
+    if (isDndDirtyRef.current) {
+      return;
+    }
+    setAdminGroupData(processedGroups.adminGroupData);
+    setItems(processedGroups.items);
+  }, [processedGroups]);
+  const updateItems = (updater) => {
+    setItems(updater);
+  };
+  const persistNavigationGroups = (latest) => {
+    isDndDirtyRef.current = true;
+    if (dndDirtyTimeoutRef.current) {
+      clearTimeout(dndDirtyTimeoutRef.current);
+    }
+    dndDirtyTimeoutRef.current = setTimeout(() => {
+      isDndDirtyRef.current = false;
+    }, 1e3);
+    const draggable = latest.map((g_8) => ({
+      name: g_8.name,
+      entries: g_8.entries.map((e_5) => e_5.slug)
+    }));
+    const all = adminGroupData ? [...draggable, {
+      name: adminGroupData.name,
+      entries: adminGroupData.entries.map((e_6) => e_6.slug)
+    }] : draggable;
+    onNavigationEntriesUpdate(all);
+  };
+  const groupNames = useMemo(() => [...items.map((item) => item.name), ...adminGroupData ? [adminGroupData.name] : []], [items, adminGroupData]);
+  const collapsedDefaults = useMemo(() => buildCollapsedDefaults(registry.cmsConfig?.navigationGroupMappings, "home"), [registry.cmsConfig?.navigationGroupMappings]);
+  const {
+    isGroupCollapsed,
+    toggleGroupCollapsed
+  } = useCollapsedGroups(groupNames, "home", collapsedDefaults);
+  const {
+    sensors,
+    collisionDetection,
+    onDragStart,
+    onDragOver,
+    onDragEnd,
+    dropAnimation,
+    activeItemForOverlay,
+    activeGroupData,
+    draggingGroupId,
+    containers,
+    dndKitActiveNode,
+    onDragCancel,
+    isDraggingCardOnly,
+    dialogOpenForGroup,
+    setDialogOpenForGroup,
+    handleRenameGroup,
+    handleDialogClose,
+    isHoveringNewGroupDropZone,
+    setIsHoveringNewGroupDropZone
+  } = useHomePageDnd({
+    items,
+    setItems: updateItems,
+    disabled: !allowDragAndDrop || performingSearch,
+    onPersist: persistNavigationGroups,
+    onGroupMoved: (g_9) => context.analyticsController?.onAnalyticsEvent?.("home_move_group", {
+      name: g_9
+    }),
+    onCardMovedBetweenGroups: (card) => context.analyticsController?.onAnalyticsEvent?.("home_move_card", {
+      id: card.id
+    }),
+    onNewGroupDrop: () => context.analyticsController?.onAnalyticsEvent?.("home_drop_new_group")
+  });
+  const {
+    containerRef,
+    direction
+  } = useRestoreScroll();
+  const dndDisabled = !allowDragAndDrop || performingSearch;
+  const dndModifiers = dndKitActiveNode?.data.current?.type === "group" ? [restrictToVerticalAxis, restrictToWindowEdges] : [restrictToWindowEdges];
+  const sectionProps = {
+    context
+  };
+  const additionalPluginChildrenStart = useSlot("home.children.start", sectionProps);
+  const additionalPluginChildrenEnd = useSlot("home.children.end", sectionProps);
+  const additionalPluginActions = useSlot("home.actions", sectionProps);
+  const homeCardContributions = useMemo(() => {
+    return resolvedSlots.filter((s_0) => s_0.slot === "home.cards").sort((a10, b11) => (a10.order ?? 50) - (b11.order ?? 50));
+  }, [resolvedSlots]);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "py-2 overflow-auto h-full w-full bg-surface-50 dark:bg-surface-800", children: [
+    /* @__PURE__ */ jsxs(Container, { maxWidth: "6xl", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BootstrapAdminBanner, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "w-full sticky py-4 transition-all duration-400 ease-in-out top-0 z-10 flex flex-row gap-4", style: {
+        top: direction === "down" ? -84 : 0
+      }, children: [
+        /* @__PURE__ */ jsx(SearchBar, { onTextSearch: updateSearch, placeholder: t("search_collections"), autoFocus: true, size: "small", innerClassName: "w-full", className: "w-full grow" }),
+        additionalActions,
+        additionalPluginActions
+      ] }),
+      /* @__PURE__ */ jsx(FavouritesView, { hidden: performingSearch }),
+      additionalChildrenStart,
+      additionalPluginChildrenStart,
+      /* @__PURE__ */ jsxs(DndContext, { sensors, collisionDetection, measuring: {
+        droppable: {
+          strategy: MeasuringStrategy.Always,
+          frequency: 500
+        }
+      }, onDragStart, onDragOver, onDragEnd, onDragCancel, modifiers: dndModifiers, children: [
+        /* @__PURE__ */ jsx(SortableContext, { items: containers, strategy: verticalListSortingStrategy, children: items.map((groupData, groupIndex) => {
+          const groupKey = groupData.name;
+          const entriesInGroup = groupData.entries;
+          const homeCardsProps = {
+            group: groupKey === DEFAULT_GROUP_NAME ? void 0 : groupKey,
+            context
+          };
+          const additionalCards = homeCardContributions.map((s_1, i2) => /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(s_1.Component, { ...homeCardsProps, ...s_1.props ?? {} }) }, `home_cards_${groupKey}_${i2}`));
+          if (entriesInGroup.length === 0 && (additionalCards.length === 0 || performingSearch)) return null;
+          return /* @__PURE__ */ jsx(SortableNavigationGroup, { groupName: groupKey, disabled: dndDisabled, children: /* @__PURE__ */ jsx(NavigationGroup, { group: groupKey === DEFAULT_GROUP_NAME ? void 0 : groupKey, minimised: draggingGroupId === groupKey && !isDraggingCardOnly, isPotentialCardDropTarget: isDraggingCardOnly, dndDisabled, onEditGroup: () => {
+            if (dndDisabled) return;
+            setDialogOpenForGroup(groupKey);
+          }, collapsed: isGroupCollapsed(groupKey), onToggleCollapsed: () => toggleGroupCollapsed(groupKey), children: /* @__PURE__ */ jsx(NavigationGroupDroppable, { id: groupKey, itemIds: entriesInGroup.map((e_7) => e_7.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) => /* @__PURE__ */ jsx(SortableNavigationCard, { entry, onClick: () => {
+              let event = "unmapped_event";
+              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.slug
+              });
+            } }, entry.url)),
+            !performingSearch && groupKey.toLowerCase() !== ADMIN_GROUP_NAME.toLowerCase() && additionalCards
+          ] }) }) }) }, `group-${groupIndex}`);
+        }) }, containers.join(",")),
+        /* @__PURE__ */ jsx(NewGroupDropZone, { disabled: dndDisabled, setIsHovering: setIsHoveringNewGroupDropZone }),
+        /* @__PURE__ */ jsx(DragOverlay, { adjustScale: false, dropAnimation, children: activeGroupData && draggingGroupId === activeGroupData.name ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-transparent", style: {
+          padding: 0,
+          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_0) => /* @__PURE__ */ jsx(NavigationCardBinding, { ...entry_0, onClick: () => {
+        let event_0 = "unmapped_event";
+        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_0.slug
+        });
+      } }, entry_0.url)) }) }),
+      sections && sections.map((section) => /* @__PURE__ */ jsx(NavigationGroup, { group: section.title, children: section.children }, section.key)),
+      additionalPluginChildrenEnd,
+      additionalChildrenEnd
+    ] }),
+    dialogOpenForGroup && /* @__PURE__ */ jsx(RenameGroupDialog, { open: true, initialName: dialogOpenForGroup, existingGroupNames: items.map((g_10) => g_10.name).filter((n2) => n2 !== dialogOpenForGroup), onClose: handleDialogClose, onRename: (newName) => {
+      handleRenameGroup(dialogOpenForGroup, newName);
+    } })
+  ] });
+}
+function RebaseRoute() {
+  const $2 = c2(57);
+  const location = useLocation();
+  const collectionRegistry = useCollectionRegistryController();
+  const urlController = useUrlController();
+  const breadcrumbs = useBreadcrumbsController();
+  const userConfigPersistence = useUserConfigurationPersistence();
+  const hash = location.hash;
+  const isSidePanel = hash.includes("#side");
+  let t0;
+  if ($2[0] !== hash) {
+    t0 = hash.includes("#new") || hash.includes("#new_side");
+    $2[0] = hash;
+    $2[1] = t0;
+  } else {
+    t0 = $2[1];
+  }
+  const isNew = t0;
+  let t1;
+  if ($2[2] !== hash) {
+    t1 = hash.includes("#copy");
+    $2[2] = hash;
+    $2[3] = t1;
+  } else {
+    t1 = $2[3];
+  }
+  const isCopy = t1;
+  const isFullScreen = hash.includes("#full");
+  const pathname = location.pathname;
+  let navigationEntries;
+  let t2;
+  let t3;
+  let t4;
+  if ($2[4] !== breadcrumbs || $2[5] !== collectionRegistry.collections || $2[6] !== pathname || $2[7] !== urlController) {
+    const navigationPath = urlController.urlPathToDataPath(pathname);
+    let t52;
+    if ($2[12] !== collectionRegistry.collections) {
+      t52 = collectionRegistry.collections ?? [];
+      $2[12] = collectionRegistry.collections;
+      $2[13] = t52;
+    } else {
+      t52 = $2[13];
+    }
+    navigationEntries = getNavigationEntriesFromPath({
+      path: navigationPath,
+      collections: t52
+    });
+    t3 = useEffect;
+    t4 = () => {
+      const lastEntry = navigationEntries[navigationEntries.length - 1];
+      const isViewingCollection = lastEntry?.type === "collection";
+      breadcrumbs.set({
+        breadcrumbs: navigationEntries.map((entry, index) => {
+          const isLastEntry = index === navigationEntries.length - 1;
+          if (entry.type === "entity") {
+            return {
+              title: String(entry.entityId),
+              url: urlController.buildUrlCollectionPath(entry.path)
+            };
+          } else {
+            if (entry.type === "custom_view") {
+              return {
+                title: String(entry.view.name ?? entry.view.key),
+                url: urlController.buildUrlCollectionPath(entry.path)
+              };
+            } else {
+              if (entry.type === "collection") {
+                const showCount = isLastEntry && isViewingCollection;
+                return {
+                  title: entry.collection.name,
+                  url: urlController.buildUrlCollectionPath(entry.path),
+                  id: entry.path,
+                  ...showCount ? {
+                    count: null
+                  } : {}
+                };
+              } else {
+                throw new Error("Unexpected navigation entry type");
+              }
+            }
+          }
+        })
+      });
+    };
+    t2 = navigationEntries.map(_temp).join(",");
+    $2[4] = breadcrumbs;
+    $2[5] = collectionRegistry.collections;
+    $2[6] = pathname;
+    $2[7] = urlController;
+    $2[8] = navigationEntries;
+    $2[9] = t2;
+    $2[10] = t3;
+    $2[11] = t4;
+  } else {
+    navigationEntries = $2[8];
+    t2 = $2[9];
+    t3 = $2[10];
+    t4 = $2[11];
+  }
+  let t5;
+  if ($2[14] !== t2) {
+    t5 = [t2];
+    $2[14] = t2;
+    $2[15] = t5;
+  } else {
+    t5 = $2[15];
+  }
+  t3(t4, t5);
+  if (isNew) {
+    let t62;
+    if ($2[16] !== navigationEntries || $2[17] !== pathname) {
+      t62 = /* @__PURE__ */ jsx(EntityFullScreenRoute, { pathname, navigationEntries, isNew: true, isCopy: false });
+      $2[16] = navigationEntries;
+      $2[17] = pathname;
+      $2[18] = t62;
+    } else {
+      t62 = $2[18];
+    }
+    return t62;
+  }
+  if (navigationEntries.length === 1 && navigationEntries[0].type === "collection") {
+    let t62;
+    let t72;
+    if ($2[19] !== collectionRegistry || $2[20] !== navigationEntries[0].id || $2[21] !== navigationEntries[0].slug) {
+      t72 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      bb0: {
+        let collection;
+        collection = collectionRegistry.getCollection(navigationEntries[0].id);
+        if (!collection) {
+          collection = collectionRegistry.getCollection(navigationEntries[0].slug);
+        }
+        if (!collection) {
+          if (!collectionRegistry.initialised) {
+            let t82;
+            if ($2[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+              t82 = /* @__PURE__ */ jsx(CircularProgressCenter, {});
+              $2[24] = t82;
+            } else {
+              t82 = $2[24];
+            }
+            t72 = t82;
+            break bb0;
+          }
+          t72 = null;
+          break bb0;
+        }
+        let t8;
+        let t9;
+        if ($2[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+          t8 = [];
+          t9 = [];
+          $2[25] = t8;
+          $2[26] = t9;
+        } else {
+          t8 = $2[25];
+          t9 = $2[26];
+        }
+        t62 = /* @__PURE__ */ jsx(EntityCollectionView, { ...collection, parentCollectionSlugs: t8, parentEntityIds: t9, path: collection.slug, updateUrl: true, Actions: toArray(collection.Actions) }, `collection_view_${collection.slug}`);
+      }
+      $2[19] = collectionRegistry;
+      $2[20] = navigationEntries[0].id;
+      $2[21] = navigationEntries[0].slug;
+      $2[22] = t62;
+      $2[23] = t72;
+    } else {
+      t62 = $2[22];
+      t72 = $2[23];
+    }
+    if (t72 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+      return t72;
+    }
+    return t62;
+  }
+  if (isSidePanel) {
+    const lastCollectionEntry = [...navigationEntries].reverse().find(_temp2);
+    if (lastCollectionEntry) {
+      let t62;
+      let t72;
+      if ($2[27] !== collectionRegistry || $2[28] !== navigationEntries[0]) {
+        t72 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+        bb1: {
+          let collection_0;
+          const firstEntry = navigationEntries[0];
+          collection_0 = collectionRegistry.getCollection(firstEntry.id);
+          if (!collection_0) {
+            collection_0 = collectionRegistry.getCollection(firstEntry.slug);
+          }
+          if (!collection_0) {
+            if (!collectionRegistry.initialised) {
+              let t82;
+              if ($2[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+                t82 = /* @__PURE__ */ jsx(CircularProgressCenter, {});
+                $2[31] = t82;
+              } else {
+                t82 = $2[31];
+              }
+              t72 = t82;
+              break bb1;
+            }
+            t72 = null;
+            break bb1;
+          }
+          let t8;
+          let t9;
+          if ($2[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+            t8 = [];
+            t9 = [];
+            $2[32] = t8;
+            $2[33] = t9;
+          } else {
+            t8 = $2[32];
+            t9 = $2[33];
+          }
+          t62 = /* @__PURE__ */ jsx(EntityCollectionView, { ...collection_0, parentCollectionSlugs: t8, parentEntityIds: t9, path: collection_0.slug, updateUrl: true, Actions: toArray(collection_0.Actions) }, `collection_view_${collection_0.slug}`);
+        }
+        $2[27] = collectionRegistry;
+        $2[28] = navigationEntries[0];
+        $2[29] = t62;
+        $2[30] = t72;
+      } else {
+        t62 = $2[29];
+        t72 = $2[30];
+      }
+      if (t72 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+        return t72;
+      }
+      return t62;
+    }
+  }
+  let t6;
+  if ($2[34] !== navigationEntries) {
+    t6 = navigationEntries.find(_temp3);
+    $2[34] = navigationEntries;
+    $2[35] = t6;
+  } else {
+    t6 = $2[35];
+  }
+  const lastEntityEntry = t6;
+  const firstCollectionEntry = navigationEntries[0];
+  if (!isFullScreen && !isCopy && firstCollectionEntry?.type === "collection" && lastEntityEntry?.type === "entity" && (navigationEntries.length === 2 || navigationEntries.length === 3)) {
+    let t72;
+    if ($2[36] !== collectionRegistry || $2[37] !== firstCollectionEntry.id || $2[38] !== firstCollectionEntry.slug || $2[39] !== lastEntityEntry || $2[40] !== location.search || $2[41] !== navigationEntries[2] || $2[42] !== navigationEntries.length || $2[43] !== pathname || $2[44] !== userConfigPersistence) {
+      t72 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+      bb2: {
+        let collection_1;
+        collection_1 = collectionRegistry.getCollection(firstCollectionEntry.id);
+        if (!collection_1) {
+          collection_1 = collectionRegistry.getCollection(firstCollectionEntry.slug);
+        }
+        let effectiveOpenMode = collection_1?.openEntityMode;
+        if (!effectiveOpenMode && collection_1) {
+          const urlViewParam = new URLSearchParams(location.search).get("__view");
+          let currentViewMode = collection_1.defaultViewMode ?? "list";
+          if (urlViewParam && ["list", "table", "kanban", "cards"].includes(urlViewParam)) {
+            currentViewMode = urlViewParam;
+          } else {
+            const savedView = userConfigPersistence?.getCollectionConfig(collection_1.slug)?.defaultViewMode;
+            if (savedView) {
+              currentViewMode = savedView;
+            }
+          }
+          if (currentViewMode === "kanban") {
+            effectiveOpenMode = "side_panel";
+          } else {
+            if (currentViewMode === "table" || currentViewMode === "cards") {
+              effectiveOpenMode = "full_screen";
+            } else {
+              effectiveOpenMode = "split";
+            }
+          }
+        }
+        if (collection_1 && effectiveOpenMode === "split") {
+          let selectedTab;
+          if (navigationEntries.length === 3) {
+            const thirdEntry = navigationEntries[2];
+            if (thirdEntry.type === "collection") {
+              selectedTab = thirdEntry.collection.slug;
+            } else {
+              if (thirdEntry.type === "custom_view") {
+                selectedTab = thirdEntry.view.key;
+              }
+            }
+          }
+          if (!selectedTab && navigationEntries.length === 2 && lastEntityEntry) {
+            const entityIdStr = String(lastEntityEntry.entityId);
+            const entityIdIdx = pathname.lastIndexOf(`/${entityIdStr}`);
+            if (entityIdIdx >= 0) {
+              let t82;
+              if ($2[46] !== entityIdIdx || $2[47] !== entityIdStr.length || $2[48] !== pathname) {
+                const afterEntity = pathname.substring(entityIdIdx + 1 + entityIdStr.length);
+                t82 = afterEntity.startsWith("/") ? afterEntity.substring(1) : afterEntity;
+                $2[46] = entityIdIdx;
+                $2[47] = entityIdStr.length;
+                $2[48] = pathname;
+                $2[49] = t82;
+              } else {
+                t82 = $2[49];
+              }
+              const trailingSegment = t82;
+              if (trailingSegment.length > 0) {
+                selectedTab = trailingSegment;
+              }
+            }
+          }
+          let t8;
+          let t9;
+          if ($2[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+            t8 = [];
+            t9 = [];
+            $2[50] = t8;
+            $2[51] = t9;
+          } else {
+            t8 = $2[50];
+            t9 = $2[51];
+          }
+          t72 = /* @__PURE__ */ jsx(EntityCollectionView, { ...collection_1, parentCollectionSlugs: t8, parentEntityIds: t9, path: collection_1.slug, updateUrl: true, selectedEntityId: lastEntityEntry.entityId, selectedTab, Actions: toArray(collection_1.Actions) }, `collection_view_${collection_1.slug}`);
+          break bb2;
+        }
+      }
+      $2[36] = collectionRegistry;
+      $2[37] = firstCollectionEntry.id;
+      $2[38] = firstCollectionEntry.slug;
+      $2[39] = lastEntityEntry;
+      $2[40] = location.search;
+      $2[41] = navigationEntries[2];
+      $2[42] = navigationEntries.length;
+      $2[43] = pathname;
+      $2[44] = userConfigPersistence;
+      $2[45] = t72;
+    } else {
+      t72 = $2[45];
+    }
+    if (t72 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+      return t72;
+    }
+  }
+  let t7;
+  if ($2[52] !== isCopy || $2[53] !== isNew || $2[54] !== navigationEntries || $2[55] !== pathname) {
+    t7 = /* @__PURE__ */ jsx(EntityFullScreenRoute, { pathname, navigationEntries, isNew, isCopy });
+    $2[52] = isCopy;
+    $2[53] = isNew;
+    $2[54] = navigationEntries;
+    $2[55] = pathname;
+    $2[56] = t7;
+  } else {
+    t7 = $2[56];
+  }
+  return t7;
+}
+function _temp3(entry_2) {
+  return entry_2.type === "entity";
+}
+function _temp2(entry_1) {
+  return entry_1.type === "collection";
+}
+function _temp(entry_0) {
+  return entry_0.path;
+}
+function getSelectedTabFromUrl(isNew, lastCustomView) {
+  if (isNew) {
+    return void 0;
+  } else if (lastCustomView) {
+    if (lastCustomView.type === "custom_view") {
+      return lastCustomView.view.key;
+    } else if (lastCustomView.type === "collection") {
+      return lastCustomView.id ?? lastCustomView.slug;
+    }
+  }
+  return void 0;
+}
+function EntityFullScreenRoute(t0) {
+  const $2 = c2(80);
+  const {
+    pathname,
+    navigationEntries,
+    isNew,
+    isCopy
+  } = t0;
+  const collectionRegistry = useCollectionRegistryController();
+  const urlController = useUrlController();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const defaultValues = location.state?.defaultValues;
+  const hash = location.hash;
+  const navigationPath = urlController.urlPathToDataPath(pathname);
+  const blocked = useRef(false);
+  const lastEntityEntry = [...navigationEntries].reverse().find(_temp4);
+  const navigationEntriesAfterEntity = lastEntityEntry ? navigationEntries.slice(navigationEntries.indexOf(lastEntityEntry) + 1) : [];
+  const lastCustomView = [...navigationEntriesAfterEntity].reverse().find(_temp5);
+  const entityId = lastEntityEntry && "entityId" in lastEntityEntry ? lastEntityEntry.entityId : void 0;
+  let urlTab;
+  urlTab = getSelectedTabFromUrl(isNew, lastCustomView);
+  if (!urlTab && entityId && !isNew) {
+    const entityIdStr = String(entityId);
+    const entityIdIdx = pathname.lastIndexOf(`/${entityIdStr}`);
+    if (entityIdIdx >= 0) {
+      const afterEntity = pathname.substring(entityIdIdx + 1 + entityIdStr.length);
+      const trailingSegment = afterEntity.startsWith("/") ? afterEntity.substring(1) : afterEntity;
+      if (trailingSegment.length > 0 && trailingSegment !== "edit") {
+        urlTab = trailingSegment;
+      }
+    }
+  }
+  const [selectedTab, setSelectedTab] = useState(urlTab);
+  const parentCollectionSlugs = collectionRegistry.getParentCollectionSlugs(navigationPath);
+  const parentEntityIds = collectionRegistry.getParentEntityIds(navigationPath);
+  let t1;
+  if ($2[0] !== selectedTab || $2[1] !== setSelectedTab || $2[2] !== urlTab) {
+    t1 = () => {
+      if (urlTab !== selectedTab) {
+        setSelectedTab(urlTab);
+      }
+    };
+    $2[0] = selectedTab;
+    $2[1] = setSelectedTab;
+    $2[2] = urlTab;
+    $2[3] = t1;
+  } else {
+    t1 = $2[3];
+  }
+  const t2 = urlTab;
+  let t3;
+  if ($2[4] !== t2) {
+    t3 = [t2];
+    $2[4] = t2;
+    $2[5] = t3;
+  } else {
+    t3 = $2[5];
+  }
+  useEffect(t1, t3);
+  let t4;
+  if ($2[6] !== entityId || $2[7] !== isNew || $2[8] !== pathname) {
+    t4 = !entityId || isNew ? pathname : pathname.substring(0, pathname.lastIndexOf(`/${entityId}`));
+    $2[6] = entityId;
+    $2[7] = isNew;
+    $2[8] = pathname;
+    $2[9] = t4;
+  } else {
+    t4 = $2[9];
+  }
+  const basePath = t4;
+  const entityPath = basePath + `/${entityId}`;
+  let t5;
+  if ($2[10] !== basePath || $2[11] !== entityPath) {
+    t5 = (t62) => {
+      const {
+        currentLocation,
+        nextLocation
+      } = t62;
+      if (nextLocation.pathname.startsWith(entityPath)) {
+        return false;
+      }
+      const nextHash = nextLocation.hash;
+      if (nextHash === "#side" || nextHash === "#new_side") {
+        return false;
+      }
+      const currentHash = currentLocation.hash;
+      if ((currentHash === "#side" || currentHash === "#new_side") && (nextLocation.pathname === basePath || nextLocation.pathname.startsWith(entityPath))) {
+        return false;
+      }
+      return blocked.current;
+    };
+    $2[10] = basePath;
+    $2[11] = entityPath;
+    $2[12] = t5;
+  } else {
+    t5 = $2[12];
+  }
+  const blocker = useBlocker(t5);
+  const lastCollectionEntry = [...navigationEntries].reverse().find(_temp6);
+  if (isNew && !lastCollectionEntry) {
+    if (!collectionRegistry.initialised) {
+      let t62;
+      if ($2[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t62 = /* @__PURE__ */ jsx(CircularProgressCenter, {});
+        $2[13] = t62;
+      } else {
+        t62 = $2[13];
+      }
+      return t62;
+    }
+    throw new Error("INTERNAL: No collection found in the navigation");
+  }
+  if (!isNew && !lastEntityEntry) {
+    if (!collectionRegistry.initialised) {
+      let t63;
+      if ($2[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+        t63 = /* @__PURE__ */ jsx(CircularProgressCenter, {});
+        $2[14] = t63;
+      } else {
+        t63 = $2[14];
+      }
+      return t63;
+    }
+    let t62;
+    if ($2[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t62 = /* @__PURE__ */ jsx(NotFoundPage, {});
+      $2[15] = t62;
+    } else {
+      t62 = $2[15];
+    }
+    return t62;
+  }
+  const rawCollection = isNew ? lastCollectionEntry && "collection" in lastCollectionEntry ? lastCollectionEntry.collection : void 0 : lastEntityEntry && "parentCollection" in lastEntityEntry ? lastEntityEntry.parentCollection : void 0;
+  const collection = collectionRegistry.getCollection(rawCollection.slug) || rawCollection;
+  const fullIdPath = isNew ? lastCollectionEntry.slug : lastEntityEntry.slug;
+  const collectionPath = urlController.resolveDatabasePathsFrom(fullIdPath);
+  const isEditRoute = pathname.endsWith("/edit") || pathname.split("/").pop() === "edit";
+  const isDetailMode = collection.defaultEntityAction === "view" && !isNew && !isCopy && entityId && !isEditRoute;
+  if (isDetailMode) {
+    const t62 = collection.slug + "_view_" + entityId;
+    const t72 = selectedTab ?? void 0;
+    let t82;
+    if ($2[16] !== collectionPath || $2[17] !== entityId || $2[18] !== hash || $2[19] !== navigate || $2[20] !== urlController) {
+      t82 = () => {
+        const editUrl = urlController.buildUrlCollectionPath(`${collectionPath}/${entityId}`) + "/edit";
+        navigate(editUrl + hash);
+      };
+      $2[16] = collectionPath;
+      $2[17] = entityId;
+      $2[18] = hash;
+      $2[19] = navigate;
+      $2[20] = urlController;
+      $2[21] = t82;
+    } else {
+      t82 = $2[21];
+    }
+    let t92;
+    if ($2[22] !== basePath || $2[23] !== entityId || $2[24] !== hash || $2[25] !== navigate || $2[26] !== setSelectedTab) {
+      t92 = (params) => {
+        setSelectedTab(params.selectedTab);
+        const newSelectedTab = params.selectedTab;
+        if (newSelectedTab) {
+          navigate(`${basePath}/${entityId}/${newSelectedTab}${hash}`, {
+            replace: true
+          });
+        } else {
+          navigate(`${basePath}/${entityId}${hash}`, {
+            replace: true
+          });
+        }
+      };
+      $2[22] = basePath;
+      $2[23] = entityId;
+      $2[24] = hash;
+      $2[25] = navigate;
+      $2[26] = setSelectedTab;
+      $2[27] = t92;
+    } else {
+      t92 = $2[27];
+    }
+    let t102;
+    if ($2[28] !== collection || $2[29] !== collectionPath || $2[30] !== entityId || $2[31] !== parentCollectionSlugs || $2[32] !== parentEntityIds || $2[33] !== t62 || $2[34] !== t72 || $2[35] !== t82 || $2[36] !== t92) {
+      t102 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(EntityDetailView, { entityId, collection, layout: "full_screen", path: collectionPath, selectedTab: t72, onEditClick: t82, onTabChange: t92, parentCollectionSlugs, parentEntityIds }, t62) });
+      $2[28] = collection;
+      $2[29] = collectionPath;
+      $2[30] = entityId;
+      $2[31] = parentCollectionSlugs;
+      $2[32] = parentEntityIds;
+      $2[33] = t62;
+      $2[34] = t72;
+      $2[35] = t82;
+      $2[36] = t92;
+      $2[37] = t102;
+    } else {
+      t102 = $2[37];
+    }
+    return t102;
+  }
+  const t6 = collection.slug + "_" + (isNew ? "new" : isCopy ? entityId + "_copy" : entityId);
+  const t7 = isNew ? void 0 : entityId;
+  const t8 = selectedTab ?? void 0;
+  const t9 = isNew ? defaultValues : void 0;
+  let t10;
+  if ($2[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = (modified) => blocked.current = modified;
+    $2[38] = t10;
+  } else {
+    t10 = $2[38];
+  }
+  let t11;
+  if ($2[39] !== collectionPath || $2[40] !== entityId || $2[41] !== hash || $2[42] !== navigate || $2[43] !== urlController) {
+    t11 = () => {
+      const detailUrl = urlController.buildUrlCollectionPath(`${collectionPath}/${entityId}`);
+      navigate(detailUrl + hash);
+    };
+    $2[39] = collectionPath;
+    $2[40] = entityId;
+    $2[41] = hash;
+    $2[42] = navigate;
+    $2[43] = urlController;
+    $2[44] = t11;
+  } else {
+    t11 = $2[44];
+  }
+  let t12;
+  if ($2[45] !== basePath || $2[46] !== hash || $2[47] !== isNew || $2[48] !== navigate) {
+    t12 = (params_0) => {
+      const newSelectedTab_0 = params_0.selectedTab;
+      const newEntityId = params_0.entityId;
+      const savedHash = isNew ? "" : hash;
+      if (newSelectedTab_0) {
+        navigate(`${basePath}/${newEntityId}/${newSelectedTab_0}${savedHash}`, {
+          replace: true
+        });
+      } else {
+        navigate(`${basePath}/${newEntityId}${savedHash}`, {
+          replace: true
+        });
+      }
+    };
+    $2[45] = basePath;
+    $2[46] = hash;
+    $2[47] = isNew;
+    $2[48] = navigate;
+    $2[49] = t12;
+  } else {
+    t12 = $2[49];
+  }
+  let t13;
+  if ($2[50] !== basePath || $2[51] !== entityId || $2[52] !== hash || $2[53] !== isNew || $2[54] !== navigate || $2[55] !== setSelectedTab) {
+    t13 = (params_1) => {
+      setSelectedTab(params_1.selectedTab);
+      if (isNew) {
+        return;
+      }
+      const newSelectedTab_1 = params_1.selectedTab;
+      if (newSelectedTab_1) {
+        navigate(`${basePath}/${entityId}/${newSelectedTab_1}${hash}`, {
+          replace: true
+        });
+      } else {
+        navigate(`${basePath}/${entityId}${hash}`, {
+          replace: true
+        });
+      }
+    };
+    $2[50] = basePath;
+    $2[51] = entityId;
+    $2[52] = hash;
+    $2[53] = isNew;
+    $2[54] = navigate;
+    $2[55] = setSelectedTab;
+    $2[56] = t13;
+  } else {
+    t13 = $2[56];
+  }
+  let t14;
+  if ($2[57] !== collection || $2[58] !== collectionPath || $2[59] !== isCopy || $2[60] !== parentCollectionSlugs || $2[61] !== parentEntityIds || $2[62] !== t11 || $2[63] !== t12 || $2[64] !== t13 || $2[65] !== t6 || $2[66] !== t7 || $2[67] !== t8 || $2[68] !== t9) {
+    t14 = /* @__PURE__ */ jsx(EntityEditView, { entityId: t7, collection, layout: "full_screen", path: collectionPath, copy: isCopy, selectedTab: t8, defaultValues: t9, onValuesModified: t10, navigateBack: t11, onSaved: t12, onTabChange: t13, parentCollectionSlugs, parentEntityIds }, t6);
+    $2[57] = collection;
+    $2[58] = collectionPath;
+    $2[59] = isCopy;
+    $2[60] = parentCollectionSlugs;
+    $2[61] = parentEntityIds;
+    $2[62] = t11;
+    $2[63] = t12;
+    $2[64] = t13;
+    $2[65] = t6;
+    $2[66] = t7;
+    $2[67] = t8;
+    $2[68] = t9;
+    $2[69] = t14;
+  } else {
+    t14 = $2[69];
+  }
+  const t15 = blocker?.state === "blocked";
+  let t16;
+  let t17;
+  if ($2[70] !== blocker) {
+    t16 = () => blocker?.proceed?.();
+    t17 = () => blocker?.reset?.();
+    $2[70] = blocker;
+    $2[71] = t16;
+    $2[72] = t17;
+  } else {
+    t16 = $2[71];
+    t17 = $2[72];
+  }
+  let t18;
+  if ($2[73] !== t15 || $2[74] !== t16 || $2[75] !== t17) {
+    t18 = /* @__PURE__ */ jsx(UnsavedChangesDialog, { open: t15, handleOk: t16, handleCancel: t17, body: "You have unsaved changes in this entity." });
+    $2[73] = t15;
+    $2[74] = t16;
+    $2[75] = t17;
+    $2[76] = t18;
+  } else {
+    t18 = $2[76];
+  }
+  let t19;
+  if ($2[77] !== t14 || $2[78] !== t18) {
+    t19 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t14,
+      t18
     ] });
-    $2[14] = t3;
-    $2[15] = t4;
-    $2[16] = t5;
-    $2[17] = t7;
-    $2[18] = t8;
-    $2[19] = t9;
+    $2[77] = t14;
+    $2[78] = t18;
+    $2[79] = t19;
   } else {
-    t9 = $2[19];
+    t19 = $2[79];
   }
-  return t9;
+  return t19;
 }
-function _temp$1(role) {
-  return /* @__PURE__ */ jsx(SelectItem, { value: role.id, children: role.name }, role.id);
+function _temp6(entry_1) {
+  return entry_1.type === "collection";
 }
-function UserRolesSelectField(t0) {
-  const $2 = c2(18);
+function _temp5(entry_0) {
+  return entry_0.type === "custom_view" || entry_0.type === "collection";
+}
+function _temp4(entry) {
+  return entry.type === "entity";
+}
+function CustomViewRoute(t0) {
+  const $2 = c2(8);
   const {
-    value,
-    setValue,
-    disabled
+    view
   } = t0;
+  const breadcrumbs = useBreadcrumbsController();
+  const urlController = useUrlController();
+  let t1;
+  if ($2[0] !== breadcrumbs || $2[1] !== urlController || $2[2] !== view.name || $2[3] !== view.slug) {
+    t1 = () => {
+      breadcrumbs.set({
+        breadcrumbs: [{
+          title: view.name,
+          url: urlController.buildAppUrlPath(view.slug)
+        }]
+      });
+    };
+    $2[0] = breadcrumbs;
+    $2[1] = urlController;
+    $2[2] = view.name;
+    $2[3] = view.slug;
+    $2[4] = t1;
+  } else {
+    t1 = $2[4];
+  }
+  let t2;
+  if ($2[5] !== urlController || $2[6] !== view.slug) {
+    t2 = [view.slug, urlController];
+    $2[5] = urlController;
+    $2[6] = view.slug;
+    $2[7] = t2;
+  } else {
+    t2 = $2[7];
+  }
+  useEffect(t1, t2);
+  return view.view;
+}
+function SettingsView() {
+  const $2 = c2(5);
   const {
-    t: t2
+    t
   } = useTranslation();
-  const userManagement = useInternalUserManagementController();
+  const breadcrumbs = useBreadcrumbsController();
+  let t0;
+  if ($2[0] !== breadcrumbs || $2[1] !== t) {
+    t0 = () => {
+      breadcrumbs.set({
+        breadcrumbs: [{
+          title: t("account_settings"),
+          url: "/settings"
+        }]
+      });
+    };
+    $2[0] = breadcrumbs;
+    $2[1] = t;
+    $2[2] = t0;
+  } else {
+    t0 = $2[2];
+  }
   let t1;
-  if ($2[0] !== userManagement?.roles) {
-    t1 = userManagement?.roles || [];
-    $2[0] = userManagement?.roles;
-    $2[1] = t1;
+  if ($2[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $2[3] = t1;
   } else {
-    t1 = $2[1];
+    t1 = $2[3];
   }
-  const roles = t1;
-  let t22;
-  if ($2[2] !== value) {
-    t22 = value || [];
-    $2[2] = value;
-    $2[3] = t22;
+  useEffect(t0, t1);
+  let t2;
+  if ($2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(UserSettingsView, {});
+    $2[4] = t2;
   } else {
-    t22 = $2[3];
+    t2 = $2[4];
   }
+  return t2;
+}
+function RebaseRouteDefs({
+  children,
+  layout
+}) {
+  const registry = useRebaseRegistry();
+  const navigationStateController = useNavigationStateController();
+  const cmsHomePage = registry.cmsConfig?.homePage ?? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}), children: /* @__PURE__ */ jsx(ContentHomePage, {}) });
+  const studioHomePage = registry.studioConfig?.homePage;
+  const combinedViews = useMemo(() => [...navigationStateController.views ?? [], ...navigationStateController.adminViews ?? []], [navigationStateController.views, navigationStateController.adminViews]);
+  const routeContents = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Route, { path: "/", element: cmsHomePage }),
+    registry.studioConfig && /* @__PURE__ */ jsx(Route, { path: "/s", element: studioHomePage }),
+    /* @__PURE__ */ jsx(Route, { path: "/c/*", element: /* @__PURE__ */ jsx(RebaseRoute, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "/settings", element: /* @__PURE__ */ jsx(SettingsView, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "/debug/ui", element: /* @__PURE__ */ jsx(UIReferenceView, {}) }),
+    combinedViews.map((view) => {
+      const slugs = Array.isArray(view.slug) ? view.slug : [view.slug];
+      return slugs.flatMap((slug) => {
+        const routes = [/* @__PURE__ */ jsx(Route, { path: slug, element: /* @__PURE__ */ jsx(CustomViewRoute, { view }) }, slug)];
+        if (view.nestedRoutes) {
+          routes.push(/* @__PURE__ */ jsx(Route, { path: slug + "/*", element: /* @__PURE__ */ jsx(CustomViewRoute, { view }) }, slug + "/*"));
+        }
+        return routes;
+      });
+    }),
+    children,
+    /* @__PURE__ */ jsx(Route, { path: "*", element: navigationStateController.loading ? /* @__PURE__ */ jsx(CircularProgressCenter, {}) : /* @__PURE__ */ jsx(NotFoundPage, {}) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(RebaseRoutes, { children: layout ? /* @__PURE__ */ jsx(Route, { element: layout, children: routeContents }) : /* @__PURE__ */ jsx(Route, { element: /* @__PURE__ */ jsx(Fragment, { children: routeContents }), children: routeContents }) }),
+    /* @__PURE__ */ jsx(CollectionEditorDialogs, {})
+  ] });
+}
+function RebaseShell(props) {
+  const $2 = c2(11);
+  const {
+    title: t0,
+    appBar,
+    drawer,
+    autoOpenDrawer: t1,
+    children
+  } = props;
+  const title = t0 === void 0 ? "Rebase" : t0;
+  const autoOpenDrawer = t1 === void 0 ? false : t1;
+  const registry = useRebaseRegistry();
+  registry.studioConfig?.devViews;
+  let t2;
   let t3;
-  if ($2[4] !== t22) {
-    t3 = t22.map(_temp);
-    $2[4] = t22;
-    $2[5] = t3;
+  if ($2[0] !== registry.studioConfig?.devViews) {
+    t3 = registry.studioConfig?.devViews ?? [];
+    $2[0] = registry.studioConfig?.devViews;
+    $2[1] = t3;
   } else {
-    t3 = $2[5];
+    t3 = $2[1];
   }
-  const selectedRoleIds = t3;
+  t2 = t3;
+  const devViews = t2;
   let t4;
-  if ($2[6] !== setValue) {
-    t4 = (val) => {
-      const references = val.map(_temp2);
-      setValue(references);
-    };
-    $2[6] = setValue;
+  if ($2[2] !== appBar || $2[3] !== autoOpenDrawer || $2[4] !== devViews || $2[5] !== drawer || $2[6] !== title) {
+    t4 = /* @__PURE__ */ jsx(RebaseLayout, { title, appBar, drawer, autoOpenDrawer, devViews });
+    $2[2] = appBar;
+    $2[3] = autoOpenDrawer;
+    $2[4] = devViews;
+    $2[5] = drawer;
+    $2[6] = title;
     $2[7] = t4;
   } else {
     t4 = $2[7];
   }
-  const handleValueChange = t4;
   let t5;
-  if ($2[8] !== t2) {
-    t5 = t2("roles") || "Roles";
-    $2[8] = t2;
-    $2[9] = t5;
+  if ($2[8] !== children || $2[9] !== t4) {
+    t5 = /* @__PURE__ */ jsx(RebaseAuthGate, { children: /* @__PURE__ */ jsx(RebaseNavigation, { children: /* @__PURE__ */ jsx(ErrorBoundary, { fullPage: true, children: /* @__PURE__ */ jsx(RebaseRouteDefs, { layout: t4, children }) }) }) });
+    $2[8] = children;
+    $2[9] = t4;
+    $2[10] = t5;
+  } else {
+    t5 = $2[10];
+  }
+  return t5;
+}
+function ArrayOfMapsPreview(t0) {
+  const $2 = c2(9);
+  let t1;
+  let t2;
+  let t3;
+  if ($2[0] !== t0) {
+    t3 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const {
+        propertyKey,
+        value,
+        property,
+        size
+      } = t0;
+      if (Array.isArray(property?.of)) {
+        throw Error("Using array properties instead of single one in `of` in ArrayProperty");
+      }
+      if (property?.type !== "array" || !property.of || property.of.type !== "map") {
+        throw Error("Picked wrong preview component ArrayOfMapsPreview");
+      }
+      const mapProperty = property.of;
+      const properties = mapProperty.properties;
+      if (!properties) {
+        throw Error(`You need to specify a 'properties' prop (or specify a custom field) in your map property ${propertyKey}`);
+      }
+      const values = value;
+      const previewProperties = mapProperty.previewProperties;
+      if (!values) {
+        t3 = null;
+        break bb0;
+      }
+      let mapProperties;
+      mapProperties = previewProperties;
+      if (!mapProperties || !mapProperties.length) {
+        mapProperties = Object.keys(properties);
+        if (size) {
+          mapProperties = mapProperties.slice(0, 3);
+        }
+      }
+      t2 = "table-auto text-xs";
+      t1 = values && values.map((v2, index) => /* @__PURE__ */ jsx("div", { className: "border-b last:border-b-0 py-2", children: mapProperties && mapProperties.map((key) => /* @__PURE__ */ jsx("div", { className: "table-cell", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(PropertyPreview, { propertyKey: key, value: v2[key], property: properties[key], size: "small" }) }) }, `table-cell-${key}`)) }, `table_${v2}_${index}`));
+    }
+    $2[0] = t0;
+    $2[1] = t1;
+    $2[2] = t2;
+    $2[3] = t3;
+  } else {
+    t1 = $2[1];
+    t2 = $2[2];
+    t3 = $2[3];
+  }
+  if (t3 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+    return t3;
+  }
+  let t4;
+  if ($2[4] !== t1) {
+    t4 = /* @__PURE__ */ jsx("div", { children: t1 });
+    $2[4] = t1;
+    $2[5] = t4;
+  } else {
+    t4 = $2[5];
+  }
+  let t5;
+  if ($2[6] !== t2 || $2[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: t2, children: t4 });
+    $2[6] = t2;
+    $2[7] = t4;
+    $2[8] = t5;
+  } else {
+    t5 = $2[8];
+  }
+  return t5;
+}
+function MissingReferenceWidget(t0) {
+  const $2 = c2(22);
+  const {
+    path: pathProp
+  } = t0;
+  const registry = useCollectionRegistryController();
+  const path = getLastSegment(pathProp);
+  let t1;
+  if ($2[0] !== pathProp || $2[1] !== registry) {
+    t1 = registry.getParentCollectionSlugs(pathProp);
+    $2[0] = pathProp;
+    $2[1] = registry;
+    $2[2] = t1;
+  } else {
+    t1 = $2[2];
+  }
+  const parentCollectionSlugs = t1;
+  let t2;
+  if ($2[3] !== pathProp || $2[4] !== registry) {
+    t2 = registry.getParentEntityIds(pathProp);
+    $2[3] = pathProp;
+    $2[4] = registry;
+    $2[5] = t2;
   } else {
-    t5 = $2[9];
+    t2 = $2[5];
+  }
+  const parentEntityIds = t2;
+  const collectionEditor = useCollectionEditorController();
+  const {
+    t
+  } = useTranslation();
+  const t3 = "p-1 flex flex-col items-center";
+  const T0 = ErrorView;
+  const t4 = t("studio_missing_reference_error", {
+    path
+  });
+  let t5;
+  if ($2[6] !== T0 || $2[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx(T0, { error: t4 });
+    $2[6] = T0;
+    $2[7] = t4;
+    $2[8] = t5;
+  } else {
+    t5 = $2[8];
   }
   let t6;
-  if ($2[10] !== roles) {
-    t6 = roles.map(_temp3);
-    $2[10] = roles;
-    $2[11] = t6;
+  if ($2[9] !== collectionEditor || $2[10] !== parentCollectionSlugs || $2[11] !== parentEntityIds || $2[12] !== path) {
+    t6 = () => {
+      collectionEditor.createCollection({
+        initialValues: {
+          path,
+          name: prettifyIdentifier(path)
+        },
+        parentCollectionSlugs,
+        parentEntityIds,
+        redirect: false,
+        sourceClick: "missing_reference"
+      });
+    };
+    $2[9] = collectionEditor;
+    $2[10] = parentCollectionSlugs;
+    $2[11] = parentEntityIds;
+    $2[12] = path;
+    $2[13] = t6;
   } else {
-    t6 = $2[11];
+    t6 = $2[13];
   }
   let t7;
-  if ($2[12] !== disabled || $2[13] !== handleValueChange || $2[14] !== selectedRoleIds || $2[15] !== t5 || $2[16] !== t6) {
-    t7 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(MultiSelect, { className: "w-full", label: t5, value: selectedRoleIds, onValueChange: handleValueChange, disabled, children: t6 }) });
-    $2[12] = disabled;
-    $2[13] = handleValueChange;
-    $2[14] = selectedRoleIds;
-    $2[15] = t5;
+  if ($2[14] !== t) {
+    t7 = t("studio_missing_reference_create");
+    $2[14] = t;
+    $2[15] = t7;
+  } else {
+    t7 = $2[15];
+  }
+  let t8;
+  if ($2[16] !== t6 || $2[17] !== t7) {
+    t8 = /* @__PURE__ */ jsx(Button, { className: "mx-2", size: "small", onClick: t6, children: t7 });
     $2[16] = t6;
     $2[17] = t7;
+    $2[18] = t8;
   } else {
-    t7 = $2[17];
+    t8 = $2[18];
   }
-  return t7;
-}
-function _temp3(role) {
-  return /* @__PURE__ */ jsx(MultiSelectItem, { value: role.id, children: /* @__PURE__ */ jsx(RoleChip, { role }) }, role.id);
-}
-function _temp2(id) {
-  return {
-    id,
-    path: "roles",
-    __type: "relation"
-  };
-}
-function _temp(r2) {
-  if (typeof r2 === "object" && r2 !== null) {
-    return r2.id;
+  let t9;
+  if ($2[19] !== t5 || $2[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: t3, children: [
+      t5,
+      t8
+    ] });
+    $2[19] = t5;
+    $2[20] = t8;
+    $2[21] = t9;
+  } else {
+    t9 = $2[21];
   }
-  return r2;
+  return t9;
 }
 export {
   AdminModeSyncer,
@@ -850,170 +3085,171 @@ export {
   B2 as BasicExportAction,
   B as BlockFieldBinding,
   k as BooleanPreview,
-  C as CollectionGenerationApiError,
-  l as CollectionRegistryContext,
-  m as CreationResultDialog,
-  n as CustomViewRoute,
+  l as CollectionGenerationApiError,
+  m as CollectionRegistryContext,
+  n as CreationResultDialog,
+  CustomViewRoute,
   D as DEFAULT_COLLECTION_GENERATION_ENDPOINT,
   o as DEFAULT_FIELD_CONFIGS,
   p as DataNewPropertiesMapping,
   q as DatePreview,
   r as DateTimeFieldBinding,
+  s as DefaultDrawer,
   Drawer,
+  u as DrawerFooterActions,
   E as EmptyValue,
-  t as EntityCard,
-  u as EntityCollectionCardView,
-  v as EntityCollectionRowActions,
-  w as EntityCollectionTable,
-  x as EntityCollectionView,
-  y as EntityCollectionViewActions,
-  z as EntityForm,
-  F as EntityPreview,
-  G as EntitySelectionTable,
-  H as EntityView,
-  I as EnumValuesChip,
+  v as EntityCard,
+  w as EntityCollectionCardView,
+  x as EntityCollectionRowActions,
+  y as EntityCollectionTable,
+  EntityCollectionView,
+  F as EntityCollectionViewActions,
+  I as EntityForm,
+  J as EntityPreview,
+  K as EntitySelectionTable,
+  L as EntityView,
+  M as EnumValuesChip,
   E2 as ExportCollectionAction,
-  J as FieldCaption,
-  K as FieldHelperText,
-  L as FormEntry,
-  M as FormLayout,
-  N as ImagePreview,
+  N as FieldCaption,
+  O as FieldHelperText,
+  P as FormEntry,
+  Q as FormLayout,
+  R as ImagePreview,
   I2 as ImportCollectionAction,
-  a2 as ImportDataPreview,
-  O as ImportFileUpload,
-  P as ImportNewPropertyFieldPreview,
-  Q as ImportSaveInProgress,
-  R as KeyValueFieldBinding,
-  S as KeyValuePreview,
-  T as LabelWithIcon,
-  U as LabelWithIconAndTooltip,
-  V as MapFieldBinding,
-  W as MapPropertyPreview,
-  X as MarkdownEditorFieldBinding,
+  a7 as ImportDataPreview,
+  S as ImportFileUpload,
+  T as ImportNewPropertyFieldPreview,
+  U as ImportSaveInProgress,
+  V as KeyValueFieldBinding,
+  W as KeyValuePreview,
+  X as LabelWithIcon,
+  Y as LabelWithIconAndTooltip,
+  Z as MapFieldBinding,
+  _ as MapPropertyPreview,
+  $ as MarkdownEditorFieldBinding,
   MissingReferenceWidget,
-  Y as MultiSelectFieldBinding,
-  Z as NavigationStateContext,
-  _ as NumberPropertyPreview,
-  $ as PropertyConfigBadge,
-  a0 as PropertyFieldBinding,
-  a1 as PropertyIdCopyTooltip,
+  a0 as MultiSelectFieldBinding,
+  a2 as NavigationStateContext,
+  a3 as NumberPropertyPreview,
+  a4 as PropertyConfigBadge,
+  a5 as PropertyFieldBinding,
+  a6 as PropertyIdCopyTooltip,
   PropertyPreview,
   P2 as PropertySelectEntry,
-  a3 as ReadOnlyFieldBinding,
+  a8 as ReadOnlyFieldBinding,
   RebaseAuthGate,
   RebaseCMS,
   RebaseLayout,
   RebaseNavigation,
-  a5 as RebaseRoute,
+  RebaseRoute,
   RebaseRouteDefs,
   RebaseShell,
-  a7 as ReferenceAsStringFieldBinding,
-  a8 as ReferenceFieldBinding,
+  aa as ReferenceAsStringFieldBinding,
+  ab as ReferenceFieldBinding,
   ReferencePreview,
   ReferenceWidget,
-  aa as RelationPreview,
-  ab as RepeatFieldBinding,
-  RolesFilterSelect,
+  ad as RelationPreview,
+  ae as RepeatFieldBinding,
   Scaffold,
-  ad as SearchIconsView,
-  ae as SelectFieldBinding,
-  af as SelectableTable,
-  ag as SelectableTableContext,
+  ag as SearchIconsView,
+  ah as SelectFieldBinding,
+  ai as SelectableTable,
+  aj as SelectableTableContext,
   SideDialogs,
-  ai as SideEntityControllerContext,
-  aj as SideEntityProvider,
-  ak as SkeletonPropertyComponent,
-  al as StorageThumbnail,
-  am as StorageThumbnailInternal,
-  an as StorageUploadFieldBinding,
-  ao as StringPropertyPreview,
-  ap as SwitchFieldBinding,
-  aq as TextFieldBinding,
-  ar as UrlComponentPreview,
-  as as UrlContext,
-  at as UserPreview,
-  UserRolesSelectField,
-  au as VectorFieldBinding,
-  av as VirtualTableInput,
+  al as SideEntityControllerContext,
+  am as SideEntityProvider,
+  an as SkeletonPropertyComponent,
+  ao as StorageThumbnail,
+  ap as StorageThumbnailInternal,
+  aq as StorageUploadFieldBinding,
+  ar as StringPropertyPreview,
+  as as SwitchFieldBinding,
+  at as TextFieldBinding,
+  au as UrlComponentPreview,
+  av as UrlContext,
+  aw as UserPreview,
+  ax as VectorFieldBinding,
+  ay as VirtualTableInput,
   addInitialSlash,
-  aw as buildCollectionGenerationCallback,
-  ax as buildSidePanelsFromUrl,
-  ay as convertDataToEntity,
-  az as convertFileToJson,
-  aA as copyEntityAction,
-  aB as deleteEntityAction,
+  az as buildCollectionGenerationCallback,
+  aA as buildSidePanelsFromUrl,
+  aB as convertDataToEntity,
+  aC as convertFileToJson,
+  aD as copyEntityAction,
+  aE as deleteEntityAction,
   d2 as downloadBlob,
-  a4 as downloadDataAsCsv,
+  a9 as downloadDataAsCsv,
   b10 as downloadEntitiesExport,
-  aC as editEntityAction,
-  aD as flattenEntry,
-  aE as getBracketNotation,
+  aF as editEntityAction,
+  aG as flattenEntry,
+  aH as getBracketNotation,
   getCollectionBySlugWithin,
   getCollectionPathsCombinations,
-  aF as getDefaultFieldConfig,
-  aG as getDefaultFieldId,
-  aH as getDefaultPropertiesOrder,
+  aI as getDefaultFieldConfig,
+  aJ as getDefaultFieldId,
+  aK as getDefaultPropertiesOrder,
   g2 as getEntityCSVExportableData,
   c3 as getEntityJsonExportableData,
-  aI as getEntityPreviewKeys,
-  aJ as getEntityTitlePropertyKey,
-  aK as getEntityViewWidth,
-  aL as getFieldConfig,
-  aM as getFieldId,
-  aN as getFullId,
-  aO as getFullIdPath,
-  aP as getIconForProperty,
-  aQ as getIconForWidget,
-  aR as getInferenceType,
+  aL as getEntityPreviewKeys,
+  aM as getEntityTitlePropertyKey,
+  aN as getEntityViewWidth,
+  aO as getFieldConfig,
+  aP as getFieldId,
+  aQ as getFullId,
+  aR as getFullIdPath,
+  aS as getIconForProperty,
+  aT as getIconForWidget,
+  aU as getInferenceType,
   getLastSegment2 as getLastSegment,
-  aS as getPropertiesWithPropertiesOrder,
-  aT as getPropertyInPath,
-  aU as getResolvedPropertyInPath,
-  aV as idToPropertiesPath,
-  aW as isReferenceProperty,
-  aX as isRelationProperty,
-  aY as mergeEntityActions,
-  aZ as namespaceToPropertiesOrderPath,
-  a_ as namespaceToPropertiesPath,
-  a$ as processValueMapping,
+  aV as getPropertiesWithPropertiesOrder,
+  aW as getPropertyInPath,
+  aX as getResolvedPropertyInPath,
+  aY as idToPropertiesPath,
+  aZ as isReferenceProperty,
+  a_ as isRelationProperty,
+  a$ as mergeEntityActions,
+  b0 as namespaceToPropertiesOrderPath,
+  b1 as namespaceToPropertiesPath,
+  b2 as processValueMapping,
   removeInitialAndTrailingSlashes,
   removeInitialSlash,
   removeTrailingSlash,
-  b0 as renderSkeletonCaptionText,
-  b1 as renderSkeletonIcon,
-  b2 as renderSkeletonImageThumbnail,
-  b3 as renderSkeletonText,
-  b4 as resetPasswordAction,
+  b3 as renderSkeletonCaptionText,
+  b4 as renderSkeletonIcon,
+  b5 as renderSkeletonImageThumbnail,
+  b6 as renderSkeletonText,
+  b7 as resetPasswordAction,
   resolveCollectionPathIds,
-  b5 as resolveEntityAction,
-  b6 as resolveEntityView,
+  b8 as resolveEntityAction,
+  b9 as resolveEntityView,
   resolveNavigationFrom,
-  b7 as unflattenObject,
-  b8 as useApp,
-  b9 as useBreadcrumbsController,
-  ba as useBuildCollectionRegistryController,
-  bb as useBuildNavigationStateController,
-  bc as useBuildSideEntityController,
-  bd as useBuildUrlController,
+  ba as sanitizeUrl,
+  bb as unflattenObject,
+  bc as useApp,
+  useBreadcrumbsController,
+  be as useBuildCollectionRegistryController,
+  bf as useBuildNavigationStateController,
+  bg as useBuildSideEntityController,
+  bh as useBuildUrlController,
   useCMSContext,
-  bf as useClearRestoreValue,
+  bj as useClearRestoreValue,
   useCollectionEditorController,
   useCollectionRegistryController,
-  bi as useCollectionsConfigController,
+  bm as useCollectionsConfigController,
   u2 as useEntityHistory,
   useEntitySelectionDialog,
-  bk as useImportConfig,
-  bl as useLocalCollectionsConfigController,
-  bm as useNavigationStateController,
-  bn as useResolvedCollections,
+  bo as useImportConfig,
+  bp as useLocalCollectionsConfigController,
+  useNavigationStateController,
+  br as useResolvedCollections,
   useResolvedNavigationFrom,
-  bo as useResolvedViews,
-  bp as useSelectionController,
-  bq as useSideDialogsController,
-  br as useSideEntityController,
-  bs as useTopLevelNavigation,
+  bs as useResolvedViews,
+  bt as useSelectionController,
+  bu as useSideDialogsController,
+  bv as useSideEntityController,
+  bw as useTopLevelNavigation,
   useUrlController,
-  bu as validateCollectionJson,
-  bv as zodToFormErrors
+  by as validateCollectionJson,
+  bz as zodToFormErrors
 };
 //# sourceMappingURL=index.js.map