@rebasepro/admin 0.0.1-canary.4f204c2

package/dist/ContentHomePage-CDF_a6Lp.js

@@ -0,0 +1,1786 @@
+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