alinea 2.0.0-preview.12 → 2.0.0-preview.13

package/dist/dashboard/app/ExplorerBatchActions.js

@@ -9,30 +9,30 @@ import {
 import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/ExplorerBatchActions.tsx
-import { Button, PageFooter, Text, Toolbar } from "alinea/components";
+import { Button, Toolbar } from "alinea/components";
+import { loadMoveTargetsAtom } from "alinea/dashboard/atoms/move";
 import {
   archiveEntriesAtom,
   deleteEntriesAtom,
-  loadDeletePlanAtom
-} from "alinea/dashboard/atoms/delete";
-import { loadMoveTargetsAtom } from "alinea/dashboard/atoms/move";
+  loadRemovePlanAtom
+} from "alinea/dashboard/atoms/remove";
 import { useState, useTransition } from "react";
 import { IcRoundClose, IcRoundDelete, IcRoundDriveFileMove } from "../icons.js";
-import { DeleteDialog } from "./DeleteDialog.js";
 
 // src/dashboard/app/ExplorerBatchActions.module.css
 var ExplorerBatchActions_default = {
-  "ExplorerBatchActionBar-toolbar": "alinea-ExplorerBatchActionBar-toolbar",
-  "ExplorerBatchActionBarToolbar": "alinea-ExplorerBatchActionBar-toolbar",
   "ExplorerBatchActionBar-count": "alinea-ExplorerBatchActionBar-count",
   "ExplorerBatchActionBarCount": "alinea-ExplorerBatchActionBar-count",
   "ExplorerBatchActionBar": "alinea-ExplorerBatchActionBar",
-  "ExplorerBatchActionBar-actions": "alinea-ExplorerBatchActionBar-actions",
-  "ExplorerBatchActionBarActions": "alinea-ExplorerBatchActionBar-actions"
+  "ExplorerBatchActionBar-divider": "alinea-ExplorerBatchActionBar-divider",
+  "ExplorerBatchActionBarDivider": "alinea-ExplorerBatchActionBar-divider",
+  "ExplorerBatchActionBar-action": "alinea-ExplorerBatchActionBar-action",
+  "ExplorerBatchActionBarAction": "alinea-ExplorerBatchActionBar-action"
 };
 
 // src/dashboard/app/ExplorerBatchActions.tsx
 import { MoveDialog } from "./MoveDialog.js";
+import { RemoveDialog } from "./RemoveDialog.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var styles = dist_default(ExplorerBatchActions_default);
 function ExplorerBatchActions({ explorer }) {
@@ -40,7 +40,7 @@ function ExplorerBatchActions({ explorer }) {
     explorer.selectionActions
   );
   const clearSelection = useSetAtom(explorer.clearSelection);
-  const loadDeletePlan = useSetAtom(loadDeletePlanAtom);
+  const loadRemovePlan = useSetAtom(loadRemovePlanAtom);
   const deleteEntries = useSetAtom(deleteEntriesAtom);
   const archiveEntries = useSetAtom(archiveEntriesAtom);
   const loadMoveTargets = useSetAtom(loadMoveTargetsAtom);
@@ -55,7 +55,7 @@ function ExplorerBatchActions({ explorer }) {
   }
   function openDeleteDialog() {
     startTransition(async () => {
-      setDeletePlan(await loadDeletePlan(items));
+      setDeletePlan(await loadRemovePlan(items));
     });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -80,8 +80,9 @@ function ExplorerBatchActions({ explorer }) {
       }
     ),
     /* @__PURE__ */ jsx(
-      DeleteDialog,
+      RemoveDialog,
       {
+        action: "delete",
         plan: deletePlan,
         onClose: () => setDeletePlan(void 0),
         onConfirm: async (plan) => {
@@ -105,12 +106,60 @@ function ExplorerBatchActionBar({
   onDelete,
   onMove
 }) {
-  return /* @__PURE__ */ jsx(PageFooter, { className: styles.ExplorerBatchActionBar(), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(
     Toolbar,
     {
       "aria-label": "Selected entries",
-      className: styles.ExplorerBatchActionBar.toolbar(),
+      className: styles.ExplorerBatchActionBar(),
       children: [
+        /* @__PURE__ */ jsxs("span", { className: styles.ExplorerBatchActionBar.count(), children: [
+          count,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsx(
+          ExplorerBatchAction,
+          {
+            reason: canMove ? void 0 : "Not all selected entries can be moved",
+            children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: IcRoundDriveFileMove,
+                size: "sm",
+                variant: "ghost",
+                disabled: isPending || !canMove,
+                loading: isPending,
+                onClick: onMove,
+                children: "Move to\u2026"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ExplorerBatchAction,
+          {
+            reason: canDelete ? void 0 : "Not all selected entries can be deleted",
+            children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "destructive",
+                icon: IcRoundDelete,
+                size: "sm",
+                variant: "ghost",
+                disabled: isPending || !canDelete,
+                loading: isPending,
+                onClick: onDelete,
+                children: "Delete"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: styles.ExplorerBatchActionBar.divider()
+          }
+        ),
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -120,37 +169,13 @@ function ExplorerBatchActionBar({
             variant: "ghost",
             onClick: onClear
           }
-        ),
-        /* @__PURE__ */ jsxs(Text, { className: styles.ExplorerBatchActionBar.count(), children: [
-          count,
-          " selected"
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: styles.ExplorerBatchActionBar.actions(), children: [
-          canMove && /* @__PURE__ */ jsx(
-            Button,
-            {
-              icon: IcRoundDriveFileMove,
-              disabled: isPending,
-              loading: isPending,
-              onClick: onMove,
-              children: "Move to\u2026"
-            }
-          ),
-          canDelete && /* @__PURE__ */ jsx(
-            Button,
-            {
-              color: "destructive",
-              icon: IcRoundDelete,
-              disabled: isPending,
-              loading: isPending,
-              onClick: onDelete,
-              children: "Delete"
-            }
-          )
-        ] })
+        )
       ]
     }
-  ) });
+  );
+}
+function ExplorerBatchAction({ reason, children }) {
+  return /* @__PURE__ */ jsx("span", { className: styles.ExplorerBatchActionBar.action(), title: reason, children });
 }
 export {
   ExplorerBatchActionBar,

package/dist/dashboard/app/ExplorerCards.js

@@ -23,6 +23,7 @@ import { hasPreviewImage } from "alinea/core/media/Pdf";
 import { memo, startTransition } from "react";
 import { configAtom } from "../atoms/core.js";
 import { IcTwotoneDescription, IcTwotoneFolder } from "../icons.js";
+import { EntryStatusIcon, entryStatus } from "./EntryStatusIcon.js";
 import { fileKindVisual } from "./FileKind.js";
 
 // src/dashboard/app/ExplorerCards.module.css
@@ -55,10 +56,13 @@ var ExplorerCardItem = memo(function ExplorerCardItem2({
   }
   const file = useAtomValueRaw(data.fileInfo);
   const thumbnail = useAtomValueRaw(data.thumbnail);
+  const status = entryStatus(useAtomValueRaw(data.item));
+  const suffix = status && /* @__PURE__ */ jsx(EntryStatusIcon, { status });
   const card = file ? {
     variant: "media",
     ...file.preview && file.extension && hasPreviewImage(file.extension) ? { image: file.preview, color: file.averageColor } : fileKindVisual(file.extension),
     title: label,
+    suffix,
     description: formatExtension(file.extension),
     details: formatFileDetails(file)
   } : thumbnail ? {
@@ -66,18 +70,20 @@ var ExplorerCardItem = memo(function ExplorerCardItem2({
     image: thumbnail.preview,
     color: thumbnail.averageColor,
     title: label,
+    suffix,
     description: type.label
   } : {
     // Like the tree and table, only entries with children are folders
     icon: icon ?? (hasChildren ? IcTwotoneFolder : IcTwotoneDescription),
     title: label,
+    suffix,
     description: type.label
   };
   return /* @__PURE__ */ jsx(
     ContentGridItem,
     {
       id: entry.id,
-      textValue: label,
+      textValue: status ? `${label} ${status.label}` : label,
       selectable: isSelectable,
       onAction: hasAction ? onAction : void 0,
       onClick: isSelectable && onPick ? () => onPick(entry) : void 0,

package/dist/dashboard/app/ExplorerControls.js

@@ -20,17 +20,17 @@ import {
 
 // src/dashboard/app/ExplorerControls.module.css
 var ExplorerControls_default = {
-  "ExplorerControls-reset": "alinea-ExplorerControls-reset",
-  "ExplorerControlsReset": "alinea-ExplorerControls-reset",
+  "ExplorerControls": "alinea-ExplorerControls",
   "ExplorerControls-sortOption": "alinea-ExplorerControls-sortOption",
   "ExplorerControlsSortOption": "alinea-ExplorerControls-sortOption",
+  "ExplorerControls-reset": "alinea-ExplorerControls-reset",
+  "ExplorerControlsReset": "alinea-ExplorerControls-reset",
   "ExplorerControls-label": "alinea-ExplorerControls-label",
   "ExplorerControlsLabel": "alinea-ExplorerControls-label",
-  "ExplorerControls": "alinea-ExplorerControls",
-  "ExplorerControls-filterOptions": "alinea-ExplorerControls-filterOptions",
-  "ExplorerControlsFilterOptions": "alinea-ExplorerControls-filterOptions",
   "ExplorerControls-section": "alinea-ExplorerControls-section",
-  "ExplorerControlsSection": "alinea-ExplorerControls-section"
+  "ExplorerControlsSection": "alinea-ExplorerControls-section",
+  "ExplorerControls-filterOptions": "alinea-ExplorerControls-filterOptions",
+  "ExplorerControlsFilterOptions": "alinea-ExplorerControls-filterOptions"
 };
 
 // src/dashboard/app/ExplorerControls.tsx

package/dist/dashboard/app/ExplorerList.js

@@ -37,15 +37,15 @@ import { ExplorerCards } from "./ExplorerCards.js";
 
 // src/dashboard/app/ExplorerList.module.css
 var ExplorerList_default = {
-  "ExplorerList": "alinea-ExplorerList",
-  "ExplorerList-drag-preview-label": "alinea-ExplorerList-drag-preview-label",
-  "ExplorerListDragPreviewLabel": "alinea-ExplorerList-drag-preview-label",
   "ExplorerList-drag-preview": "alinea-ExplorerList-drag-preview",
   "ExplorerListDragPreview": "alinea-ExplorerList-drag-preview",
+  "ExplorerList-empty": "alinea-ExplorerList-empty",
+  "ExplorerListEmpty": "alinea-ExplorerList-empty",
   "ExplorerList-empty-button": "alinea-ExplorerList-empty-button",
   "ExplorerListEmptyButton": "alinea-ExplorerList-empty-button",
-  "ExplorerList-empty": "alinea-ExplorerList-empty",
-  "ExplorerListEmpty": "alinea-ExplorerList-empty"
+  "ExplorerList-drag-preview-label": "alinea-ExplorerList-drag-preview-label",
+  "ExplorerListDragPreviewLabel": "alinea-ExplorerList-drag-preview-label",
+  "ExplorerList": "alinea-ExplorerList"
 };
 
 // src/dashboard/app/ExplorerList.tsx

package/dist/dashboard/app/ExplorerModal.js

@@ -12,10 +12,10 @@ import { Suspense } from "react";
 var ExplorerModal_default = {
   "ExplorerModal": "alinea-ExplorerModal",
   "ExplorerModalContent": "alinea-ExplorerModalContent",
+  "ExplorerModalFooter": "alinea-ExplorerModalFooter",
   "ExplorerModalNavigation": "alinea-ExplorerModalNavigation",
-  "ExplorerModalActions": "alinea-ExplorerModalActions",
   "ExplorerModalLoading": "alinea-ExplorerModalLoading",
-  "ExplorerModalFooter": "alinea-ExplorerModalFooter"
+  "ExplorerModalActions": "alinea-ExplorerModalActions"
 };
 
 // src/dashboard/app/ExplorerModal.tsx

package/dist/dashboard/app/ExplorerTable.js

@@ -21,23 +21,24 @@ import { startTransition, useMemo } from "react";
 import { configAtom } from "../atoms/core.js";
 import { titleColumn as overviewTitle } from "../atoms/overview.js";
 import { LucideFile, LucideFolder } from "../icons.js";
+import { EntryStatusIcon, entryStatus } from "./EntryStatusIcon.js";
 import { fileKindVisual } from "./FileKind.js";
 
 // src/dashboard/app/ExplorerTable.module.css
 var ExplorerTable_default = {
+  "is-compact": "alinea-is-compact",
+  "isCompact": "alinea-is-compact",
   "ExplorerTable-breadcrumb-root": "alinea-ExplorerTable-breadcrumb-root",
   "ExplorerTableBreadcrumbRoot": "alinea-ExplorerTable-breadcrumb-root",
+  "ExplorerTable-breadcrumb-label": "alinea-ExplorerTable-breadcrumb-label",
+  "ExplorerTableBreadcrumbLabel": "alinea-ExplorerTable-breadcrumb-label",
   "ExplorerTable-breadcrumbs": "alinea-ExplorerTable-breadcrumbs",
   "ExplorerTableBreadcrumbs": "alinea-ExplorerTable-breadcrumbs",
-  "ExplorerTable": "alinea-ExplorerTable",
   "ExplorerTable-viewport": "alinea-ExplorerTable-viewport",
   "ExplorerTableViewport": "alinea-ExplorerTable-viewport",
-  "ExplorerTable-breadcrumb-label": "alinea-ExplorerTable-breadcrumb-label",
-  "ExplorerTableBreadcrumbLabel": "alinea-ExplorerTable-breadcrumb-label",
-  "is-compact": "alinea-is-compact",
-  "isCompact": "alinea-is-compact",
   "ExplorerTable-breadcrumb": "alinea-ExplorerTable-breadcrumb",
-  "ExplorerTableBreadcrumb": "alinea-ExplorerTable-breadcrumb"
+  "ExplorerTableBreadcrumb": "alinea-ExplorerTable-breadcrumb",
+  "ExplorerTable": "alinea-ExplorerTable"
 };
 
 // src/dashboard/app/ExplorerTable.tsx
@@ -143,7 +144,8 @@ function ExplorerTableDisplayRow(props) {
     () => columns.map((column) => overviewCellText(config, column, item, links)),
     [columns, config, item, links]
   );
-  const textValue = [label, ...cellTexts].filter(Boolean).join(" ");
+  const status = entryStatus(item);
+  const textValue = [label, status?.label, ...cellTexts].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(
     TableRow,
     {
@@ -162,7 +164,8 @@ function ExplorerTableDisplayRow(props) {
           {
             icon,
             title: label,
-            label: breadcrumbs ? /* @__PURE__ */ jsx(ExplorerTableBreadcrumbs, { entries: parents, rootLabel }) : void 0
+            label: breadcrumbs ? /* @__PURE__ */ jsx(ExplorerTableBreadcrumbs, { entries: parents, rootLabel }) : void 0,
+            suffix: status && /* @__PURE__ */ jsx(EntryStatusIcon, { status })
           }
         ),
         !compact && columns.map((column, index) => /* @__PURE__ */ jsx(

package/dist/dashboard/app/ImageEditor.js

@@ -14,45 +14,45 @@ import { CroppedImage } from "./CroppedImage.js";
 
 // src/dashboard/app/ImageEditor.module.css
 var ImageEditor_default = {
-  "ImageEditor-crop": "alinea-ImageEditor-crop",
-  "ImageEditorCrop": "alinea-ImageEditor-crop",
-  "ImageEditor-crop-grid": "alinea-ImageEditor-crop-grid",
-  "ImageEditorCropGrid": "alinea-ImageEditor-crop-grid",
-  "ImageEditor-canvas": "alinea-ImageEditor-canvas",
-  "ImageEditorCanvas": "alinea-ImageEditor-canvas",
-  "is-n": "alinea-is-n",
-  "isN": "alinea-is-n",
-  "ImageEditor-aspect": "alinea-ImageEditor-aspect",
-  "ImageEditorAspect": "alinea-ImageEditor-aspect",
   "ImageEditor-size": "alinea-ImageEditor-size",
   "ImageEditorSize": "alinea-ImageEditor-size",
-  "ImageEditor-crop-handle": "alinea-ImageEditor-crop-handle",
-  "ImageEditorCropHandle": "alinea-ImageEditor-crop-handle",
-  "is-ne": "alinea-is-ne",
-  "isNe": "alinea-is-ne",
-  "ImageEditor-toolbar": "alinea-ImageEditor-toolbar",
-  "ImageEditorToolbar": "alinea-ImageEditor-toolbar",
+  "ImageEditor-shade": "alinea-ImageEditor-shade",
+  "ImageEditorShade": "alinea-ImageEditor-shade",
+  "is-n": "alinea-is-n",
+  "isN": "alinea-is-n",
+  "ImageEditor-canvas": "alinea-ImageEditor-canvas",
+  "ImageEditorCanvas": "alinea-ImageEditor-canvas",
+  "ImageEditor-image": "alinea-ImageEditor-image",
+  "ImageEditorImage": "alinea-ImageEditor-image",
+  "ImageEditor": "alinea-ImageEditor",
   "ImageEditor-shade-hole": "alinea-ImageEditor-shade-hole",
   "ImageEditorShadeHole": "alinea-ImageEditor-shade-hole",
-  "is-e": "alinea-is-e",
-  "isE": "alinea-is-e",
+  "ImageEditor-crop": "alinea-ImageEditor-crop",
+  "ImageEditorCrop": "alinea-ImageEditor-crop",
   "is-s": "alinea-is-s",
   "isS": "alinea-is-s",
   "is-w": "alinea-is-w",
   "isW": "alinea-is-w",
+  "is-ne": "alinea-is-ne",
+  "isNe": "alinea-is-ne",
+  "is-nw": "alinea-is-nw",
+  "isNw": "alinea-is-nw",
+  "is-sw": "alinea-is-sw",
+  "isSw": "alinea-is-sw",
+  "ImageEditor-crop-grid": "alinea-ImageEditor-crop-grid",
+  "ImageEditorCropGrid": "alinea-ImageEditor-crop-grid",
+  "is-e": "alinea-is-e",
+  "isE": "alinea-is-e",
+  "ImageEditor-toolbar": "alinea-ImageEditor-toolbar",
+  "ImageEditorToolbar": "alinea-ImageEditor-toolbar",
+  "ImageEditor-crop-handle": "alinea-ImageEditor-crop-handle",
+  "ImageEditorCropHandle": "alinea-ImageEditor-crop-handle",
+  "ImageEditor-aspect": "alinea-ImageEditor-aspect",
+  "ImageEditorAspect": "alinea-ImageEditor-aspect",
   "ImageEditor-stage": "alinea-ImageEditor-stage",
   "ImageEditorStage": "alinea-ImageEditor-stage",
-  "ImageEditor-image": "alinea-ImageEditor-image",
-  "ImageEditorImage": "alinea-ImageEditor-image",
   "is-se": "alinea-is-se",
-  "isSe": "alinea-is-se",
-  "is-sw": "alinea-is-sw",
-  "isSw": "alinea-is-sw",
-  "is-nw": "alinea-is-nw",
-  "isNw": "alinea-is-nw",
-  "ImageEditor-shade": "alinea-ImageEditor-shade",
-  "ImageEditorShade": "alinea-ImageEditor-shade",
-  "ImageEditor": "alinea-ImageEditor"
+  "isSe": "alinea-is-se"
 };
 
 // src/dashboard/app/ImageEditor.tsx

package/dist/dashboard/app/ImagePicker.js

@@ -1,5 +1,4 @@
 import {
-  useAtomValueRaw,
   useAtomValueRawSync,
   useSetAtom
 } from "../../chunks/chunk-D6UJHBJJ.js";
@@ -8,10 +7,8 @@ import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/ImagePicker.tsx
 import { useDialog } from "alinea/components";
-import { getRoot } from "alinea/core/Internal";
 import { Permission } from "alinea/core/Role";
 import { Suspense, startTransition } from "react";
-import { policyAtom } from "../atoms/user.js";
 import { useDashboardContext } from "../hooks.js";
 import { ExplorerHeader } from "./Explorer.js";
 import { ExplorerModal, ExplorerModalSuspense } from "./ExplorerModal.js";
@@ -38,17 +35,10 @@ function ImagePicker(options) {
 }
 function ImagePickerModalContent({ options }) {
   const modal = useDialog();
-  const { root, workspace } = useDashboardContext();
-  const policy = useAtomValueRaw(policyAtom);
-  const mediaRoot = Object.entries(workspace.roots).find(
-    ([key, value]) => policy.canExplore({ workspace: root.workspace, root: key }) && Boolean(getRoot(value).isMediaRoot)
-  )?.[0];
+  const { root } = useDashboardContext();
   const { explorer, tree } = usePickerExplorer(
-    { ...options, permission: Permission.Explore },
-    options.location ?? {
-      workspace: root.workspace,
-      root: mediaRoot ?? root.key
-    },
+    { ...options, media: true, permission: Permission.Explore },
+    options.location ?? { workspace: root.workspace, root: root.key },
     "card"
   );
   const explorerPage = useAtomValueRawSync(explorer.page);

package/dist/dashboard/app/LinkPicker.js

@@ -35,16 +35,15 @@ import {
 
 // src/dashboard/app/LinkPicker.module.css
 var LinkPicker_default = {
-  "LinkPickerCompact-footer": "alinea-LinkPickerCompact-footer",
-  "LinkPickerCompactFooter": "alinea-LinkPickerCompact-footer",
   "LinkPickerCompact": "alinea-LinkPickerCompact",
   "LinkPicker-popover": "alinea-LinkPicker-popover",
   "LinkPickerPopover": "alinea-LinkPicker-popover",
-  "LinkPickerCompact-header": "alinea-LinkPickerCompact-header",
-  "LinkPickerCompactHeader": "alinea-LinkPickerCompact-header"
+  "LinkPickerCompact-footer": "alinea-LinkPickerCompact-footer",
+  "LinkPickerCompactFooter": "alinea-LinkPickerCompact-footer"
 };
 
 // src/dashboard/app/LinkPicker.tsx
+import { SearchBar } from "./SearchBar.js";
 import {
   DashboardModal,
   DashboardModalCloseButton,
@@ -221,30 +220,33 @@ function LinkPickerCompact({
     popover.close();
   }
   return /* @__PURE__ */ jsxs("div", { className: styles.LinkPickerCompact(), children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.LinkPickerCompact.header(), children: [
-      /* @__PURE__ */ jsx(
-        ExplorerSearch,
-        {
-          autoFocus: true,
-          explorer,
-          onEntryAction: commitEntry,
-          page
-        }
-      ),
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(
-          TooltipTrigger,
+    /* @__PURE__ */ jsx(
+      SearchBar,
+      {
+        controls: /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(
+            TooltipTrigger,
+            {
+              "aria-label": "Expand entry picker",
+              variant: "ghost",
+              icon: IcRoundOpenInFull,
+              size: "icon-sm",
+              onClick: openExpanded
+            }
+          ),
+          /* @__PURE__ */ jsx(TooltipContent, { children: "Expand entry picker" })
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          ExplorerSearch,
           {
-            "aria-label": "Expand entry picker",
-            variant: "ghost",
-            icon: IcRoundOpenInFull,
-            size: "icon-lg",
-            onClick: openExpanded
+            autoFocus: true,
+            explorer,
+            onEntryAction: commitEntry,
+            page
           }
-        ),
-        /* @__PURE__ */ jsx(TooltipContent, { children: "Expand entry picker" })
-      ] })
-    ] }),
+        )
+      }
+    ),
     /* @__PURE__ */ jsx(
       ExplorerBody,
       {

package/dist/dashboard/app/LocaleMenu.js

@@ -21,16 +21,16 @@ import { IcRoundUnfoldMore } from "../icons.js";
 
 // src/dashboard/app/LocaleMenu.module.css
 var LocaleMenu_default = {
-  "LocaleMenu-label-fullName": "alinea-LocaleMenu-label-fullName",
-  "LocaleMenuLabelFullName": "alinea-LocaleMenu-label-fullName",
   "LocaleMenu-trigger-icon": "alinea-LocaleMenu-trigger-icon",
   "LocaleMenuTriggerIcon": "alinea-LocaleMenu-trigger-icon",
-  "LocaleMenu-trigger": "alinea-LocaleMenu-trigger",
-  "LocaleMenuTrigger": "alinea-LocaleMenu-trigger",
   "is-lg": "alinea-is-lg",
   "isLg": "alinea-is-lg",
   "LocaleMenu-label": "alinea-LocaleMenu-label",
   "LocaleMenuLabel": "alinea-LocaleMenu-label",
+  "LocaleMenu-label-fullName": "alinea-LocaleMenu-label-fullName",
+  "LocaleMenuLabelFullName": "alinea-LocaleMenu-label-fullName",
+  "LocaleMenu-trigger": "alinea-LocaleMenu-trigger",
+  "LocaleMenuTrigger": "alinea-LocaleMenu-trigger",
   "LocaleMenu-label-code": "alinea-LocaleMenu-label-code",
   "LocaleMenuLabelCode": "alinea-LocaleMenu-label-code"
 };

package/dist/dashboard/app/MediaPreviewCell.js

@@ -11,9 +11,9 @@ import { fileKindVisual } from "./FileKind.js";
 var MediaPreviewCell_default = {
   "MediaPreviewCell-image": "alinea-MediaPreviewCell-image",
   "MediaPreviewCellImage": "alinea-MediaPreviewCell-image",
+  "MediaPreviewCell": "alinea-MediaPreviewCell",
   "is-file": "alinea-is-file",
   "isFile": "alinea-is-file",
-  "MediaPreviewCell": "alinea-MediaPreviewCell",
   "MediaPreviewCell-icon": "alinea-MediaPreviewCell-icon",
   "MediaPreviewCellIcon": "alinea-MediaPreviewCell-icon"
 };

package/dist/dashboard/app/MoveConfirmDialog.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Asks before a drag moves pages under another parent, changing their urls,
+ * or tells why the dragged entries can not move there
+ */
+export declare function MoveConfirmDialog(): import("react").JSX.Element;

package/dist/dashboard/app/MoveConfirmDialog.js

@@ -0,0 +1,79 @@
+import {
+  useAtomValueRaw,
+  useSetAtom
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
+import {
+  dist_default
+} from "../../chunks/chunk-I4OYYAX5.js";
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/app/MoveConfirmDialog.tsx
+import { Button, Text } from "alinea/components";
+import {
+  confirmMovesAtom,
+  moveConfirmationAtom
+} from "alinea/dashboard/atoms/moveConfirmation";
+import { useState } from "react";
+import { IcRoundDriveFileMove } from "../icons.js";
+
+// src/dashboard/app/MoveConfirmDialog.module.css
+var MoveConfirmDialog_default = {
+  "MoveConfirmDialog-actions": "alinea-MoveConfirmDialog-actions",
+  "MoveConfirmDialogActions": "alinea-MoveConfirmDialog-actions"
+};
+
+// src/dashboard/app/MoveConfirmDialog.tsx
+import {
+  DashboardModal,
+  DashboardModalContent,
+  DashboardModalDialog,
+  DashboardModalFooter
+} from "./ui/DashboardModal.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = dist_default(MoveConfirmDialog_default);
+function MoveConfirmDialog() {
+  const confirmation = useAtomValueRaw(moveConfirmationAtom);
+  const setConfirmMoves = useSetAtom(confirmMovesAtom);
+  const [shown, setShown] = useState(confirmation);
+  if (confirmation && confirmation !== shown) setShown(confirmation);
+  const { pages = [], refusal } = confirmation ?? shown ?? {};
+  const single = pages.length === 1;
+  const title = single && pages[0].title ? `"${pages[0].title}"` : "this page";
+  const answer = (confirmed) => confirmation?.resolve(confirmed);
+  return /* @__PURE__ */ jsx(
+    DashboardModal,
+    {
+      open: Boolean(confirmation),
+      onOpenChange: (isOpen) => {
+        if (!isOpen) answer(false);
+      },
+      children: refusal ? /* @__PURE__ */ jsxs(DashboardModalDialog, { label: "Can't move here", children: [
+        /* @__PURE__ */ jsx(DashboardModalContent, { children: /* @__PURE__ */ jsx(Text, { as: "p", children: refusal }) }),
+        /* @__PURE__ */ jsx(DashboardModalFooter, { children: /* @__PURE__ */ jsx("div", { className: styles.MoveConfirmDialog.actions(), children: /* @__PURE__ */ jsx(Button, { onClick: () => answer(false), children: "OK" }) }) })
+      ] }) : /* @__PURE__ */ jsxs(DashboardModalDialog, { label: single ? "Move page" : "Move pages", children: [
+        /* @__PURE__ */ jsx(DashboardModalContent, { children: /* @__PURE__ */ jsx(Text, { as: "p", children: single ? `Are you sure you want to move ${title}? This permanently changes the URL of this page and of all pages below it.` : `Are you sure you want to move these ${pages.length} pages? This permanently changes their URLs and those of all pages below them.` }) }),
+        /* @__PURE__ */ jsxs(DashboardModalFooter, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: () => {
+                setConfirmMoves(false);
+                answer(true);
+              },
+              children: "Move and don't ask again"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: styles.MoveConfirmDialog.actions(), children: [
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => answer(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { icon: IcRoundDriveFileMove, onClick: () => answer(true), children: "Move" })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  MoveConfirmDialog
+};