@rebasepro/cms 0.0.1-canary.4d4fb3e

package/dist/index.js

@@ -0,0 +1,2885 @@
+import { a as useCMSContext, d as downloadEntitiesExport, b as useCollectionRegistryController, c as useEntitySelectionDialog, R as ReferencePreview, u as useUrlController, e as useNavigationStateController, N as NavigationCard, f as useBreadcrumbsController, D as Drawer, A as AppBar, S as SideDialogs, g as Scaffold, E as EntityCollectionView, h as EntityEditView, i as RolesView, U as UsersView, C as CollectionEditorDialogs, j as RebaseNavigation, P as PropertyPreview, k as useCollectionEditorController } from "./util-W5Lh0Emr.js";
+import { l, m, n, o, p, q, r, s, t, v, B, w, x, y, z, F, G, H, I, J, K, L, M, O, Q, T, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, 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, 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, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, bN } from "./util-W5Lh0Emr.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import { Tooltip, IconButton, DownloadIcon, Dialog, DialogTitle, DialogContent, cls, BooleanSwitchWithLabel, DialogActions, Button, Chip, StarIcon, Collapse, EditIcon, ExpandablePanel, Typography, WarningIcon, TextField, Container, SearchBar, ErrorBoundary, CircularProgressCenter } from "@rebasepro/ui";
+import React__default, { useState, useEffect, useCallback, useMemo, useRef, useLayoutEffect } from "react";
+import { useAdminModeController, useUserConfigurationPersistence, useTranslation, useRebaseContext, useSlot, IconForView, useCustomizationController, useCollapsedGroups, useRestoreScroll, useRebaseRegistryDispatch, useRebaseRegistry, useAuthController, LoginView, NotFoundPage, UnsavedChangesDialog, useInternalUserManagementController, UIReferenceView, RebaseRoutes, UserSettingsView, ErrorView } from "@rebasepro/core";
+import "prosemirror-model";
+import "@floating-ui/dom";
+import "prosemirror-commands";
+import "prosemirror-schema-list";
+import "prosemirror-state";
+import "fast-equals";
+import { getNavigationEntriesFromPath, getReferenceFrom } from "@rebasepro/common";
+import "@rebasepro/formex";
+import "zod";
+import { toArray, prettifyIdentifier } from "@rebasepro/utils";
+import "date-fns";
+import "date-fns/locale";
+import "@rebasepro/types";
+import { useLocation, useNavigate, Outlet, Route } from "react-router-dom";
+import "prism-react-renderer";
+import "@rebasepro/schema-inference";
+import "xlsx";
+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 Fuse from "fuse.js";
+import { useLocation as useLocation$1, useBlocker } from "react-router";
+function resolveNavigationFrom({
+  path,
+  context
+}) {
+  const data = context.data;
+  const {
+    navigationStateController,
+    collectionRegistryController
+  } = context;
+  if (!navigationStateController || !collectionRegistryController) {
+    throw Error("Calling resolveNavigationFrom, but main navigation has not yet been initialised");
+  }
+  const navigationEntries = getNavigationEntriesFromPath({
+    path,
+    collections: collectionRegistryController.collections ?? []
+  });
+  const resultPromises = navigationEntries.map((entry) => {
+    if (entry.type === "collection") {
+      return Promise.resolve(entry);
+    } else if (entry.type === "entity") {
+      const collection = collectionRegistryController.getCollection(entry.slug);
+      if (!collection) {
+        throw Error(`No collection defined in the navigation for the entity with path ${entry.slug}`);
+      }
+      return data.collection(entry.slug).findById(entry.entityId).then((entity) => {
+        if (!entity) return void 0;
+        return {
+          ...entry,
+          entity
+        };
+      });
+    } else if (entry.type === "custom_view") {
+      return Promise.resolve(entry);
+    } else {
+      throw Error("Unmapped element in useEntitiesFromPath");
+    }
+  }).filter((v2) => Boolean(v2));
+  return Promise.all(resultPromises);
+}
+function useResolvedNavigationFrom(t0) {
+  const $2 = c(13);
+  const {
+    path
+  } = t0;
+  const context = useCMSContext();
+  const {
+    navigationStateController,
+    collectionRegistryController
+  } = context;
+  const [data, setData] = useState();
+  const [dataLoading, setDataLoading] = useState(false);
+  const [dataLoadingError, setDataLoadingError] = useState();
+  let t1;
+  if ($2[0] !== collectionRegistryController || $2[1] !== context || $2[2] !== navigationStateController || $2[3] !== path) {
+    t1 = () => {
+      if (navigationStateController && collectionRegistryController) {
+        setDataLoading(true);
+        setDataLoadingError(void 0);
+        resolveNavigationFrom({
+          path,
+          context
+        }).then(setData).catch((e) => setDataLoadingError(e)).finally(() => setDataLoading(false));
+      }
+    };
+    $2[0] = collectionRegistryController;
+    $2[1] = context;
+    $2[2] = navigationStateController;
+    $2[3] = path;
+    $2[4] = t1;
+  } else {
+    t1 = $2[4];
+  }
+  let t2;
+  if ($2[5] !== context || $2[6] !== path) {
+    t2 = [path, context];
+    $2[5] = context;
+    $2[6] = path;
+    $2[7] = t2;
+  } else {
+    t2 = $2[7];
+  }
+  useEffect(t1, t2);
+  if (!navigationStateController) {
+    let t32;
+    if ($2[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t32 = {
+        dataLoading: true
+      };
+      $2[8] = t32;
+    } else {
+      t32 = $2[8];
+    }
+    return t32;
+  }
+  let t3;
+  if ($2[9] !== data || $2[10] !== dataLoading || $2[11] !== dataLoadingError) {
+    t3 = {
+      data,
+      dataLoading,
+      dataLoadingError
+    };
+    $2[9] = data;
+    $2[10] = dataLoading;
+    $2[11] = dataLoadingError;
+    $2[12] = t3;
+  } else {
+    t3 = $2[12];
+  }
+  return t3;
+}
+function BasicExportAction({
+  data,
+  properties,
+  propertiesOrder
+}) {
+  const dateRef = React__default.useRef(/* @__PURE__ */ new Date());
+  const [flattenArrays, setFlattenArrays] = React__default.useState(true);
+  const [exportType, setExportType] = React__default.useState("csv");
+  const [dateExportType, setDateExportType] = React__default.useState("string");
+  const [open, setOpen] = React__default.useState(false);
+  const handleClickOpen = useCallback(() => {
+    setOpen(true);
+  }, [setOpen]);
+  const handleClose = useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
+  const onOkClicked = useCallback(() => {
+    downloadEntitiesExport({
+      data,
+      additionalData: [],
+      properties,
+      propertiesOrder,
+      name: "export.csv",
+      flattenArrays,
+      additionalHeaders: [],
+      exportType,
+      dateExportType
+    });
+    handleClose();
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: "Export", asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", color: "primary", onClick: handleClickOpen, children: /* @__PURE__ */ jsx(DownloadIcon, { size: "small" }) }) }),
+    /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, maxWidth: "xl", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { variant: "h6", children: "Export data" }),
+      /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col gap-4 my-4", children: [
+        /* @__PURE__ */ jsx("div", { children: "Download the the content of this table as a CSV" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-4 flex flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx("input", { id: "radio-csv", type: "radio", value: "csv", name: "exportType", checked: exportType === "csv", onChange: () => setExportType("csv"), className: cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600") }),
+              /* @__PURE__ */ jsx("label", { htmlFor: "radio-csv", className: "p-2 text-sm font-medium text-surface-900 dark:text-surface-accent-300", children: "CSV" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx("input", { id: "radio-json", type: "radio", value: "json", name: "exportType", checked: exportType === "json", onChange: () => setExportType("json"), className: cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600") }),
+              /* @__PURE__ */ jsx("label", { htmlFor: "radio-json", className: "p-2 text-sm font-medium text-surface-900 dark:text-surface-accent-300", children: "JSON" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "p-4 flex flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx("input", { id: "radio-timestamp", type: "radio", value: "timestamp", name: "dateExportType", checked: dateExportType === "timestamp", onChange: () => setDateExportType("timestamp"), className: cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600") }),
+              /* @__PURE__ */ jsxs("label", { htmlFor: "radio-timestamp", className: "p-2 text-sm font-medium text-surface-900 dark:text-surface-accent-300", children: [
+                "Dates as timestamps (",
+                dateRef.current.getTime(),
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsx("input", { id: "radio-string", type: "radio", value: "string", name: "dateExportType", checked: dateExportType === "string", onChange: () => setDateExportType("string"), className: cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600") }),
+              /* @__PURE__ */ jsxs("label", { htmlFor: "radio-string", className: "p-2 text-sm font-medium text-surface-900 dark:text-surface-accent-300", children: [
+                "Dates as strings (",
+                dateRef.current.toISOString(),
+                ")"
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { size: "small", disabled: exportType !== "csv", value: flattenArrays, onValueChange: setFlattenArrays, label: "Flatten arrays" })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogActions, { children: [
+        /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "text", children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: onOkClicked, children: "Download" })
+      ] })
+    ] })
+  ] });
+}
+function ReferenceWidget({
+  name,
+  multiselect = false,
+  path,
+  disabled,
+  value,
+  onReferenceSelected,
+  onMultipleReferenceSelected,
+  previewProperties,
+  forceFilter,
+  size,
+  className,
+  includeId,
+  includeEntityLink
+}) {
+  const collectionRegistryController = useCollectionRegistryController();
+  const collection = useMemo(() => {
+    return collectionRegistryController.getCollection(path);
+  }, [path, collectionRegistryController.getCollection]);
+  const onSingleEntitySelected = useCallback((entity) => {
+    if (disabled) return;
+    if (onReferenceSelected) {
+      const reference = entity ? getReferenceFrom(entity) : null;
+      onReferenceSelected?.({
+        reference,
+        entity
+      });
+    }
+  }, [disabled, onReferenceSelected]);
+  const onMultipleEntitiesSelected = useCallback((entities) => {
+    if (disabled) return;
+    if (onMultipleReferenceSelected) {
+      const references = entities ? entities.map((e) => getReferenceFrom(e)) : null;
+      onMultipleReferenceSelected({
+        references,
+        entities
+      });
+    }
+  }, [disabled, onReferenceSelected]);
+  const referenceDialogController = useEntitySelectionDialog({
+    multiselect,
+    path,
+    collection,
+    onSingleEntitySelected,
+    onMultipleEntitiesSelected,
+    forceFilter
+  });
+  useCallback((e_0) => {
+    e_0.stopPropagation();
+    if (multiselect) {
+      onMultipleEntitiesSelected([]);
+    } else {
+      onSingleEntitySelected(null);
+    }
+  }, [onReferenceSelected]);
+  let child;
+  const onEntryClick = () => {
+    if (disabled) return;
+    referenceDialogController.open();
+  };
+  if (Array.isArray(value)) {
+    child = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: value.map((ref, index) => {
+      return /* @__PURE__ */ jsx(ReferencePreview, { onClick: onEntryClick, reference: ref, disabled, previewProperties, size, includeId, includeEntityLink }, `reference_preview_${index}`);
+    }) });
+  } else if (value?.isEntityReference && value?.isEntityReference()) {
+    child = /* @__PURE__ */ jsx(ReferencePreview, { reference: value, onClick: onEntryClick, disabled, previewProperties, size, includeId, includeEntityLink });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cls("text-sm font-medium", "min-w-80 flex flex-col gap-4", "relative transition-colors duration-200 ease-in rounded-xs font-medium", disabled ? "bg-opacity-50" : "hover:bg-opacity-75", "dark:text-white/50 text-text-primary/50 dark:text-text-primary-dark/50 dark:text-white/50", className), children: [
+    child,
+    !value && /* @__PURE__ */ jsx("div", { className: "justify-center text-left", children: /* @__PURE__ */ jsxs(Button, { disabled, onClick: onEntryClick, children: [
+      "Edit ",
+      name
+    ] }) })
+  ] });
+}
+function AdminModeSyncer({
+  devViews
+}) {
+  const location = useLocation();
+  const urlController = useUrlController();
+  const adminModeController = useAdminModeController();
+  const currentModeRef = React__default.useRef(adminModeController.mode);
+  currentModeRef.current = adminModeController.mode;
+  const setModeRef = React__default.useRef(adminModeController.setMode);
+  setModeRef.current = adminModeController.setMode;
+  useEffect(() => {
+    const path = location.pathname;
+    const isContentRoute = urlController.isUrlCollectionPath(path) || path === urlController.basePath;
+    const studioHomePath = urlController.basePath === "/" ? "/s" : `${urlController.basePath}/s`;
+    const isStudioRoute = path === studioHomePath || path.startsWith(studioHomePath + "/") || devViews?.some((view) => {
+      const viewPath = urlController.buildAppUrlPath(view.slug);
+      return path.startsWith(`${viewPath}/`) || path === viewPath;
+    });
+    if (isStudioRoute && currentModeRef.current !== "studio") {
+      setModeRef.current("studio");
+    } else if (isContentRoute && currentModeRef.current !== "content") {
+      setModeRef.current("content");
+    }
+  }, [location.pathname, urlController, devViews]);
+  return null;
+}
+function NavigationChip(t0) {
+  const $2 = c(18);
+  const {
+    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;
+  if ($2[3] !== entry.slug || $2[4] !== favourite || $2[5] !== userConfigurationPersistence) {
+    t2 = (e) => {
+      e.preventDefault();
+      e.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 {
+    t2 = $2[6];
+  }
+  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 {
+    t3 = $2[9];
+  }
+  const t4 = favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500";
+  let t5;
+  if ($2[10] !== onIconClick || $2[11] !== t4) {
+    t5 = /* @__PURE__ */ jsx(StarIcon, { onClick: onIconClick, size: 18, className: t4 });
+    $2[10] = onIconClick;
+    $2[11] = t4;
+    $2[12] = t5;
+  } else {
+    t5 = $2[12];
+  }
+  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 FavouritesView(t0) {
+  const $2 = c(17);
+  const navigationStateController = useNavigationStateController();
+  const userConfigurationPersistence = useUserConfigurationPersistence();
+  if (!userConfigurationPersistence) {
+    return null;
+  }
+  let t1;
+  if ($2[0] !== userConfigurationPersistence?.favouritePaths) {
+    t1 = userConfigurationPersistence?.favouritePaths ?? [];
+    $2[0] = userConfigurationPersistence?.favouritePaths;
+    $2[1] = t1;
+  } else {
+    t1 = $2[1];
+  }
+  let T0;
+  let t2;
+  let t3;
+  let 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 {
+    T0 = $2[4];
+    t2 = $2[5];
+    t3 = $2[6];
+    t4 = $2[7];
+  }
+  let 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[12];
+  }
+  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 _temp$1(entry_0) {
+  return /* @__PURE__ */ jsx(NavigationChip, { entry: entry_0 }, entry_0.slug);
+}
+function NavigationGroup(t0) {
+  const $2 = c(45);
+  const {
+    children,
+    group,
+    minimised,
+    isPreview,
+    isPotentialCardDropTarget,
+    onEditGroup,
+    dndDisabled,
+    collapsed,
+    onToggleCollapsed
+  } = t0;
+  const {
+    t: t2
+  } = useTranslation();
+  const [isHovered, setIsHovered] = useState(false);
+  let t1;
+  if ($2[0] !== group || $2[1] !== t2) {
+    t1 = group ?? t2("views_group");
+    $2[0] = group;
+    $2[1] = t2;
+    $2[2] = t1;
+  } else {
+    t1 = $2[2];
+  }
+  const currentGroupName = t1;
+  const showCaret = !isPreview && !!onToggleCollapsed;
+  const t22 = isPreview ? "px-1 py-0.5" : "";
+  let t3;
+  if ($2[3] !== t22) {
+    t3 = cls("flex items-center", t22);
+    $2[3] = t22;
+    $2[4] = t3;
+  } else {
+    t3 = $2[4];
+  }
+  const t4 = isPreview ? "body2" : "caption";
+  let t5;
+  if ($2[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = cls("p-4 py-2 rounded", "font-medium uppercase text-sm text-surface-600 dark:text-surface-400");
+    $2[5] = t5;
+  } else {
+    t5 = $2[5];
+  }
+  let 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[8];
+  }
+  let 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: (e) => {
+      e.stopPropagation();
+      onEditGroup(currentGroupName);
+    }, className: cls("ml-2 ", isHovered ? "opacity-100" : "opacity-0", "transition-opacity duration-100"), children: /* @__PURE__ */ jsx(EditIcon, { size: "smallest" }) });
+    $2[9] = currentGroupName;
+    $2[10] = dndDisabled;
+    $2[11] = isHovered;
+    $2[12] = isPreview;
+    $2[13] = onEditGroup;
+    $2[14] = t7;
+  } else {
+    t7 = $2[14];
+  }
+  let t8;
+  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];
+  }
+  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[21] = TitleContent;
+    $2[22] = children;
+    $2[23] = isPreview;
+    $2[24] = t11;
+  } else {
+    t11 = $2[24];
+  }
+  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-800/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 NavigationCardBinding(t0) {
+  const $2 = c(30);
+  const {
+    slug,
+    collection,
+    view,
+    url,
+    name,
+    description,
+    onClick,
+    shrink
+  } = t0;
+  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 {
+    t2 = $2[1];
+  }
+  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 {
+    t3 = $2[3];
+  }
+  let t4;
+  if ($2[4] !== slug || $2[5] !== t3) {
+    t4 = t3.includes(slug);
+    $2[4] = slug;
+    $2[5] = t3;
+    $2[6] = t4;
+  } else {
+    t4 = $2[6];
+  }
+  const favourite = t4;
+  const actionsArray = userConfigurationPersistence ? [/* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (favourite) {
+      userConfigurationPersistence.setFavouritePaths(userConfigurationPersistence.favouritePaths.filter((p2) => p2 !== slug));
+    } else {
+      userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, slug]);
+    }
+  }, children: /* @__PURE__ */ jsx(StarIcon, { size: "small", className: favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500" }) }, "favourite")] : [];
+  let t5;
+  if ($2[7] !== collection || $2[8] !== context || $2[9] !== slug) {
+    t5 = {
+      slug,
+      collection,
+      context
+    };
+    $2[7] = collection;
+    $2[8] = context;
+    $2[9] = slug;
+    $2[10] = t5;
+  } else {
+    t5 = $2[10];
+  }
+  const pluginCardActions = useSlot("home.collection.actions", t5);
+  if (collection?.isTableMissing) {
+    const t62 = `Table mapped to "${collection?.slug || collection?.name}" is missing in the database. Run migrations.`;
+    let t72;
+    if ($2[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t72 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(WarningIcon, { size: "small", className: "text-red-600 dark:text-red-400" }) });
+      $2[11] = t72;
+    } else {
+      t72 = $2[11];
+    }
+    let t82;
+    if ($2[12] !== t62) {
+      t82 = /* @__PURE__ */ jsx(Tooltip, { title: t62, children: t72 }, "warning");
+      $2[12] = t62;
+      $2[13] = t82;
+    } else {
+      t82 = $2[13];
+    }
+    actionsArray.unshift(t82);
+  }
+  let t6;
+  if ($2[14] !== actionsArray || $2[15] !== pluginCardActions) {
+    t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      actionsArray,
+      pluginCardActions
+    ] });
+    $2[14] = actionsArray;
+    $2[15] = pluginCardActions;
+    $2[16] = t6;
+  } else {
+    t6 = $2[16];
+  }
+  const actions = t6;
+  let t7;
+  if ($2[17] !== navigate || $2[18] !== onClick || $2[19] !== slug || $2[20] !== url || $2[21] !== userConfigurationPersistence) {
+    t7 = () => {
+      onClick?.();
+      navigate(url);
+      if (userConfigurationPersistence) {
+        userConfigurationPersistence.setRecentlyVisitedPaths([slug, ...(userConfigurationPersistence.recentlyVisitedPaths ?? []).filter((p_0) => p_0 !== slug)]);
+      }
+    };
+    $2[17] = navigate;
+    $2[18] = onClick;
+    $2[19] = slug;
+    $2[20] = url;
+    $2[21] = userConfigurationPersistence;
+    $2[22] = t7;
+  } else {
+    t7 = $2[22];
+  }
+  let t8;
+  if ($2[23] !== actions || $2[24] !== collectionIcon || $2[25] !== description || $2[26] !== name || $2[27] !== shrink || $2[28] !== t7) {
+    t8 = /* @__PURE__ */ jsx(NavigationCard, { icon: collectionIcon, name, description, actions, onClick: t7, shrink });
+    $2[23] = actions;
+    $2[24] = collectionIcon;
+    $2[25] = description;
+    $2[26] = name;
+    $2[27] = shrink;
+    $2[28] = t7;
+    $2[29] = t8;
+  } else {
+    t8 = $2[29];
+  }
+  return t8;
+}
+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((g) => ({
+  name: g.name,
+  entries: g.entries.map(cloneSerializableNavigationEntry)
+}));
+function SortableNavigationCard(t0) {
+  const $2 = c(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 = c(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 = c(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((g) => g.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((e) => e.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((c2) => dndItems.some((g_2) => g_2.name === c2.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 = c(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 = c(56);
+  const {
+    open,
+    initialName,
+    existingGroupNames,
+    onClose,
+    onRename
+  } = t0;
+  const {
+    t: t2
+  } = useTranslation();
+  const [name, setName] = useState(initialName);
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
+  let t1;
+  let t22;
+  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);
+      }
+    };
+    t22 = [initialName, open];
+    $2[0] = initialName;
+    $2[1] = open;
+    $2[2] = t1;
+    $2[3] = t22;
+  } else {
+    t1 = $2[2];
+    t22 = $2[3];
+  }
+  useEffect(t1, t22);
+  let t3;
+  if ($2[4] !== existingGroupNames || $2[5] !== t2) {
+    t3 = (event) => {
+      const newName = event.target.value;
+      setName(newName);
+      if (!newName.trim()) {
+        setError(t2("group_name_empty_error"));
+      } else {
+        if (existingGroupNames.includes(newName.trim())) {
+          setError(t2("group_name_exists_error"));
+        } else {
+          setError(null);
+        }
+      }
+    };
+    $2[4] = existingGroupNames;
+    $2[5] = t2;
+    $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] !== t2) {
+    t4 = () => {
+      const trimmedName = name.trim();
+      if (!trimmedName) {
+        setError(t2("group_name_empty_error"));
+        return;
+      }
+      if (existingGroupNames.includes(trimmedName)) {
+        setError(t2("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] = t2;
+    $2[13] = t4;
+  } else {
+    t4 = $2[13];
+  }
+  const handleSave = t4;
+  let t5;
+  if ($2[14] !== existingGroupNames || $2[15] !== handleSave || $2[16] !== name || $2[17] !== t2) {
+    t5 = (event_0) => {
+      if (event_0.key === "Enter") {
+        event_0.preventDefault();
+        const trimmedName_0 = name.trim();
+        let currentError = null;
+        if (!trimmedName_0) {
+          currentError = t2("group_name_empty_error");
+        } else {
+          if (existingGroupNames.includes(trimmedName_0)) {
+            currentError = t2("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] = t2;
+    $2[18] = t5;
+  } else {
+    t5 = $2[18];
+  }
+  const handleKeyDown = t5;
+  if (!open) {
+    return null;
+  }
+  let t6;
+  if ($2[19] !== t2) {
+    t6 = t2("rename_group");
+    $2[19] = t2;
+    $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] !== t2) {
+    t8 = t2("group_name_label");
+    $2[23] = t2;
+    $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] !== t2) {
+    t14 = t2("cancel");
+    $2[37] = t2;
+    $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] !== t2) {
+    t17 = t2("save");
+    $2[42] = t2;
+    $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,
+      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 {
+    resolvedSlots
+  } = customizationController;
+  const breadcrumbs = useBreadcrumbsController();
+  const {
+    t: t2
+  } = useTranslation();
+  useEffect(() => {
+    breadcrumbs.set({
+      breadcrumbs: []
+    });
+  }, [breadcrumbs.set]);
+  const {
+    allowDragAndDrop = false,
+    navigationEntries: rawNavigationEntries = [],
+    groups: groupOrderFromNavController = [],
+    onNavigationEntriesUpdate = () => {
+    }
+  } = navigationStateController.topLevelNavigation || {};
+  const fuse = useRef(null);
+  const [filteredUrls, setFilteredUrls] = useState(null);
+  const performingSearch = Boolean(filteredUrls);
+  const filteredNavigationEntries = useMemo(() => {
+    return filteredUrls ? rawNavigationEntries.filter((e) => filteredUrls.includes(e.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_0) => {
+      const g = e_0.type === "admin" ? ADMIN_GROUP_NAME : e_0.group ?? DEFAULT_GROUP_NAME;
+      (entriesByGroup[g] ??= []).push(e_0);
+    });
+    const hasPluginAdditionalCards = customizationController.resolvedSlots.some((s2) => s2.slot === "home.cards");
+    let allProcessed;
+    if (performingSearch) {
+      const ordered = [...new Set(src.map((e_1) => e_1.group ?? DEFAULT_GROUP_NAME))];
+      allProcessed = ordered.filter((g_0) => g_0 === DEFAULT_GROUP_NAME || g_0 === ADMIN_GROUP_NAME).map((name) => ({
+        name,
+        entries: entriesByGroup[name] || []
+      })).filter((g_1) => g_1.entries.length);
+    } else {
+      const filteredGroupOrder = groupOrderFromNavController.filter((g_2) => g_2 === DEFAULT_GROUP_NAME || g_2 === ADMIN_GROUP_NAME);
+      allProcessed = filteredGroupOrder.map((g_3) => ({
+        name: g_3,
+        entries: entriesByGroup[g_3] || []
+      }));
+      Object.keys(entriesByGroup).forEach((g_4) => {
+        const shouldInclude = g_4 === DEFAULT_GROUP_NAME || g_4 === ADMIN_GROUP_NAME;
+        if (!filteredGroupOrder.includes(g_4) && shouldInclude) allProcessed.push({
+          name: g_4,
+          entries: entriesByGroup[g_4]
+        });
+      });
+      if (hasPluginAdditionalCards && !allProcessed.some((g_5) => g_5.name === DEFAULT_GROUP_NAME)) {
+        allProcessed.push({
+          name: DEFAULT_GROUP_NAME,
+          entries: []
+        });
+      }
+      allProcessed = allProcessed.filter((g_6) => g_6.entries.length || g_6.name === DEFAULT_GROUP_NAME && hasPluginAdditionalCards);
+    }
+    const admin = allProcessed.find((g_7) => g_7.name === ADMIN_GROUP_NAME);
+    return {
+      adminGroupData: admin || null,
+      items: allProcessed.filter((g_8) => g_8.name !== ADMIN_GROUP_NAME && !hiddenGroups?.includes(g_8.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_9) => ({
+      name: g_9.name,
+      entries: g_9.entries.map((e_2) => e_2.slug)
+    }));
+    const all = adminGroupData ? [...draggable, {
+      name: adminGroupData.name,
+      entries: adminGroupData.entries.map((e_3) => e_3.slug)
+    }] : draggable;
+    onNavigationEntriesUpdate(all);
+  };
+  const groupNames = useMemo(() => [...items.map((item) => item.name), ...adminGroupData ? [adminGroupData.name] : []], [items, adminGroupData]);
+  const {
+    isGroupCollapsed,
+    toggleGroupCollapsed
+  } = useCollapsedGroups(groupNames, "home");
+  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_10) => context.analyticsController?.onAnalyticsEvent?.("home_move_group", {
+      name: g_10
+    }),
+    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((a, b) => (a.order ?? 50) - (b.order ?? 50));
+  }, [resolvedSlots]);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "py-2 overflow-auto h-full w-full", children: [
+    /* @__PURE__ */ jsxs(Container, { maxWidth: "6xl", children: [
+      /* @__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: t2("search_collections"), autoFocus: true, 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, i) => /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(s_1.Component, { ...homeCardsProps, ...s_1.props ?? {} }) }, `home_cards_${groupKey}_${i}`));
+          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_4) => e_4.url), isPotentialCardDropTarget: isDraggingCardOnly, children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ", children: [
+            entriesInGroup.map((entry) => /* @__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}`);
+        }) }, JSON.stringify(containers)),
+        /* @__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_11) => g_11.name).filter((n2) => n2 !== dialogOpenForGroup), onClose: handleDialogClose, onRename: (newName) => {
+      handleRenameGroup(dialogOpenForGroup, newName);
+    } })
+  ] });
+}
+function RebaseCMS(t0) {
+  const $2 = c(9);
+  const {
+    collections,
+    homePage,
+    entityViews,
+    entityActions,
+    plugins,
+    collectionEditor
+  } = t0;
+  const dispatch = useRebaseRegistryDispatch();
+  let t1;
+  let t2;
+  if ($2[0] !== collectionEditor || $2[1] !== collections || $2[2] !== dispatch || $2[3] !== entityActions || $2[4] !== entityViews || $2[5] !== homePage || $2[6] !== plugins) {
+    t1 = () => {
+      dispatch.registerCMS({
+        collections,
+        homePage,
+        entityViews,
+        entityActions,
+        plugins,
+        collectionEditor
+      });
+      return () => dispatch.unregisterCMS();
+    };
+    t2 = [dispatch, collections, homePage, entityViews, entityActions, plugins, collectionEditor];
+    $2[0] = collectionEditor;
+    $2[1] = collections;
+    $2[2] = dispatch;
+    $2[3] = entityActions;
+    $2[4] = entityViews;
+    $2[5] = homePage;
+    $2[6] = plugins;
+    $2[7] = t1;
+    $2[8] = t2;
+  } else {
+    t1 = $2[7];
+    t2 = $2[8];
+  }
+  useLayoutEffect(t1, t2);
+  return null;
+}
+function RebaseAuthGate(t0) {
+  const $2 = c(8);
+  const {
+    children
+  } = t0;
+  const registry = useRebaseRegistry();
+  const authController = useAuthController();
+  if (authController?.initialLoading) {
+    let t12;
+    if ($2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsx(CircularProgressCenter, { size: "large" });
+      $2[0] = t12;
+    } else {
+      t12 = $2[0];
+    }
+    return t12;
+  }
+  if (!authController?.user) {
+    let t12;
+    if ($2[1] !== authController || $2[2] !== registry.authConfig?.loginView) {
+      t12 = registry.authConfig?.loginView ?? /* @__PURE__ */ jsx(LoginView, { authController });
+      $2[1] = authController;
+      $2[2] = registry.authConfig?.loginView;
+      $2[3] = t12;
+    } else {
+      t12 = $2[3];
+    }
+    const ActiveLoginView = t12;
+    let t2;
+    if ($2[4] !== ActiveLoginView) {
+      t2 = /* @__PURE__ */ jsx(Fragment, { children: ActiveLoginView });
+      $2[4] = ActiveLoginView;
+      $2[5] = t2;
+    } else {
+      t2 = $2[5];
+    }
+    return t2;
+  }
+  let t1;
+  if ($2[6] !== children) {
+    t1 = /* @__PURE__ */ jsx(Fragment, { children });
+    $2[6] = children;
+    $2[7] = t1;
+  } else {
+    t1 = $2[7];
+  }
+  return t1;
+}
+function RebaseLayout(props) {
+  const $2 = c(17);
+  const {
+    title: t0,
+    appBar,
+    drawer,
+    autoOpenDrawer: t1,
+    devViews: t2
+  } = props;
+  const title = t0 === void 0 ? "Rebase" : t0;
+  const autoOpenDrawer = t1 === void 0 ? false : t1;
+  let t3;
+  if ($2[0] !== t2) {
+    t3 = t2 === void 0 ? [] : t2;
+    $2[0] = t2;
+    $2[1] = t3;
+  } else {
+    t3 = $2[1];
+  }
+  const devViews = t3;
+  const adminModeController = useAdminModeController();
+  let t4;
+  if ($2[2] !== appBar) {
+    t4 = appBar ?? /* @__PURE__ */ jsx(AppBar, {});
+    $2[2] = appBar;
+    $2[3] = t4;
+  } else {
+    t4 = $2[3];
+  }
+  const ActiveAppBar = t4;
+  let t5;
+  if ($2[4] !== adminModeController || $2[5] !== drawer || $2[6] !== title) {
+    t5 = drawer ?? /* @__PURE__ */ jsx(Drawer, { title, logoDestination: adminModeController.mode === "studio" ? "/s" : "/" });
+    $2[4] = adminModeController;
+    $2[5] = drawer;
+    $2[6] = title;
+    $2[7] = t5;
+  } else {
+    t5 = $2[7];
+  }
+  const ActiveDrawer = t5;
+  let t6;
+  if ($2[8] !== devViews) {
+    t6 = /* @__PURE__ */ jsx(AdminModeSyncer, { devViews });
+    $2[8] = devViews;
+    $2[9] = t6;
+  } else {
+    t6 = $2[9];
+  }
+  let t7;
+  let t8;
+  if ($2[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsx(Outlet, {});
+    t8 = /* @__PURE__ */ jsx(SideDialogs, {});
+    $2[10] = t7;
+    $2[11] = t8;
+  } else {
+    t7 = $2[10];
+    t8 = $2[11];
+  }
+  let t9;
+  if ($2[12] !== ActiveAppBar || $2[13] !== ActiveDrawer || $2[14] !== autoOpenDrawer || $2[15] !== t6) {
+    t9 = /* @__PURE__ */ jsxs(Scaffold, { autoOpenDrawer, children: [
+      t6,
+      ActiveAppBar,
+      ActiveDrawer,
+      t7,
+      t8
+    ] });
+    $2[12] = ActiveAppBar;
+    $2[13] = ActiveDrawer;
+    $2[14] = autoOpenDrawer;
+    $2[15] = t6;
+    $2[16] = t9;
+  } else {
+    t9 = $2[16];
+  }
+  return t9;
+}
+function RebaseRoute() {
+  const $2 = c(37);
+  const location = useLocation$1();
+  const collectionRegistry = useCollectionRegistryController();
+  const urlController = useUrlController();
+  const breadcrumbs = useBreadcrumbsController();
+  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 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 t7;
+    if ($2[19] !== collectionRegistry || $2[20] !== navigationEntries[0].id || $2[21] !== navigationEntries[0].slug) {
+      t7 = /* @__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];
+            }
+            t7 = t82;
+            break bb0;
+          }
+          t7 = null;
+          break bb0;
+        }
+        let t8;
+        if ($2[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+          t8 = [];
+          $2[25] = t8;
+        } else {
+          t8 = $2[25];
+        }
+        t62 = /* @__PURE__ */ jsx(EntityCollectionView, { parentCollectionIds: t8, path: collection.slug, updateUrl: true, ...collection, 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] = t7;
+    } else {
+      t62 = $2[22];
+      t7 = $2[23];
+    }
+    if (t7 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+      return t7;
+    }
+    return t62;
+  }
+  if (isSidePanel) {
+    const lastCollectionEntry = [...navigationEntries].reverse().find(_temp2);
+    if (lastCollectionEntry) {
+      let t62;
+      let t7;
+      if ($2[26] !== collectionRegistry || $2[27] !== navigationEntries[0]) {
+        t7 = /* @__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[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+                t82 = /* @__PURE__ */ jsx(CircularProgressCenter, {});
+                $2[30] = t82;
+              } else {
+                t82 = $2[30];
+              }
+              t7 = t82;
+              break bb1;
+            }
+            t7 = null;
+            break bb1;
+          }
+          let t8;
+          if ($2[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+            t8 = [];
+            $2[31] = t8;
+          } else {
+            t8 = $2[31];
+          }
+          t62 = /* @__PURE__ */ jsx(EntityCollectionView, { parentCollectionIds: t8, path: collection_0.slug, updateUrl: true, ...collection_0, Actions: toArray(collection_0.Actions) }, `collection_view_${collection_0.slug}`);
+        }
+        $2[26] = collectionRegistry;
+        $2[27] = navigationEntries[0];
+        $2[28] = t62;
+        $2[29] = t7;
+      } else {
+        t62 = $2[28];
+        t7 = $2[29];
+      }
+      if (t7 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
+        return t7;
+      }
+      return t62;
+    }
+  }
+  let t6;
+  if ($2[32] !== isCopy || $2[33] !== isNew || $2[34] !== navigationEntries || $2[35] !== pathname) {
+    t6 = /* @__PURE__ */ jsx(EntityFullScreenRoute, { pathname, navigationEntries, isNew, isCopy });
+    $2[32] = isCopy;
+    $2[33] = isNew;
+    $2[34] = navigationEntries;
+    $2[35] = pathname;
+    $2[36] = t6;
+  } else {
+    t6 = $2[36];
+  }
+  return t6;
+}
+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({
+  pathname,
+  navigationEntries,
+  isNew,
+  isCopy
+}) {
+  const collectionRegistry = useCollectionRegistryController();
+  const urlController = useUrlController();
+  const navigate = useNavigate();
+  const navigationPath = urlController.urlPathToDataPath(pathname);
+  const blocked = useRef(false);
+  const lastEntityEntry = [...navigationEntries].reverse().find((entry) => entry.type === "entity");
+  const navigationEntriesAfterEntity = lastEntityEntry ? navigationEntries.slice(navigationEntries.indexOf(lastEntityEntry) + 1) : [];
+  const lastCustomView = [...navigationEntriesAfterEntity].reverse().find((entry_0) => entry_0.type === "custom_view" || entry_0.type === "collection");
+  const entityId = lastEntityEntry && "entityId" in lastEntityEntry ? lastEntityEntry.entityId : void 0;
+  const urlTab = getSelectedTabFromUrl(isNew, lastCustomView);
+  const [selectedTab, setSelectedTab] = useState(urlTab);
+  const parentCollectionIds = collectionRegistry.getParentCollectionIds(navigationPath);
+  useEffect(() => {
+    if (urlTab !== selectedTab) {
+      setSelectedTab(urlTab);
+    }
+  }, [urlTab]);
+  const basePath = !entityId || isNew ? pathname : pathname.substring(0, pathname.lastIndexOf(`/${entityId}`));
+  const entityPath = basePath + `/${entityId}`;
+  let blocker = void 0;
+  try {
+    blocker = useBlocker(({
+      nextLocation
+    }) => {
+      if (nextLocation.pathname.startsWith(entityPath)) return false;
+      return blocked.current;
+    });
+  } catch (e) {
+  }
+  const lastCollectionEntry = [...navigationEntries].reverse().find((entry_1) => entry_1.type === "collection");
+  if (isNew && !lastCollectionEntry) {
+    throw new Error("INTERNAL: No collection found in the navigation");
+  }
+  if (!isNew && !lastEntityEntry) {
+    if (!collectionRegistry.initialised) {
+      return /* @__PURE__ */ jsx(CircularProgressCenter, {});
+    }
+    return /* @__PURE__ */ jsx(NotFoundPage, {});
+  }
+  const collection = isNew ? lastCollectionEntry && "collection" in lastCollectionEntry ? lastCollectionEntry.collection : void 0 : lastEntityEntry && "parentCollection" in lastEntityEntry ? lastEntityEntry.parentCollection : void 0;
+  const fullIdPath = isNew ? lastCollectionEntry.slug : lastEntityEntry.slug;
+  const collectionPath = urlController.resolveDatabasePathsFrom(fullIdPath);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(EntityEditView, { entityId: isNew ? void 0 : entityId, collection, layout: "full_screen", path: collectionPath, copy: isCopy, selectedTab: selectedTab ?? void 0, onValuesModified: (modified) => blocked.current = modified, onSaved: (params) => {
+      const newSelectedTab = params.selectedTab;
+      const newEntityId = params.entityId;
+      if (newSelectedTab) {
+        navigate(`${basePath}/${newEntityId}/${newSelectedTab}`, {
+          replace: true
+        });
+      } else {
+        navigate(`${basePath}/${newEntityId}`, {
+          replace: true
+        });
+      }
+    }, onTabChange: (params_0) => {
+      setSelectedTab(params_0.selectedTab);
+      if (isNew) {
+        return;
+      }
+      const newSelectedTab_0 = params_0.selectedTab;
+      if (newSelectedTab_0) {
+        navigate(`${basePath}/${entityId}/${newSelectedTab_0}`, {
+          replace: true
+        });
+      } else {
+        navigate(`${basePath}/${entityId}`, {
+          replace: true
+        });
+      }
+    }, parentCollectionIds }, collection.slug + "_" + (isNew ? "new" : isCopy ? entityId + "_copy" : entityId)),
+    /* @__PURE__ */ jsx(UnsavedChangesDialog, { open: blocker?.state === "blocked", handleOk: () => blocker?.proceed?.(), handleCancel: () => blocker?.reset?.(), body: "You have unsaved changes in this entity." })
+  ] });
+}
+function CustomViewRoute(t0) {
+  const $2 = c(8);
+  const {
+    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 {
+    t: t2
+  } = useTranslation();
+  const breadcrumbs = useBreadcrumbsController();
+  useEffect(() => {
+    breadcrumbs.set({
+      breadcrumbs: [{
+        title: t2("project_settings"),
+        url: "/settings"
+      }]
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(UserSettingsView, {});
+}
+function RebaseRouteDefs({
+  children,
+  layout
+}) {
+  const registry = useRebaseRegistry();
+  const userManagement = useInternalUserManagementController();
+  const navigationStateController = useNavigationStateController();
+  const cmsHomePage = registry.cmsConfig?.homePage ?? /* @__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, {}) }),
+    userManagement && /* @__PURE__ */ jsx(Route, { path: "/roles", element: /* @__PURE__ */ jsx(RolesView, { userManagement }) }),
+    userManagement && /* @__PURE__ */ jsx(Route, { path: "/users", element: /* @__PURE__ */ jsx(UsersView, { userManagement }) }),
+    /* @__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: /* @__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 = c(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[0] !== registry.studioConfig?.devViews) {
+    t3 = registry.studioConfig?.devViews ?? [];
+    $2[0] = registry.studioConfig?.devViews;
+    $2[1] = t3;
+  } else {
+    t3 = $2[1];
+  }
+  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;
+  } else {
+    t4 = $2[7];
+  }
+  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;
+  } else {
+    t5 = $2[10];
+  }
+  return t5;
+}
+function ArrayOfMapsPreview(t0) {
+  const $2 = c(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 = c(18);
+  const {
+    path: pathProp
+  } = t0;
+  const registry = useCollectionRegistryController();
+  const path = getLastSegment(pathProp);
+  let t1;
+  if ($2[0] !== pathProp || $2[1] !== registry) {
+    t1 = registry.getParentCollectionIds(pathProp);
+    $2[0] = pathProp;
+    $2[1] = registry;
+    $2[2] = t1;
+  } else {
+    t1 = $2[2];
+  }
+  const parentCollectionIds = t1;
+  const collectionEditor = useCollectionEditorController();
+  const {
+    t: t2
+  } = useTranslation();
+  const t22 = "p-1 flex flex-col items-center";
+  const T0 = ErrorView;
+  const t3 = t2("studio_missing_reference_error", {
+    path
+  });
+  let t4;
+  if ($2[3] !== T0 || $2[4] !== t3) {
+    t4 = /* @__PURE__ */ jsx(T0, { error: t3 });
+    $2[3] = T0;
+    $2[4] = t3;
+    $2[5] = t4;
+  } else {
+    t4 = $2[5];
+  }
+  let t5;
+  if ($2[6] !== collectionEditor || $2[7] !== parentCollectionIds || $2[8] !== path) {
+    t5 = () => {
+      collectionEditor.createCollection({
+        initialValues: {
+          path,
+          name: prettifyIdentifier(path)
+        },
+        parentCollectionIds,
+        redirect: false,
+        sourceClick: "missing_reference"
+      });
+    };
+    $2[6] = collectionEditor;
+    $2[7] = parentCollectionIds;
+    $2[8] = path;
+    $2[9] = t5;
+  } else {
+    t5 = $2[9];
+  }
+  let t6;
+  if ($2[10] !== t2) {
+    t6 = t2("studio_missing_reference_create");
+    $2[10] = t2;
+    $2[11] = t6;
+  } else {
+    t6 = $2[11];
+  }
+  let t7;
+  if ($2[12] !== t5 || $2[13] !== t6) {
+    t7 = /* @__PURE__ */ jsx(Button, { className: "mx-2", size: "small", onClick: t5, children: t6 });
+    $2[12] = t5;
+    $2[13] = t6;
+    $2[14] = t7;
+  } else {
+    t7 = $2[14];
+  }
+  let t8;
+  if ($2[15] !== t4 || $2[16] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: t22, children: [
+      t4,
+      t7
+    ] });
+    $2[15] = t4;
+    $2[16] = t7;
+    $2[17] = t8;
+  } else {
+    t8 = $2[17];
+  }
+  return t8;
+}
+function getLastSegment(path) {
+  const segments = path.split("/");
+  return segments[segments.length - 1];
+}
+export {
+  AdminModeSyncer,
+  AppBar,
+  l as ArrayContainer,
+  m as ArrayCustomShapedFieldBinding,
+  n as ArrayEnumPreview,
+  ArrayOfMapsPreview,
+  o as ArrayOfReferencesFieldBinding,
+  p as ArrayOfReferencesPreview,
+  q as ArrayOfStorageComponentsPreview,
+  r as ArrayOfStringsPreview,
+  s as ArrayOneOfPreview,
+  t as ArrayPropertyEnumPreview,
+  v as ArrayPropertyPreview,
+  BasicExportAction,
+  B as BlockFieldBinding,
+  w as BooleanPreview,
+  x as CollectionGenerationApiError,
+  y as CollectionRegistryContext,
+  ContentHomePage,
+  CustomViewRoute,
+  z as DEFAULT_COLLECTION_GENERATION_ENDPOINT,
+  F as DEFAULT_FIELD_CONFIGS,
+  G as DataNewPropertiesMapping,
+  H as DatePreview,
+  I as DateTimeFieldBinding,
+  Drawer,
+  J as EmptyValue,
+  K as EntityCard,
+  L as EntityCollectionCardView,
+  M as EntityCollectionRowActions,
+  O as EntityCollectionTable,
+  EntityCollectionView,
+  Q as EntityCollectionViewActions,
+  T as EntityForm,
+  V as EntityPreview,
+  W as EntitySelectionTable,
+  X as EntityView,
+  Y as EnumValuesChip,
+  Z as ExportCollectionAction,
+  _ as FieldCaption,
+  $ as FieldHelperText,
+  a0 as FormEntry,
+  a1 as FormLayout,
+  a2 as ImagePreview,
+  a3 as ImportCollectionAction,
+  a4 as ImportDataPreview,
+  a5 as ImportFileUpload,
+  a6 as ImportNewPropertyFieldPreview,
+  a7 as ImportSaveInProgress,
+  a8 as KeyValueFieldBinding,
+  a9 as KeyValuePreview,
+  aa as LabelWithIcon,
+  ab as LabelWithIconAndTooltip,
+  ac as MapFieldBinding,
+  ad as MapPropertyPreview,
+  ae as MarkdownEditorFieldBinding,
+  MissingReferenceWidget,
+  af as MultiSelectFieldBinding,
+  ag as NavigationStateContext,
+  ah as NumberPropertyPreview,
+  ai as PropertyConfigBadge,
+  aj as PropertyFieldBinding,
+  ak as PropertyIdCopyTooltip,
+  PropertyPreview,
+  al as PropertySelectEntry,
+  am as ReadOnlyFieldBinding,
+  RebaseAuthGate,
+  RebaseCMS,
+  an as RebaseEditor,
+  RebaseLayout,
+  RebaseNavigation,
+  RebaseRoute,
+  RebaseRouteDefs,
+  RebaseShell,
+  ao as ReferenceAsStringFieldBinding,
+  ap as ReferenceFieldBinding,
+  ReferencePreview,
+  ReferenceWidget,
+  aq as RelationPreview,
+  ar as RepeatFieldBinding,
+  RolesView,
+  Scaffold,
+  as as SearchIconsView,
+  at as SelectFieldBinding,
+  au as SelectableTable,
+  av as SelectableTableContext,
+  SideDialogs,
+  aw as SideEntityControllerContext,
+  ax as SideEntityProvider,
+  ay as SkeletonPropertyComponent,
+  az as StorageThumbnail,
+  aA as StorageThumbnailInternal,
+  aB as StorageUploadFieldBinding,
+  aC as StringPropertyPreview,
+  aD as SwitchFieldBinding,
+  aE as TextFieldBinding,
+  aF as UrlComponentPreview,
+  aG as UrlContext,
+  aH as UserPreview,
+  UsersView,
+  aI as VirtualTableInput,
+  aJ as addInitialSlash,
+  aK as buildCollectionGenerationCallback,
+  aL as buildSidePanelsFromUrl,
+  aM as convertDataToEntity,
+  aN as convertFileToJson,
+  aO as copyEntityAction,
+  aP as deleteEntityAction,
+  aQ as downloadBlob,
+  aR as downloadDataAsCsv,
+  downloadEntitiesExport,
+  aS as editEntityAction,
+  aT as flattenEntry,
+  aU as getBracketNotation,
+  aV as getCollectionBySlugWithin,
+  aW as getCollectionPathsCombinations,
+  aX as getDefaultFieldConfig,
+  aY as getDefaultFieldId,
+  aZ as getDefaultPropertiesOrder,
+  a_ as getEntityCSVExportableData,
+  a$ as getEntityJsonExportableData,
+  b0 as getEntityPreviewKeys,
+  b1 as getEntityTitlePropertyKey,
+  b2 as getEntityViewWidth,
+  b3 as getFieldConfig,
+  b4 as getFieldId,
+  b5 as getFullId,
+  b6 as getFullIdPath,
+  b7 as getIconForProperty,
+  b8 as getIconForWidget,
+  b9 as getInferenceType,
+  ba as getLastSegment,
+  bb as getPropertiesWithPropertiesOrder,
+  bc as getPropertyInPath,
+  bd as getResolvedPropertyInPath,
+  be as idToPropertiesPath,
+  bf as isReferenceProperty,
+  bg as isRelationProperty,
+  bh as mergeEntityActions,
+  bi as namespaceToPropertiesOrderPath,
+  bj as namespaceToPropertiesPath,
+  bk as processValueMapping,
+  bl as removeInitialAndTrailingSlashes,
+  bm as removeInitialSlash,
+  bn as removeTrailingSlash,
+  bo as renderSkeletonCaptionText,
+  bp as renderSkeletonIcon,
+  bq as renderSkeletonImageThumbnail,
+  br as renderSkeletonText,
+  bs as resolveCollectionPathIds,
+  bt as resolveEntityAction,
+  bu as resolveEntityView,
+  resolveNavigationFrom,
+  bv as unflattenObject,
+  bw as useApp,
+  useBreadcrumbsController,
+  bx as useBuildCollectionRegistryController,
+  by as useBuildNavigationStateController,
+  bz as useBuildSideEntityController,
+  bA as useBuildUrlController,
+  useCMSContext,
+  bB as useClearRestoreValue,
+  useCollectionEditorController,
+  useCollectionRegistryController,
+  bC as useCollectionsConfigController,
+  bD as useEntityHistory,
+  useEntitySelectionDialog,
+  bE as useImportConfig,
+  bF as useLocalCollectionsConfigController,
+  useNavigationStateController,
+  bG as useResolvedCollections,
+  useResolvedNavigationFrom,
+  bH as useResolvedViews,
+  bI as useSelectionController,
+  bJ as useSideDialogsController,
+  bK as useSideEntityController,
+  bL as useTopLevelNavigation,
+  useUrlController,
+  bM as validateCollectionJson,
+  bN as zodToFormErrors
+};
+//# sourceMappingURL=index.js.map