@rebasepro/admin 0.0.1-canary.eae7889 → 0.0.1-canary.eb08332

package/dist/ContentHomePage-CDF_a6Lp.js

@@ -1,1786 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import Fuse from "fuse.js";
-import { Chip, Collapse, cls, IconButton, iconSize, ExpandablePanel, Typography, Markdown, Card, DialogTitle, TextField, DialogContent, Button, DialogActions, Dialog, Container, SearchBar, ErrorBoundary } from "@rebasepro/ui";
-import { c } from "react-compiler-runtime";
-import { useNavigate } from "react-router-dom";
-import { StarIcon, PencilIcon, ArrowRightIcon } from "lucide-react";
-import { useUserConfigurationPersistence, useTranslation, useRebaseContext, useSlot, IconForView, useCustomizationController, useAdminModeController, STUDIO_NAVIGATION_GROUPS, useCollapsedGroups, useRestoreScroll } from "@rebasepro/core";
-import "fast-equals";
-import "@rebasepro/common";
-import "@rebasepro/formex";
-import "zod";
-import "@rebasepro/utils";
-import { m as useNavigationStateController, k as useCMSContext, i as useBreadcrumbsController } from "./util-BQ82ySL3.js";
-import "date-fns";
-import "date-fns/locale";
-import "@rebasepro/types";
-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 "react-router";
-import "xlsx";
-import "@rebasepro/schema-inference";
-function NavigationChip(t0) {
-  const $ = c(18);
-  const {
-    entry
-  } = t0;
-  const navigate = useNavigate();
-  const userConfigurationPersistence = useUserConfigurationPersistence();
-  if (!userConfigurationPersistence) {
-    return null;
-  }
-  let t1;
-  if ($[0] !== entry.slug || $[1] !== userConfigurationPersistence.favouritePaths) {
-    t1 = userConfigurationPersistence.favouritePaths.includes(entry.slug);
-    $[0] = entry.slug;
-    $[1] = userConfigurationPersistence.favouritePaths;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const favourite = t1;
-  let t2;
-  if ($[3] !== entry.slug || $[4] !== favourite || $[5] !== userConfigurationPersistence) {
-    t2 = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (favourite) {
-        userConfigurationPersistence.setFavouritePaths(userConfigurationPersistence.favouritePaths.filter((p) => p !== entry.slug));
-      } else {
-        userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, entry.slug]);
-      }
-    };
-    $[3] = entry.slug;
-    $[4] = favourite;
-    $[5] = userConfigurationPersistence;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const onIconClick = t2;
-  let t3;
-  if ($[7] !== entry.url || $[8] !== navigate) {
-    t3 = () => navigate(entry.url);
-    $[7] = entry.url;
-    $[8] = navigate;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  const t4 = favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500";
-  let t5;
-  if ($[10] !== onIconClick || $[11] !== t4) {
-    t5 = /* @__PURE__ */ jsx(StarIcon, { onClick: onIconClick, size: "small", className: t4 });
-    $[10] = onIconClick;
-    $[11] = t4;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== entry.name || $[14] !== entry.slug || $[15] !== t3 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsx(Chip, { onClick: t3, icon: t5, children: entry.name }, entry.slug);
-    $[13] = entry.name;
-    $[14] = entry.slug;
-    $[15] = t3;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
-}
-function FavouritesView(t0) {
-  const $ = c(17);
-  const navigationStateController = useNavigationStateController();
-  const userConfigurationPersistence = useUserConfigurationPersistence();
-  if (!userConfigurationPersistence) {
-    return null;
-  }
-  let t1;
-  if ($[0] !== userConfigurationPersistence?.favouritePaths) {
-    t1 = userConfigurationPersistence?.favouritePaths ?? [];
-    $[0] = userConfigurationPersistence?.favouritePaths;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let T0;
-  let t2;
-  let t3;
-  let t4;
-  if ($[2] !== navigationStateController || $[3] !== t1) {
-    let t52;
-    if ($[8] !== navigationStateController) {
-      t52 = (path) => navigationStateController.topLevelNavigation?.navigationEntries.find((entry) => entry.slug === path);
-      $[8] = navigationStateController;
-      $[9] = t52;
-    } else {
-      t52 = $[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] = navigationStateController;
-    $[3] = t1;
-    $[4] = T0;
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    T0 = $[4];
-    t2 = $[5];
-    t3 = $[6];
-    t4 = $[7];
-  }
-  let t5;
-  if ($[10] !== t2 || $[11] !== t3) {
-    t5 = /* @__PURE__ */ jsx("div", { className: t2, children: t3 });
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== T0 || $[14] !== t4 || $[15] !== t5) {
-    t6 = /* @__PURE__ */ jsx(T0, { in: t4, children: t5 });
-    $[13] = T0;
-    $[14] = t4;
-    $[15] = t5;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  return t6;
-}
-function _temp$1(entry_0) {
-  return /* @__PURE__ */ jsx(NavigationChip, { entry: entry_0 }, entry_0.slug);
-}
-function NavigationGroup(t0) {
-  const $ = c(45);
-  const {
-    children,
-    group,
-    minimised,
-    isPreview,
-    isPotentialCardDropTarget,
-    onEditGroup,
-    dndDisabled,
-    collapsed,
-    onToggleCollapsed
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  const [isHovered, setIsHovered] = useState(false);
-  let t1;
-  if ($[0] !== group || $[1] !== t) {
-    t1 = group ?? t("views_group");
-    $[0] = group;
-    $[1] = t;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const currentGroupName = t1;
-  const showCaret = !isPreview && !!onToggleCollapsed;
-  const t2 = isPreview ? "px-1 py-0.5" : "";
-  let t3;
-  if ($[3] !== t2) {
-    t3 = cls("flex items-center", t2);
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const t4 = isPreview ? "body2" : "caption";
-  let t5;
-  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = cls("p-4 py-2 rounded", "font-medium text-sm text-surface-600 dark:text-surface-400");
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  let t6;
-  if ($[6] !== currentGroupName || $[7] !== t4) {
-    t6 = /* @__PURE__ */ jsx(Typography, { variant: t4, component: "h2", color: "secondary", className: t5, children: currentGroupName });
-    $[6] = currentGroupName;
-    $[7] = t4;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  let t7;
-  if ($[9] !== currentGroupName || $[10] !== dndDisabled || $[11] !== isHovered || $[12] !== isPreview || $[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(PencilIcon, { size: iconSize.smallest }) });
-    $[9] = currentGroupName;
-    $[10] = dndDisabled;
-    $[11] = isHovered;
-    $[12] = isPreview;
-    $[13] = onEditGroup;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  let t8;
-  if ($[15] !== t3 || $[16] !== t6 || $[17] !== t7) {
-    t8 = /* @__PURE__ */ jsxs("div", { className: t3, children: [
-      t6,
-      t7
-    ] });
-    $[15] = t3;
-    $[16] = t6;
-    $[17] = t7;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  const TitleContent = t8;
-  const t9 = !isPotentialCardDropTarget ? "my-10" : "my-6";
-  let t10;
-  if ($[19] !== t9) {
-    t10 = cls(t9, "transition-all duration-200 ease-in-out");
-    $[19] = t9;
-    $[20] = t10;
-  } else {
-    t10 = $[20];
-  }
-  let t11;
-  if ($[21] !== TitleContent || $[22] !== children || $[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
-    ] });
-    $[21] = TitleContent;
-    $[22] = children;
-    $[23] = isPreview;
-    $[24] = t11;
-  } else {
-    t11 = $[24];
-  }
-  let t12;
-  if ($[25] !== TitleContent || $[26] !== children || $[27] !== collapsed || $[28] !== isPreview || $[29] !== minimised || $[30] !== onToggleCollapsed || $[31] !== showCaret) {
-    t12 = !isPreview && showCaret && /* @__PURE__ */ jsx(ExpandablePanel, { invisible: true, expanded: !collapsed, onExpandedChange: (open) => {
-      if (open !== !collapsed) {
-        onToggleCollapsed?.();
-      }
-    }, className: cls("mt-6"), titleClassName: cls("min-h-0 p-0 border-none", "rounded flex items-center justify-between w-full", "hover:bg-transparent", "cursor-pointer select-none", collapsed && "bg-surface-100 dark:bg-surface-900/50"), innerClassName: cls("mt-4", !minimised ? "pt-0" : ""), title: /* @__PURE__ */ jsx("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: "flex items-center", children: TitleContent }), children: minimised ? /* @__PURE__ */ jsx("div", { className: cls("mt-4 p-8 bg-surface-accent-200 dark:bg-surface-accent-800 rounded-lg"), style: {
-      minHeight: "50px"
-    } }) : /* @__PURE__ */ jsx("div", { className: cls("mt-4", !minimised ? "pt-0" : ""), children }) });
-    $[25] = TitleContent;
-    $[26] = children;
-    $[27] = collapsed;
-    $[28] = isPreview;
-    $[29] = minimised;
-    $[30] = onToggleCollapsed;
-    $[31] = showCaret;
-    $[32] = t12;
-  } else {
-    t12 = $[32];
-  }
-  let t13;
-  if ($[33] !== TitleContent || $[34] !== children || $[35] !== collapsed || $[36] !== isPreview || $[37] !== minimised || $[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 }))
-    ] });
-    $[33] = TitleContent;
-    $[34] = children;
-    $[35] = collapsed;
-    $[36] = isPreview;
-    $[37] = minimised;
-    $[38] = showCaret;
-    $[39] = t13;
-  } else {
-    t13 = $[39];
-  }
-  let t14;
-  if ($[40] !== t10 || $[41] !== t11 || $[42] !== t12 || $[43] !== t13) {
-    t14 = /* @__PURE__ */ jsxs("div", { className: t10, children: [
-      t11,
-      t12,
-      t13
-    ] });
-    $[40] = t10;
-    $[41] = t11;
-    $[42] = t12;
-    $[43] = t13;
-    $[44] = t14;
-  } else {
-    t14 = $[44];
-  }
-  return t14;
-}
-const NavigationCard = React__default.memo(function NavigationCard2(t0) {
-  const $ = c(31);
-  const {
-    name,
-    description,
-    icon,
-    actions,
-    additionalContent,
-    onClick,
-    shrink
-  } = t0;
-  const t1 = shrink && "w-full max-w-full min-h-0 scale-75";
-  let t2;
-  if ($[0] !== t1) {
-    t2 = cls("group h-full p-5 cursor-pointer transition-all duration-200 ease-in-out", "border-surface-200/40 dark:border-surface-700/40", "hover:-translate-y-0.5 hover:shadow-md hover:shadow-primary/5", "hover:border-primary/30 dark:hover:border-primary/20", t1);
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== onClick) {
-    t3 = () => {
-      onClick?.();
-    };
-    $[2] = onClick;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== icon) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-7 h-7 rounded-lg bg-primary/8 dark:bg-primary/10 text-primary/70 dark:text-primary/60 transition-colors duration-200 group-hover:bg-primary/12 dark:group-hover:bg-primary/15 group-hover:text-primary dark:group-hover:text-primary/80", children: icon });
-    $[4] = icon;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  let t5;
-  if ($[6] !== name) {
-    t5 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", component: "h2", children: name });
-    $[6] = name;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  let t6;
-  if ($[8] !== t4 || $[9] !== t5) {
-    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-      t4,
-      t5
-    ] });
-    $[8] = t4;
-    $[9] = t5;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  let t7;
-  if ($[11] !== actions) {
-    t7 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", onClick: _temp, children: actions });
-    $[11] = actions;
-    $[12] = t7;
-  } else {
-    t7 = $[12];
-  }
-  let t8;
-  if ($[13] !== t6 || $[14] !== t7) {
-    t8 = /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full justify-between mb-1", children: [
-      t6,
-      t7
-    ] });
-    $[13] = t6;
-    $[14] = t7;
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  let t9;
-  if ($[16] !== description) {
-    t9 = description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", component: "div", children: /* @__PURE__ */ jsx(Markdown, { source: description, size: "small" }) });
-    $[16] = description;
-    $[17] = t9;
-  } else {
-    t9 = $[17];
-  }
-  let t10;
-  if ($[18] !== t9) {
-    t10 = /* @__PURE__ */ jsx("div", { className: "grow pl-[44px]", children: t9 });
-    $[18] = t9;
-    $[19] = t10;
-  } else {
-    t10 = $[19];
-  }
-  let t11;
-  if ($[20] !== additionalContent) {
-    t11 = additionalContent && /* @__PURE__ */ jsx("div", { className: "pl-[44px] pointer-events-none", children: additionalContent });
-    $[20] = additionalContent;
-    $[21] = t11;
-  } else {
-    t11 = $[21];
-  }
-  let t12;
-  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t12 = /* @__PURE__ */ jsx("div", { className: "self-end mt-1", children: /* @__PURE__ */ jsx("div", { className: "transition-transform duration-200 group-hover:translate-x-0.5", children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "text-primary" }) }) });
-    $[22] = t12;
-  } else {
-    t12 = $[22];
-  }
-  let t13;
-  if ($[23] !== t10 || $[24] !== t11 || $[25] !== t8) {
-    t13 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-      t8,
-      t10,
-      t11,
-      t12
-    ] });
-    $[23] = t10;
-    $[24] = t11;
-    $[25] = t8;
-    $[26] = t13;
-  } else {
-    t13 = $[26];
-  }
-  let t14;
-  if ($[27] !== t13 || $[28] !== t2 || $[29] !== t3) {
-    t14 = /* @__PURE__ */ jsx(Card, { className: t2, onClick: t3, children: t13 });
-    $[27] = t13;
-    $[28] = t2;
-    $[29] = t3;
-    $[30] = t14;
-  } else {
-    t14 = $[30];
-  }
-  return t14;
-});
-function _temp(event) {
-  event.preventDefault();
-  event.stopPropagation();
-}
-function NavigationCardBinding(t0) {
-  const $ = c(38);
-  const {
-    slug,
-    collection,
-    view,
-    url,
-    name,
-    description,
-    onClick,
-    shrink
-  } = t0;
-  const userConfigurationPersistence = useUserConfigurationPersistence();
-  const t1 = collection ?? view;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = /* @__PURE__ */ jsx(IconForView, { collectionOrView: t1 });
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const collectionIcon = t2;
-  const navigate = useNavigate();
-  const context = useRebaseContext();
-  let t3;
-  if ($[2] !== userConfigurationPersistence?.favouritePaths) {
-    t3 = userConfigurationPersistence?.favouritePaths ?? [];
-    $[2] = userConfigurationPersistence?.favouritePaths;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== slug || $[5] !== t3) {
-    t4 = t3.includes(slug);
-    $[4] = slug;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const favourite = t4;
-  let t5;
-  if ($[7] !== favourite || $[8] !== slug || $[9] !== userConfigurationPersistence) {
-    t5 = userConfigurationPersistence ? [/* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (favourite) {
-        userConfigurationPersistence.setFavouritePaths(userConfigurationPersistence.favouritePaths.filter((p) => p !== slug));
-      } else {
-        userConfigurationPersistence.setFavouritePaths([...userConfigurationPersistence.favouritePaths, slug]);
-      }
-    }, children: /* @__PURE__ */ jsx(StarIcon, { className: favourite ? "text-secondary" : "text-surface-400 dark:text-surface-500" }) }, "favourite")] : [];
-    $[7] = favourite;
-    $[8] = slug;
-    $[9] = userConfigurationPersistence;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  const actionsArray = t5;
-  let t6;
-  if ($[11] !== collection || $[12] !== context || $[13] !== slug) {
-    t6 = {
-      slug,
-      collection,
-      context
-    };
-    $[11] = collection;
-    $[12] = context;
-    $[13] = slug;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  const pluginCardActions = useSlot("home.collection.actions", t6);
-  let t7;
-  if ($[15] !== collection || $[16] !== context || $[17] !== slug) {
-    t7 = {
-      slug,
-      collection,
-      context
-    };
-    $[15] = collection;
-    $[16] = context;
-    $[17] = slug;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  const pluginCardInsights = useSlot("home.card.insight", t7);
-  let t8;
-  if ($[19] !== actionsArray || $[20] !== pluginCardActions) {
-    t8 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      actionsArray,
-      pluginCardActions
-    ] });
-    $[19] = actionsArray;
-    $[20] = pluginCardActions;
-    $[21] = t8;
-  } else {
-    t8 = $[21];
-  }
-  const actions = t8;
-  let t9;
-  if ($[22] !== pluginCardInsights) {
-    t9 = pluginCardInsights.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: pluginCardInsights }) : void 0;
-    $[22] = pluginCardInsights;
-    $[23] = t9;
-  } else {
-    t9 = $[23];
-  }
-  let t10;
-  if ($[24] !== navigate || $[25] !== onClick || $[26] !== slug || $[27] !== url || $[28] !== userConfigurationPersistence) {
-    t10 = () => {
-      onClick?.();
-      navigate(url);
-      if (userConfigurationPersistence) {
-        userConfigurationPersistence.setRecentlyVisitedPaths([slug, ...(userConfigurationPersistence.recentlyVisitedPaths ?? []).filter((p_0) => p_0 !== slug)]);
-      }
-    };
-    $[24] = navigate;
-    $[25] = onClick;
-    $[26] = slug;
-    $[27] = url;
-    $[28] = userConfigurationPersistence;
-    $[29] = t10;
-  } else {
-    t10 = $[29];
-  }
-  let t11;
-  if ($[30] !== actions || $[31] !== collectionIcon || $[32] !== description || $[33] !== name || $[34] !== shrink || $[35] !== t10 || $[36] !== t9) {
-    t11 = /* @__PURE__ */ jsx(NavigationCard, { icon: collectionIcon, name, description, actions, additionalContent: t9, onClick: t10, shrink });
-    $[30] = actions;
-    $[31] = collectionIcon;
-    $[32] = description;
-    $[33] = name;
-    $[34] = shrink;
-    $[35] = t10;
-    $[36] = t9;
-    $[37] = t11;
-  } else {
-    t11 = $[37];
-  }
-  return t11;
-}
-const animateLayoutChanges = (args) => defaultAnimateLayoutChanges({
-  ...args,
-  wasDragging: true
-});
-const dropAnimationConfig = {};
-const cloneSerializableNavigationEntry = (entry) => {
-  const clonedEntry = {
-    id: entry.id,
-    slug: entry.slug,
-    url: entry.url,
-    name: entry.name,
-    type: entry.type,
-    collection: entry.collection ? {
-      ...entry.collection
-    } : void 0,
-    view: entry.view ? {
-      ...entry.view
-    } : void 0,
-    ...entry.group && {
-      group: entry.group
-    },
-    ...entry.description && {
-      description: entry.description
-    }
-  };
-  return clonedEntry;
-};
-const cloneItemsForDnd = (items) => items.map((g) => ({
-  name: g.name,
-  entries: g.entries.map(cloneSerializableNavigationEntry)
-}));
-function SortableNavigationCard(t0) {
-  const $ = c(17);
-  const {
-    entry,
-    onClick
-  } = t0;
-  let t1;
-  if ($[0] !== entry.url) {
-    t1 = {
-      id: entry.url,
-      animateLayoutChanges
-    };
-    $[0] = entry.url;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    setNodeRef,
-    listeners,
-    attributes,
-    transform,
-    transition,
-    isDragging
-  } = useSortable(t1);
-  let t2;
-  if ($[2] !== transform) {
-    t2 = transform ? CSS.Transform.toString(transform) : void 0;
-    $[2] = transform;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const t3 = isDragging ? 0 : 1;
-  let t4;
-  if ($[4] !== t2 || $[5] !== t3 || $[6] !== transition) {
-    t4 = {
-      transform: t2,
-      transition,
-      opacity: t3
-    };
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = transition;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  const style = t4;
-  let t5;
-  if ($[8] !== entry || $[9] !== onClick) {
-    t5 = /* @__PURE__ */ jsx(NavigationCardBinding, { ...entry, onClick });
-    $[8] = entry;
-    $[9] = onClick;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== attributes || $[12] !== listeners || $[13] !== setNodeRef || $[14] !== style || $[15] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children: t5 });
-    $[11] = attributes;
-    $[12] = listeners;
-    $[13] = setNodeRef;
-    $[14] = style;
-    $[15] = t5;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  return t6;
-}
-function NavigationGroupDroppable(t0) {
-  const $ = c(11);
-  const {
-    id,
-    itemIds,
-    children,
-    isPotentialCardDropTarget: t1
-  } = t0;
-  const isPotentialCardDropTarget = t1 === void 0 ? false : t1;
-  let t2;
-  if ($[0] !== id) {
-    t2 = {
-      id
-    };
-    $[0] = id;
-    $[1] = t2;
-  } else {
-    t2 = $[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] !== t3) {
-    t4 = cls(t3, "transition-all duration-200 ease-in-out");
-    $[2] = t3;
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] !== children || $[5] !== itemIds) {
-    t5 = /* @__PURE__ */ jsx(SortableContext, { items: itemIds, strategy: rectSortingStrategy, children });
-    $[4] = children;
-    $[5] = itemIds;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  let t6;
-  if ($[7] !== setNodeRef || $[8] !== t4 || $[9] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, className: t4, children: t5 });
-    $[7] = setNodeRef;
-    $[8] = t4;
-    $[9] = t5;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  return t6;
-}
-function SortableNavigationGroup(t0) {
-  const $ = c(15);
-  const {
-    groupName,
-    children,
-    disabled
-  } = t0;
-  let t1;
-  if ($[0] !== disabled || $[1] !== groupName) {
-    t1 = {
-      id: groupName,
-      animateLayoutChanges,
-      disabled
-    };
-    $[0] = disabled;
-    $[1] = groupName;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging
-  } = useSortable(t1);
-  let t2;
-  if ($[3] !== transform) {
-    t2 = transform ? CSS.Transform.toString(transform) : void 0;
-    $[3] = transform;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const t3 = isDragging ? 0 : 1;
-  let t4;
-  if ($[5] !== t2 || $[6] !== t3 || $[7] !== transition) {
-    t4 = {
-      transform: t2,
-      transition,
-      opacity: t3
-    };
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = transition;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  const style = t4;
-  let t5;
-  if ($[9] !== attributes || $[10] !== children || $[11] !== listeners || $[12] !== setNodeRef || $[13] !== style) {
-    t5 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children });
-    $[9] = attributes;
-    $[10] = children;
-    $[11] = listeners;
-    $[12] = setNodeRef;
-    $[13] = style;
-    $[14] = t5;
-  } else {
-    t5 = $[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 $ = c(15);
-  const {
-    disabled,
-    setIsHovering
-  } = t0;
-  let t1;
-  if ($[0] !== disabled) {
-    t1 = {
-      id: "new-group-drop-zone",
-      disabled
-    };
-    $[0] = disabled;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const {
-    setNodeRef,
-    isOver
-  } = useDroppable(t1);
-  const [isVisible, setIsVisible] = useState(false);
-  let t2;
-  if ($[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] = disabled;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  useDndMonitor(t2);
-  let t3;
-  let t4;
-  if ($[4] !== isOver || $[5] !== isVisible || $[6] !== setIsHovering) {
-    t3 = () => {
-      setIsHovering(isOver && isVisible);
-    };
-    t4 = [isOver, isVisible, setIsHovering];
-    $[4] = isOver;
-    $[5] = isVisible;
-    $[6] = setIsHovering;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t3 = $[7];
-    t4 = $[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 ($[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);
-    $[9] = t5;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  let t7;
-  if ($[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" }) });
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  let t8;
-  if ($[12] !== setNodeRef || $[13] !== t6) {
-    t8 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, className: t6, children: t7 });
-    $[12] = setNodeRef;
-    $[13] = t6;
-    $[14] = t8;
-  } else {
-    t8 = $[14];
-  }
-  return t8;
-}
-function RenameGroupDialog(t0) {
-  const $ = c(56);
-  const {
-    open,
-    initialName,
-    existingGroupNames,
-    onClose,
-    onRename
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  const [name, setName] = useState(initialName);
-  const [error, setError] = useState(null);
-  const inputRef = useRef(null);
-  let t1;
-  let t2;
-  if ($[0] !== initialName || $[1] !== open) {
-    t1 = () => {
-      if (open) {
-        setName(initialName);
-        setError(null);
-        setTimeout(() => {
-          if (inputRef.current) {
-            inputRef.current.focus();
-            inputRef.current.select();
-          }
-        }, 100);
-      }
-    };
-    t2 = [initialName, open];
-    $[0] = initialName;
-    $[1] = open;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    t1 = $[2];
-    t2 = $[3];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[4] !== existingGroupNames || $[5] !== t) {
-    t3 = (event) => {
-      const newName = event.target.value;
-      setName(newName);
-      if (!newName.trim()) {
-        setError(t("group_name_empty_error"));
-      } else {
-        if (existingGroupNames.includes(newName.trim())) {
-          setError(t("group_name_exists_error"));
-        } else {
-          setError(null);
-        }
-      }
-    };
-    $[4] = existingGroupNames;
-    $[5] = t;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const handleNameChange = t3;
-  let t4;
-  if ($[7] !== error || $[8] !== existingGroupNames || $[9] !== name || $[10] !== onClose || $[11] !== onRename || $[12] !== t) {
-    t4 = () => {
-      const trimmedName = name.trim();
-      if (!trimmedName) {
-        setError(t("group_name_empty_error"));
-        return;
-      }
-      if (existingGroupNames.includes(trimmedName)) {
-        setError(t("group_name_exists_error"));
-        return;
-      }
-      if (!error) {
-        onRename(trimmedName);
-        onClose();
-      }
-    };
-    $[7] = error;
-    $[8] = existingGroupNames;
-    $[9] = name;
-    $[10] = onClose;
-    $[11] = onRename;
-    $[12] = t;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  const handleSave = t4;
-  let t5;
-  if ($[14] !== existingGroupNames || $[15] !== handleSave || $[16] !== name || $[17] !== t) {
-    t5 = (event_0) => {
-      if (event_0.key === "Enter") {
-        event_0.preventDefault();
-        const trimmedName_0 = name.trim();
-        let currentError = null;
-        if (!trimmedName_0) {
-          currentError = t("group_name_empty_error");
-        } else {
-          if (existingGroupNames.includes(trimmedName_0)) {
-            currentError = t("group_name_exists_error");
-          }
-        }
-        if (!currentError && trimmedName_0) {
-          handleSave();
-        } else {
-          if (currentError) {
-            setError(currentError);
-          }
-        }
-      }
-    };
-    $[14] = existingGroupNames;
-    $[15] = handleSave;
-    $[16] = name;
-    $[17] = t;
-    $[18] = t5;
-  } else {
-    t5 = $[18];
-  }
-  const handleKeyDown = t5;
-  if (!open) {
-    return null;
-  }
-  let t6;
-  if ($[19] !== t) {
-    t6 = t("rename_group");
-    $[19] = t;
-    $[20] = t6;
-  } else {
-    t6 = $[20];
-  }
-  let t7;
-  if ($[21] !== t6) {
-    t7 = /* @__PURE__ */ jsx(DialogTitle, { children: t6 });
-    $[21] = t6;
-    $[22] = t7;
-  } else {
-    t7 = $[22];
-  }
-  let t8;
-  if ($[23] !== t) {
-    t8 = t("group_name_label");
-    $[23] = t;
-    $[24] = t8;
-  } else {
-    t8 = $[24];
-  }
-  const t9 = !!error;
-  const t10 = error ? "group-name-error" : void 0;
-  let t11;
-  if ($[25] !== handleKeyDown || $[26] !== handleNameChange || $[27] !== name || $[28] !== t10 || $[29] !== t8 || $[30] !== t9) {
-    t11 = /* @__PURE__ */ jsx(TextField, { inputRef, label: t8, value: name, onChange: handleNameChange, onKeyDown: handleKeyDown, error: t9, "aria-describedby": t10 });
-    $[25] = handleKeyDown;
-    $[26] = handleNameChange;
-    $[27] = name;
-    $[28] = t10;
-    $[29] = t8;
-    $[30] = t9;
-    $[31] = t11;
-  } else {
-    t11 = $[31];
-  }
-  let t12;
-  if ($[32] !== error) {
-    t12 = error && /* @__PURE__ */ jsx("p", { id: "group-name-error", style: {
-      display: "none"
-    }, children: error });
-    $[32] = error;
-    $[33] = t12;
-  } else {
-    t12 = $[33];
-  }
-  let t13;
-  if ($[34] !== t11 || $[35] !== t12) {
-    t13 = /* @__PURE__ */ jsxs(DialogContent, { children: [
-      t11,
-      t12
-    ] });
-    $[34] = t11;
-    $[35] = t12;
-    $[36] = t13;
-  } else {
-    t13 = $[36];
-  }
-  let t14;
-  if ($[37] !== t) {
-    t14 = t("cancel");
-    $[37] = t;
-    $[38] = t14;
-  } else {
-    t14 = $[38];
-  }
-  let t15;
-  if ($[39] !== onClose || $[40] !== t14) {
-    t15 = /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "text", children: t14 });
-    $[39] = onClose;
-    $[40] = t14;
-    $[41] = t15;
-  } else {
-    t15 = $[41];
-  }
-  const t16 = !!error || !name.trim();
-  let t17;
-  if ($[42] !== t) {
-    t17 = t("save");
-    $[42] = t;
-    $[43] = t17;
-  } else {
-    t17 = $[43];
-  }
-  let t18;
-  if ($[44] !== handleSave || $[45] !== t16 || $[46] !== t17) {
-    t18 = /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: t16, children: t17 });
-    $[44] = handleSave;
-    $[45] = t16;
-    $[46] = t17;
-    $[47] = t18;
-  } else {
-    t18 = $[47];
-  }
-  let t19;
-  if ($[48] !== t15 || $[49] !== t18) {
-    t19 = /* @__PURE__ */ jsxs(DialogActions, { children: [
-      t15,
-      t18
-    ] });
-    $[48] = t15;
-    $[49] = t18;
-    $[50] = t19;
-  } else {
-    t19 = $[50];
-  }
-  let t20;
-  if ($[51] !== open || $[52] !== t13 || $[53] !== t19 || $[54] !== t7) {
-    t20 = /* @__PURE__ */ jsxs(Dialog, { open, children: [
-      t7,
-      t13,
-      t19
-    ] });
-    $[51] = open;
-    $[52] = t13;
-    $[53] = t19;
-    $[54] = t7;
-    $[55] = t20;
-  } else {
-    t20 = $[55];
-  }
-  return t20;
-}
-const DEFAULT_GROUP_NAME = "Views";
-const ADMIN_GROUP_NAME = "Admin";
-function ContentHomePage({
-  additionalActions,
-  additionalChildrenStart,
-  additionalChildrenEnd,
-  sections,
-  hiddenGroups
-}) {
-  const context = useCMSContext();
-  const {
-    navigationStateController
-  } = context;
-  const customizationController = useCustomizationController();
-  const adminModeController = useAdminModeController();
-  const isStudioMode = adminModeController.mode === "studio";
-  const {
-    resolvedSlots
-  } = customizationController;
-  const breadcrumbs = useBreadcrumbsController();
-  const {
-    t
-  } = useTranslation();
-  useEffect(() => {
-    breadcrumbs.set({
-      breadcrumbs: []
-    });
-  }, [breadcrumbs.set]);
-  const {
-    allowDragAndDrop = false,
-    navigationEntries: unFilteredNavigationEntries = [],
-    groups: unFilteredGroupOrder = [],
-    onNavigationEntriesUpdate = () => {
-    }
-  } = navigationStateController.topLevelNavigation || {};
-  const rawNavigationEntries = useMemo(() => {
-    return unFilteredNavigationEntries.filter((e) => {
-      const isStudioGroup = e.group ? STUDIO_NAVIGATION_GROUPS.includes(e.group) : false;
-      return isStudioMode ? isStudioGroup : !isStudioGroup;
-    });
-  }, [unFilteredNavigationEntries, isStudioMode]);
-  const groupOrderFromNavController = useMemo(() => {
-    return unFilteredGroupOrder.filter((g) => {
-      const isStudioGroup_0 = STUDIO_NAVIGATION_GROUPS.includes(g);
-      return isStudioMode ? isStudioGroup_0 : !isStudioGroup_0;
-    });
-  }, [unFilteredGroupOrder, isStudioMode]);
-  const fuse = useRef(null);
-  const [filteredUrls, setFilteredUrls] = useState(null);
-  const performingSearch = Boolean(filteredUrls);
-  const filteredNavigationEntries = useMemo(() => {
-    return filteredUrls ? rawNavigationEntries.filter((e_0) => filteredUrls.includes(e_0.url)) : rawNavigationEntries;
-  }, [filteredUrls, rawNavigationEntries]);
-  useEffect(() => {
-    fuse.current = new Fuse(rawNavigationEntries, {
-      keys: ["name", "description", "group", "path"]
-    });
-  }, [rawNavigationEntries]);
-  const updateSearch = useCallback((v) => {
-    if (!v?.trim()) {
-      setFilteredUrls(null);
-      return;
-    }
-    const results = fuse.current?.search(v.trim());
-    setFilteredUrls(results ? results.map((x) => x.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_1) => {
-      const g_0 = e_1.type === "admin" ? ADMIN_GROUP_NAME : e_1.group ?? DEFAULT_GROUP_NAME;
-      (entriesByGroup[g_0] ??= []).push(e_1);
-    });
-    const hasPluginAdditionalCards = customizationController.resolvedSlots.some((s) => s.slot === "home.cards");
-    let allProcessed;
-    if (performingSearch) {
-      const ordered = [...new Set(src.map((e_2) => e_2.group ?? DEFAULT_GROUP_NAME))];
-      allProcessed = ordered.map((name) => ({
-        name,
-        entries: entriesByGroup[name] || []
-      })).filter((g_1) => g_1.entries.length);
-    } else {
-      allProcessed = groupOrderFromNavController.map((g_2) => ({
-        name: g_2,
-        entries: entriesByGroup[g_2] || []
-      }));
-      Object.keys(entriesByGroup).forEach((g_3) => {
-        if (!groupOrderFromNavController.includes(g_3)) allProcessed.push({
-          name: g_3,
-          entries: entriesByGroup[g_3]
-        });
-      });
-      if (hasPluginAdditionalCards && !allProcessed.some((g_4) => g_4.name === DEFAULT_GROUP_NAME)) {
-        allProcessed.push({
-          name: DEFAULT_GROUP_NAME,
-          entries: []
-        });
-      }
-      allProcessed = allProcessed.filter((g_5) => g_5.entries.length || g_5.name === DEFAULT_GROUP_NAME && hasPluginAdditionalCards);
-    }
-    const admin = allProcessed.find((g_6) => g_6.name === ADMIN_GROUP_NAME);
-    return {
-      adminGroupData: admin || null,
-      items: allProcessed.filter((g_7) => g_7.name !== ADMIN_GROUP_NAME && !hiddenGroups?.includes(g_7.name))
-    };
-  }, [filteredNavigationEntries, performingSearch, groupOrderFromNavController, customizationController.resolvedSlots, hiddenGroups]);
-  useEffect(() => {
-    if (isDndDirtyRef.current) {
-      return;
-    }
-    setAdminGroupData(processedGroups.adminGroupData);
-    setItems(processedGroups.items);
-  }, [processedGroups]);
-  const updateItems = (updater) => {
-    setItems(updater);
-  };
-  const persistNavigationGroups = (latest) => {
-    isDndDirtyRef.current = true;
-    if (dndDirtyTimeoutRef.current) {
-      clearTimeout(dndDirtyTimeoutRef.current);
-    }
-    dndDirtyTimeoutRef.current = setTimeout(() => {
-      isDndDirtyRef.current = false;
-    }, 1e3);
-    const draggable = latest.map((g_8) => ({
-      name: g_8.name,
-      entries: g_8.entries.map((e_3) => e_3.slug)
-    }));
-    const all = adminGroupData ? [...draggable, {
-      name: adminGroupData.name,
-      entries: adminGroupData.entries.map((e_4) => e_4.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_9) => context.analyticsController?.onAnalyticsEvent?.("home_move_group", {
-      name: g_9
-    }),
-    onCardMovedBetweenGroups: (card) => context.analyticsController?.onAnalyticsEvent?.("home_move_card", {
-      id: card.id
-    }),
-    onNewGroupDrop: () => context.analyticsController?.onAnalyticsEvent?.("home_drop_new_group")
-  });
-  const {
-    containerRef,
-    direction
-  } = useRestoreScroll();
-  const dndDisabled = !allowDragAndDrop || performingSearch;
-  const dndModifiers = dndKitActiveNode?.data.current?.type === "group" ? [restrictToVerticalAxis, restrictToWindowEdges] : [restrictToWindowEdges];
-  const sectionProps = {
-    context
-  };
-  const additionalPluginChildrenStart = useSlot("home.children.start", sectionProps);
-  const additionalPluginChildrenEnd = useSlot("home.children.end", sectionProps);
-  const additionalPluginActions = useSlot("home.actions", sectionProps);
-  const homeCardContributions = useMemo(() => {
-    return resolvedSlots.filter((s_0) => s_0.slot === "home.cards").sort((a, b) => (a.order ?? 50) - (b.order ?? 50));
-  }, [resolvedSlots]);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "py-2 overflow-auto h-full w-full dark:bg-surface-800", 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: t("search_collections"), autoFocus: true, size: "small", innerClassName: "w-full", className: "w-full grow" }),
-        additionalActions,
-        additionalPluginActions
-      ] }),
-      /* @__PURE__ */ jsx(FavouritesView, { hidden: performingSearch }),
-      additionalChildrenStart,
-      additionalPluginChildrenStart,
-      /* @__PURE__ */ jsxs(DndContext, { sensors, collisionDetection, measuring: {
-        droppable: {
-          strategy: MeasuringStrategy.Always,
-          frequency: 500
-        }
-      }, onDragStart, onDragOver, onDragEnd, onDragCancel, modifiers: dndModifiers, children: [
-        /* @__PURE__ */ jsx(SortableContext, { items: containers, strategy: verticalListSortingStrategy, children: items.map((groupData, groupIndex) => {
-          const groupKey = groupData.name;
-          const entriesInGroup = groupData.entries;
-          const homeCardsProps = {
-            group: groupKey === DEFAULT_GROUP_NAME ? void 0 : groupKey,
-            context
-          };
-          const additionalCards = homeCardContributions.map((s_1, 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_5) => e_5.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_10) => g_10.name).filter((n) => n !== dialogOpenForGroup), onClose: handleDialogClose, onRename: (newName) => {
-      handleRenameGroup(dialogOpenForGroup, newName);
-    } })
-  ] });
-}
-export {
-  ADMIN_GROUP_NAME,
-  ContentHomePage,
-  DEFAULT_GROUP_NAME
-};
-//# sourceMappingURL=ContentHomePage-CDF_a6Lp.js.map