alinea 2.0.0-preview.11 → 2.0.0-preview.13

package/dist/dashboard/app/EntryHeader.js

@@ -27,20 +27,20 @@ import {
 import {
   EntryUrlConflictError
 } from "alinea/core/db/EntryUrlConflictError";
-import { EntryValidationError } from "alinea/core/db/EntryValidationError";
 import { getType } from "alinea/core/Internal";
 import { MediaFile, MediaLibrary } from "alinea/core/media/MediaTypes";
 import { assert } from "alinea/core/util/Assert";
 import { isRecord } from "alinea/core/util/Objects";
 import { activityAtom } from "../atoms/activity.js";
 import { configAtom } from "../atoms/core.js";
+import { loadMoveTargetsAtom } from "../atoms/move.js";
+import { routeAtom } from "../atoms/nav.js";
 import {
+  archiveDirectlyAtom,
   archiveEntriesAtom,
   deleteEntriesAtom,
-  loadDeletePlanAtom
-} from "../atoms/delete.js";
-import { loadMoveTargetsAtom } from "../atoms/move.js";
-import { routeAtom } from "../atoms/nav.js";
+  loadRemovePlanAtom
+} from "../atoms/remove.js";
 import { policyAtom } from "../atoms/user.js";
 import { useSaveShortcut } from "../hook/UseSaveShortcut.js";
 import {
@@ -62,21 +62,20 @@ import {
   IcRoundSync,
   IcRoundVisibilityOff
 } from "../icons.js";
-import { DeleteDialog } from "./DeleteDialog.js";
 
 // src/dashboard/app/EntryHeader.module.css
 var EntryHeader_default = {
-  "EntryHeader-status": "alinea-EntryHeader-status",
-  "EntryHeaderStatus": "alinea-EntryHeader-status",
   "EntryHeader": "alinea-EntryHeader",
-  "EntryHeader-actions": "alinea-EntryHeader-actions",
-  "EntryHeaderActions": "alinea-EntryHeader-actions",
   "is-dirty": "alinea-is-dirty",
   "isDirty": "alinea-is-dirty",
+  "EntryHeader-actions": "alinea-EntryHeader-actions",
+  "EntryHeaderActions": "alinea-EntryHeader-actions",
   "EntryHeader-type": "alinea-EntryHeader-type",
   "EntryHeaderType": "alinea-EntryHeader-type",
   "EntryHeader-sidebarToggle": "alinea-EntryHeader-sidebarToggle",
-  "EntryHeaderSidebarToggle": "alinea-EntryHeader-sidebarToggle"
+  "EntryHeaderSidebarToggle": "alinea-EntryHeader-sidebarToggle",
+  "EntryHeader-status": "alinea-EntryHeader-status",
+  "EntryHeaderStatus": "alinea-EntryHeader-status"
 };
 
 // src/dashboard/app/EntryHeader.tsx
@@ -90,6 +89,7 @@ import {
 } from "./EntryValidationModal.js";
 import { MoveDialog } from "./MoveDialog.js";
 import { ReadOnlyBadge } from "./ReadOnlyBadge.js";
+import { RemoveDialog } from "./RemoveDialog.js";
 import {
   DashboardModal,
   DashboardModalContent,
@@ -143,15 +143,6 @@ function entryUrlConflictInfo(error) {
     };
   }
 }
-function entryValidationFailure(error) {
-  if (error instanceof EntryValidationError)
-    return { errors: error.info.errors, message: error.message };
-  if (!isRecord(error) || error.name !== "EntryValidationError") return;
-  const info = error.info;
-  if (isRecord(info) && Array.isArray(info.errors))
-    return { errors: info.errors };
-  return { message: typeof error.message === "string" ? error.message : "" };
-}
 var variantDescription = {
   published: "Published",
   unpublished: "Unpublished",
@@ -210,7 +201,7 @@ function EntryHeader({
   const unpublish = useSetAtom(localeData.unpublish);
   const archive = useSetAtom(localeData.archive);
   const publishArchived = useSetAtom(localeData.publishArchived);
-  const loadDeletePlan = useSetAtom(loadDeletePlanAtom);
+  const loadRemovePlan = useSetAtom(loadRemovePlanAtom);
   const loadMoveTargets = useSetAtom(loadMoveTargetsAtom);
   const deleteEntries = useSetAtom(deleteEntriesAtom);
   const archiveEntries = useSetAtom(archiveEntriesAtom);
@@ -239,31 +230,37 @@ function EntryHeader({
   const [urlConflict, setUrlConflict] = useState();
   const [invalid, setInvalid] = useState();
   const [moving, setMoving] = useState();
-  const [deletePlan, setDeletePlan] = useState();
+  const [removing, setRemoving] = useState();
   function runAction(action) {
     startTransition(async () => {
       try {
         await action();
       } catch (error) {
         const conflict = entryUrlConflictInfo(error);
-        const failure = entryValidationFailure(error);
         if (conflict) setUrlConflict(conflict);
-        else if (failure) setInvalid(failure);
         else throw error;
       }
     });
   }
   function runPublish(action) {
     const errors = store.get(localeData.errors(node));
-    if (errors.length > 0) setInvalid({ errors });
+    if (errors.length > 0) setInvalid({ errors, publish: action });
     else runAction(action);
   }
   async function openDeleteDialog() {
     assert(activeVersion);
     const locale = untranslated ? localeData.requestedLocale : activeVersion.locale;
-    setDeletePlan(
-      await loadDeletePlan([{ ...activeVersion, hasChildren, locale }], locales)
+    const plan = await loadRemovePlan(
+      [{ ...activeVersion, hasChildren, locale }],
+      locales
     );
+    setRemoving({ action: "delete", plan });
+  }
+  async function openArchiveDialog() {
+    assert(activeVersion);
+    if (store.get(archiveDirectlyAtom)) return archive();
+    const plan = await loadRemovePlan([{ ...activeVersion, hasChildren }]);
+    setRemoving({ action: "archive", plan });
   }
   async function deleteAndNavigate(plan) {
     assert(activeVersion);
@@ -440,7 +437,7 @@ function EntryHeader({
     menuItems.push({
       id: "archive",
       label: "Archive",
-      action: archive,
+      action: openArchiveDialog,
       icon: IcRoundArchive
     });
   if (actions.publish)
@@ -537,16 +534,18 @@ function EntryHeader({
       EntryValidationModal,
       {
         failure: invalid,
-        onClose: () => setInvalid(void 0)
+        onClose: () => setInvalid(void 0),
+        onPublish: runAction
       }
     ),
     /* @__PURE__ */ jsx(MoveDialog, { targets: moving, onClose: () => setMoving(void 0) }),
     /* @__PURE__ */ jsx(
-      DeleteDialog,
+      RemoveDialog,
       {
-        plan: deletePlan,
-        onClose: () => setDeletePlan(void 0),
-        onConfirm: deleteAndNavigate,
+        action: removing?.action ?? "delete",
+        plan: removing?.plan,
+        onClose: () => setRemoving(void 0),
+        onConfirm: removing?.action === "archive" ? archiveEntries : deleteAndNavigate,
         onArchive: archiveEntries
       }
     )

package/dist/dashboard/app/EntryReferences.js

@@ -27,13 +27,13 @@ import { IcRoundLink, LucideFile } from "../icons.js";
 
 // src/dashboard/app/EntryReferences.module.css
 var EntryReferences_default = {
+  "EntryReferences-tab": "alinea-EntryReferences-tab",
+  "EntryReferencesTab": "alinea-EntryReferences-tab",
   "EntryReferences": "alinea-EntryReferences",
   "EntryReferences-trailing": "alinea-EntryReferences-trailing",
   "EntryReferencesTrailing": "alinea-EntryReferences-trailing",
   "EntryReferences-list": "alinea-EntryReferences-list",
-  "EntryReferencesList": "alinea-EntryReferences-list",
-  "EntryReferences-tab": "alinea-EntryReferences-tab",
-  "EntryReferencesTab": "alinea-EntryReferences-tab"
+  "EntryReferencesList": "alinea-EntryReferences-list"
 };
 
 // src/dashboard/app/EntryReferences.tsx
@@ -104,9 +104,9 @@ function EntryReferenceItem({ item, onClick }) {
         /* @__PURE__ */ jsx(ListItemTitle, { children: source.title }),
         /* @__PURE__ */ jsxs(ListItemDescription, { children: [
           formatFields(item.fields),
+          item.locale && ` \xB7 ${formatLocale(item.locale)}`,
           " \xB7 ",
-          source.path,
-          item.locale && ` \xB7 ${formatLocale(item.locale)}`
+          source.path
         ] })
       ]
     }

package/dist/dashboard/app/EntrySidebar.js

@@ -61,24 +61,24 @@ var EntrySidebar_default = {
   "EntrySidebarDisclosureTrigger": "alinea-EntrySidebar-disclosureTrigger",
   "EntrySidebar-body": "alinea-EntrySidebar-body",
   "EntrySidebarBody": "alinea-EntrySidebar-body",
-  "EntrySidebar-section": "alinea-EntrySidebar-section",
-  "EntrySidebarSection": "alinea-EntrySidebar-section",
   "EntrySidebar-disclosurePanel": "alinea-EntrySidebar-disclosurePanel",
   "EntrySidebarDisclosurePanel": "alinea-EntrySidebar-disclosurePanel",
   "EntrySidebar-tabs": "alinea-EntrySidebar-tabs",
   "EntrySidebarTabs": "alinea-EntrySidebar-tabs",
   "EntrySidebar-previewPanel": "alinea-EntrySidebar-previewPanel",
   "EntrySidebarPreviewPanel": "alinea-EntrySidebar-previewPanel",
-  "EntrySidebar-referencesPanel": "alinea-EntrySidebar-referencesPanel",
-  "EntrySidebarReferencesPanel": "alinea-EntrySidebar-referencesPanel",
   "EntrySidebar-historyPanel": "alinea-EntrySidebar-historyPanel",
   "EntrySidebarHistoryPanel": "alinea-EntrySidebar-historyPanel",
-  "EntrySidebar-disclosure": "alinea-EntrySidebar-disclosure",
-  "EntrySidebarDisclosure": "alinea-EntrySidebar-disclosure",
+  "EntrySidebar-history": "alinea-EntrySidebar-history",
+  "EntrySidebarHistory": "alinea-EntrySidebar-history",
   "EntrySidebar-loading": "alinea-EntrySidebar-loading",
   "EntrySidebarLoading": "alinea-EntrySidebar-loading",
-  "EntrySidebar-history": "alinea-EntrySidebar-history",
-  "EntrySidebarHistory": "alinea-EntrySidebar-history"
+  "EntrySidebar-section": "alinea-EntrySidebar-section",
+  "EntrySidebarSection": "alinea-EntrySidebar-section",
+  "EntrySidebar-disclosure": "alinea-EntrySidebar-disclosure",
+  "EntrySidebarDisclosure": "alinea-EntrySidebar-disclosure",
+  "EntrySidebar-referencesPanel": "alinea-EntrySidebar-referencesPanel",
+  "EntrySidebarReferencesPanel": "alinea-EntrySidebar-referencesPanel"
 };
 
 // src/dashboard/app/EntrySidebar.tsx

package/dist/dashboard/app/EntrySidebarPreview.js

@@ -20,11 +20,11 @@ import { IcRoundVisibilityOff } from "../icons.js";
 
 // src/dashboard/app/EntrySidebarPreview.module.css
 var EntrySidebarPreview_default = {
-  "EntrySidebarPreview-empty": "alinea-EntrySidebarPreview-empty",
-  "EntrySidebarPreviewEmpty": "alinea-EntrySidebarPreview-empty",
-  "EntrySidebarPreview": "alinea-EntrySidebarPreview",
   "EntrySidebarPreview-component": "alinea-EntrySidebarPreview-component",
-  "EntrySidebarPreviewComponent": "alinea-EntrySidebarPreview-component"
+  "EntrySidebarPreviewComponent": "alinea-EntrySidebarPreview-component",
+  "EntrySidebarPreview": "alinea-EntrySidebarPreview",
+  "EntrySidebarPreview-empty": "alinea-EntrySidebarPreview-empty",
+  "EntrySidebarPreviewEmpty": "alinea-EntrySidebarPreview-empty"
 };
 
 // src/dashboard/app/EntrySidebarPreview.tsx

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

@@ -0,0 +1,23 @@
+import { type IconType } from 'alinea/components';
+import type { EntryStatus } from 'alinea/core/Entry';
+export interface EntryStatusDisplay {
+    icon: IconType;
+    label: string;
+    status: 'draft' | 'unpublished' | 'archived' | 'untranslated';
+}
+/** A listed version of an entry, its draft when it has one */
+export interface ListedEntry {
+    status?: EntryStatus;
+    /** The version is the main one, a draft then was never published */
+    main?: boolean;
+    locale: string | null;
+}
+/**
+ * How a listed entry differs from a published one, undefined when it does
+ * not. With a locale, entries of another locale are untranslated.
+ */
+export declare function entryStatus(entry: ListedEntry, locale?: string | null): EntryStatusDisplay | undefined;
+export interface EntryStatusIconProps {
+    status: EntryStatusDisplay;
+}
+export declare function EntryStatusIcon({ status }: EntryStatusIconProps): import("react").JSX.Element;

package/dist/dashboard/app/EntryStatusIcon.js

@@ -0,0 +1,58 @@
+import {
+  dist_default
+} from "../../chunks/chunk-I4OYYAX5.js";
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/app/EntryStatusIcon.tsx
+import { Icon } from "alinea/components";
+import {
+  IcOutlineArchive,
+  IcRoundEdit,
+  IcRoundTranslate,
+  RiFlashlightFill
+} from "../icons.js";
+
+// src/dashboard/app/EntryStatusIcon.module.css
+var EntryStatusIcon_default = {
+  "EntryStatusIcon-icon": "alinea-EntryStatusIcon-icon",
+  "EntryStatusIconIcon": "alinea-EntryStatusIcon-icon",
+  "is-draft": "alinea-is-draft",
+  "isDraft": "alinea-is-draft",
+  "is-unpublished": "alinea-is-unpublished",
+  "isUnpublished": "alinea-is-unpublished",
+  "EntryStatusIcon": "alinea-EntryStatusIcon"
+};
+
+// src/dashboard/app/EntryStatusIcon.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = dist_default(EntryStatusIcon_default);
+function entryStatus(entry, locale = null) {
+  if (locale && entry.locale !== locale)
+    return {
+      icon: IcRoundTranslate,
+      label: "Untranslated",
+      status: "untranslated"
+    };
+  if (entry.status === "archived")
+    return { icon: IcOutlineArchive, label: "Archived", status: "archived" };
+  if (entry.status === "draft" && entry.main)
+    return { icon: RiFlashlightFill, label: "Unpublished", status: "unpublished" };
+  if (entry.status === "draft")
+    return { icon: IcRoundEdit, label: "Draft", status: "draft" };
+}
+function EntryStatusIcon({ status }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: styles.EntryStatusIcon({ [status.status]: true }),
+      "aria-label": status.label,
+      role: "img",
+      title: status.label,
+      children: /* @__PURE__ */ jsx(Icon, { icon: status.icon, className: styles.EntryStatusIcon.icon() })
+    }
+  );
+}
+export {
+  EntryStatusIcon,
+  entryStatus
+};

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

@@ -1,12 +1,13 @@
 import type { FieldValidationError } from 'alinea/core/Validation';
 export interface EntryValidationFailure {
-    errors?: Array<FieldValidationError>;
-    /** Shown when the errors came back from the server without details */
-    message?: string;
+    errors: Array<FieldValidationError>;
+    /** Publishes the entry as it is */
+    publish(): void | Promise<void>;
 }
 export interface EntryValidationModalProps {
     failure?: EntryValidationFailure;
     onClose(): void;
+    onPublish(publish: () => void | Promise<void>): void;
 }
-/** Explains why an entry cannot be published and lists the invalid fields */
-export declare function EntryValidationModal({ failure, onClose }: EntryValidationModalProps): import("react").JSX.Element;
+/** Lists the invalid fields of an entry about to be published */
+export declare function EntryValidationModal({ failure, onClose, onPublish }: EntryValidationModalProps): import("react").JSX.Element;

package/dist/dashboard/app/EntryValidationModal.js

@@ -11,9 +11,7 @@ var EntryValidationModal_default = {
   "EntryValidationModal-list": "alinea-EntryValidationModal-list",
   "EntryValidationModalList": "alinea-EntryValidationModal-list",
   "EntryValidationModal-item": "alinea-EntryValidationModal-item",
-  "EntryValidationModalItem": "alinea-EntryValidationModal-item",
-  "EntryValidationModal-message": "alinea-EntryValidationModal-message",
-  "EntryValidationModalMessage": "alinea-EntryValidationModal-message"
+  "EntryValidationModalItem": "alinea-EntryValidationModal-item"
 };
 
 // src/dashboard/app/EntryValidationModal.tsx
@@ -38,13 +36,19 @@ function focusFirstInvalidField() {
 }
 function EntryValidationModal({
   failure,
-  onClose
+  onClose,
+  onPublish
 }) {
   const isOpen = Boolean(failure);
   function close() {
     onClose();
     requestAnimationFrame(focusFirstInvalidField);
   }
+  function publishAnyway() {
+    if (!failure) return;
+    onClose();
+    onPublish(failure.publish);
+  }
   return /* @__PURE__ */ jsx(
     DashboardModal,
     {
@@ -52,22 +56,18 @@ function EntryValidationModal({
       onOpenChange: (open) => {
         if (!open) close();
       },
-      children: isOpen && /* @__PURE__ */ jsxs(DashboardModalDialog, { label: "Fix invalid fields before publishing", children: [
+      children: isOpen && /* @__PURE__ */ jsxs(DashboardModalDialog, { label: "Some fields are invalid", children: [
         /* @__PURE__ */ jsxs(DashboardModalContent, { children: [
-          /* @__PURE__ */ jsx(Text, { as: "p", children: "This entry cannot be published until these fields are valid." }),
-          failure?.errors?.length ? /* @__PURE__ */ jsx("ul", { className: styles.EntryValidationModal.list(), children: failure.errors.map((error, index) => /* @__PURE__ */ jsxs(
-            "li",
-            {
-              className: styles.EntryValidationModal.item(),
-              children: [
-                /* @__PURE__ */ jsx(Text, { weight: "medium", children: error.labels.join(" \u203A ") }),
-                /* @__PURE__ */ jsx(Text, { color: "destructive", children: error.message })
-              ]
-            },
-            index
-          )) }) : /* @__PURE__ */ jsx(Text, { as: "p", className: styles.EntryValidationModal.message(), children: failure?.message })
+          /* @__PURE__ */ jsx(Text, { as: "p", children: "Fix these fields before publishing, or publish the entry as it is." }),
+          /* @__PURE__ */ jsx("ul", { className: styles.EntryValidationModal.list(), children: failure?.errors.map((error, index) => /* @__PURE__ */ jsxs("li", { className: styles.EntryValidationModal.item(), children: [
+            /* @__PURE__ */ jsx(Text, { weight: "medium", children: error.labels.join(" \u203A ") }),
+            /* @__PURE__ */ jsx(Text, { color: "destructive", children: error.message })
+          ] }, index)) })
         ] }),
-        /* @__PURE__ */ jsx(DashboardModalFooter, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: close, children: "Show fields" }) })
+        /* @__PURE__ */ jsxs(DashboardModalFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: publishAnyway, children: "Publish anyway" }),
+          /* @__PURE__ */ jsx(Button, { color: "primary", onClick: close, children: "Show fields" })
+        ] })
       ] })
     }
   );

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

@@ -35,6 +35,8 @@ export interface ExplorerBodyProps {
      */
     onPick?: (entry: DashboardEntry) => void;
     page: ExplorerReadyPage;
+    /** Floats over the list, such as the actions on the selected entries */
+    children?: ReactNode;
 }
 interface ExplorerSearchProps {
     autoFocus?: boolean;
@@ -45,6 +47,6 @@ interface ExplorerSearchProps {
 }
 export declare function ExplorerSearch({ autoFocus, explorer, onEntryAction, onEscape, page }: ExplorerSearchProps): import("react").JSX.Element;
 export declare function ExplorerHeader({ canBrowse, autoFocusSearch, onSearchEscape, controls, explorer, headerEntry, navigate, page, readOnly, titleControls }: ExplorerHeaderProps): import("react").JSX.Element;
-export declare function ExplorerBody({ compactTable, explorer, onPick, page }: ExplorerBodyProps): import("react").JSX.Element;
+export declare function ExplorerBody({ compactTable, explorer, onPick, page, children }: ExplorerBodyProps): import("react").JSX.Element;
 export declare function Explorer({ controls, explorer, headerEntry, page: loadedPage, readOnly, titleControls }: ExplorerProps): import("react").JSX.Element;
 export {};

package/dist/dashboard/app/Explorer.js

@@ -54,55 +54,55 @@ import {
 
 // src/dashboard/app/Explorer.module.css
 var Explorer_default = {
-  "Explorer-toolbar-mediaActions": "alinea-Explorer-toolbar-mediaActions",
-  "ExplorerToolbarMediaActions": "alinea-Explorer-toolbar-mediaActions",
-  "ExplorerHeader": "alinea-ExplorerHeader",
   "ExplorerHeader-primary": "alinea-ExplorerHeader-primary",
   "ExplorerHeaderPrimary": "alinea-ExplorerHeader-primary",
-  "Explorer-locationBreadcrumbs-value": "alinea-Explorer-locationBreadcrumbs-value",
-  "ExplorerLocationBreadcrumbsValue": "alinea-Explorer-locationBreadcrumbs-value",
-  "Explorer-locationBreadcrumbs-separator": "alinea-Explorer-locationBreadcrumbs-separator",
-  "ExplorerLocationBreadcrumbsSeparator": "alinea-Explorer-locationBreadcrumbs-separator",
-  "Explorer-toolbar-tools": "alinea-Explorer-toolbar-tools",
-  "ExplorerToolbarTools": "alinea-Explorer-toolbar-tools",
-  "Explorer-locationBreadcrumbs-root-locale": "alinea-Explorer-locationBreadcrumbs-root-locale",
-  "ExplorerLocationBreadcrumbsRootLocale": "alinea-Explorer-locationBreadcrumbs-root-locale",
-  "Explorer-locationBreadcrumbs-parentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
-  "ExplorerLocationBreadcrumbsParentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
+  "ExplorerHeader-location": "alinea-ExplorerHeader-location",
+  "ExplorerHeaderLocation": "alinea-ExplorerHeader-location",
   "ExplorerHeader-main": "alinea-ExplorerHeader-main",
   "ExplorerHeaderMain": "alinea-ExplorerHeader-main",
-  "Explorer-locationBreadcrumbs-localeValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
-  "ExplorerLocationBreadcrumbsLocaleValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
-  "Explorer-locationBreadcrumbs-current": "alinea-Explorer-locationBreadcrumbs-current",
-  "ExplorerLocationBreadcrumbsCurrent": "alinea-Explorer-locationBreadcrumbs-current",
-  "Explorer-searchScope": "alinea-Explorer-searchScope",
-  "ExplorerSearchScope": "alinea-Explorer-searchScope",
+  "ExplorerHeader": "alinea-ExplorerHeader",
   "ExplorerHeader-content": "alinea-ExplorerHeader-content",
   "ExplorerHeaderContent": "alinea-ExplorerHeader-content",
-  "Explorer-resultMode": "alinea-Explorer-resultMode",
-  "ExplorerResultMode": "alinea-Explorer-resultMode",
-  "Explorer-toolbar": "alinea-Explorer-toolbar",
-  "ExplorerToolbar": "alinea-Explorer-toolbar",
+  "Explorer-toolbar-tools": "alinea-Explorer-toolbar-tools",
+  "ExplorerToolbarTools": "alinea-Explorer-toolbar-tools",
   "is-navigation": "alinea-is-navigation",
   "isNavigation": "alinea-is-navigation",
-  "Explorer-searchSlot": "alinea-Explorer-searchSlot",
-  "ExplorerSearchSlot": "alinea-Explorer-searchSlot",
-  "Explorer-actions": "alinea-Explorer-actions",
-  "ExplorerActions": "alinea-Explorer-actions",
+  "Explorer-search": "alinea-Explorer-search",
+  "ExplorerSearch": "alinea-Explorer-search",
+  "Explorer-resultMode": "alinea-Explorer-resultMode",
+  "ExplorerResultMode": "alinea-Explorer-resultMode",
+  "Explorer-viewport": "alinea-Explorer-viewport",
+  "ExplorerViewport": "alinea-Explorer-viewport",
   "Explorer-locationBreadcrumbs": "alinea-Explorer-locationBreadcrumbs",
   "ExplorerLocationBreadcrumbs": "alinea-Explorer-locationBreadcrumbs",
-  "Explorer-locationBreadcrumbs-root": "alinea-Explorer-locationBreadcrumbs-root",
-  "ExplorerLocationBreadcrumbsRoot": "alinea-Explorer-locationBreadcrumbs-root",
+  "Explorer-locationBreadcrumbs-value": "alinea-Explorer-locationBreadcrumbs-value",
+  "ExplorerLocationBreadcrumbsValue": "alinea-Explorer-locationBreadcrumbs-value",
+  "Explorer-actions": "alinea-Explorer-actions",
+  "ExplorerActions": "alinea-Explorer-actions",
+  "Explorer-locationBreadcrumbs-separator": "alinea-Explorer-locationBreadcrumbs-separator",
+  "ExplorerLocationBreadcrumbsSeparator": "alinea-Explorer-locationBreadcrumbs-separator",
+  "Explorer-locationBreadcrumbs-localeValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
+  "ExplorerLocationBreadcrumbsLocaleValue": "alinea-Explorer-locationBreadcrumbs-localeValue",
+  "Explorer-locationBreadcrumbs-current": "alinea-Explorer-locationBreadcrumbs-current",
+  "ExplorerLocationBreadcrumbsCurrent": "alinea-Explorer-locationBreadcrumbs-current",
+  "Explorer-locationBreadcrumbs-parentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
+  "ExplorerLocationBreadcrumbsParentValue": "alinea-Explorer-locationBreadcrumbs-parentValue",
   "Explorer-locationBreadcrumbs-item": "alinea-Explorer-locationBreadcrumbs-item",
   "ExplorerLocationBreadcrumbsItem": "alinea-Explorer-locationBreadcrumbs-item",
-  "ExplorerHeader-location": "alinea-ExplorerHeader-location",
-  "ExplorerHeaderLocation": "alinea-ExplorerHeader-location",
+  "Explorer-toolbar": "alinea-Explorer-toolbar",
+  "ExplorerToolbar": "alinea-Explorer-toolbar",
+  "Explorer-toolbar-mediaActions": "alinea-Explorer-toolbar-mediaActions",
+  "ExplorerToolbarMediaActions": "alinea-Explorer-toolbar-mediaActions",
+  "Explorer-searchScope": "alinea-Explorer-searchScope",
+  "ExplorerSearchScope": "alinea-Explorer-searchScope",
   "Explorer-locationBreadcrumbs-parentAction": "alinea-Explorer-locationBreadcrumbs-parentAction",
   "ExplorerLocationBreadcrumbsParentAction": "alinea-Explorer-locationBreadcrumbs-parentAction",
-  "Explorer-search": "alinea-Explorer-search",
-  "ExplorerSearch": "alinea-Explorer-search",
-  "Explorer-viewport": "alinea-Explorer-viewport",
-  "ExplorerViewport": "alinea-Explorer-viewport"
+  "Explorer-locationBreadcrumbs-root": "alinea-Explorer-locationBreadcrumbs-root",
+  "ExplorerLocationBreadcrumbsRoot": "alinea-Explorer-locationBreadcrumbs-root",
+  "Explorer-searchSlot": "alinea-Explorer-searchSlot",
+  "ExplorerSearchSlot": "alinea-Explorer-searchSlot",
+  "Explorer-locationBreadcrumbs-root-locale": "alinea-Explorer-locationBreadcrumbs-root-locale",
+  "ExplorerLocationBreadcrumbsRootLocale": "alinea-Explorer-locationBreadcrumbs-root-locale"
 };
 
 // src/dashboard/app/Explorer.tsx
@@ -262,6 +262,7 @@ function ExplorerSearch({
       icon: IcRoundSearch,
       loading: isPending || inputValue !== page.search,
       placeholder: "Search...",
+      variant: "inline",
       value: inputValue,
       onValueChange: onSearchChange,
       onKeyDown: onSearchKeyDown,
@@ -730,17 +731,21 @@ function ExplorerBody({
   compactTable,
   explorer,
   onPick,
-  page
+  page,
+  children
 }) {
-  return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsx("div", { className: styles.Explorer.viewport(), children: /* @__PURE__ */ jsx(
-    ExplorerList,
-    {
-      compactTable,
-      explorer,
-      onPick,
-      page
-    }
-  ) }) });
+  return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsxs("div", { className: styles.Explorer.viewport(), children: [
+    /* @__PURE__ */ jsx(
+      ExplorerList,
+      {
+        compactTable,
+        explorer,
+        onPick,
+        page
+      }
+    ),
+    children
+  ] }) });
 }
 function Explorer({
   controls,
@@ -764,8 +769,7 @@ function Explorer({
         titleControls
       }
     ),
-    /* @__PURE__ */ jsx(ExplorerBody, { explorer, page }),
-    explorer.hasRowAction && explorer.selectionMode === "multiple" && /* @__PURE__ */ jsx(ExplorerBatchActions, { explorer })
+    /* @__PURE__ */ jsx(ExplorerBody, { explorer, page, children: explorer.hasRowAction && explorer.selectionMode === "multiple" && /* @__PURE__ */ jsx(ExplorerBatchActions, { explorer }) })
   ] });
 }
 export {

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

@@ -6,12 +6,14 @@ export interface ExplorerBatchActionsProps {
 export declare function ExplorerBatchActions({ explorer }: ExplorerBatchActionsProps): import("react").JSX.Element | null;
 export interface ExplorerBatchActionBarProps {
     count: number;
+    /** Every selected entry can be deleted */
     canDelete: boolean;
+    /** Every selected entry can be moved */
     canMove: boolean;
     isPending?: boolean;
     onClear(): void;
     onDelete(): void;
     onMove(): void;
 }
-/** Shows how many entries are selected and the actions on them */
+/** Floats over the list: how many entries are selected and their actions */
 export declare function ExplorerBatchActionBar({ count, canDelete, canMove, isPending, onClear, onDelete, onMove }: ExplorerBatchActionBarProps): import("react").JSX.Element;