alinea 2.0.0-preview.13 → 2.0.0-preview.14

package/dist/dashboard/App.js

@@ -13,7 +13,7 @@ import {
 import "../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/App.tsx
-import { Page as PageLayout, Spinner } from "alinea/components";
+import { Page as PageLayout, Spinner, Text } from "alinea/components";
 import {
   useDeferredValue,
   useEffect,
@@ -22,10 +22,12 @@ import {
 
 // src/dashboard/App.module.css
 var App_default = {
-  "AppLoading-progress": "alinea-AppLoading-progress",
-  "AppLoadingProgress": "alinea-AppLoading-progress",
+  "AppLoading-status": "alinea-AppLoading-status",
+  "AppLoadingStatus": "alinea-AppLoading-status",
   "AppLoading-progress-fade-in": "alinea-AppLoading-progress-fade-in",
   "AppLoadingProgressFadeIn": "alinea-AppLoading-progress-fade-in",
+  "AppLoading-progress": "alinea-AppLoading-progress",
+  "AppLoadingProgress": "alinea-AppLoading-progress",
   "AppLoading": "alinea-AppLoading"
 };
 
@@ -45,7 +47,7 @@ import { themeAtom } from "./atoms/dashboard.js";
 import { workspaceAtom, workspacesAtom } from "./atoms/config.js";
 import { useDashboardStore } from "./atoms/core.js";
 import { entryAtoms, MissingEntryError } from "./atoms/entry.js";
-import { graphReadyAtom } from "./atoms/graph.js";
+import { graphReadyAtom, syncProgressAtom } from "./atoms/graph.js";
 import { pageAtom } from "./atoms/nav.js";
 import { rootAtoms } from "./atoms/root.js";
 import { canManageMembersAtom, userPolicyReadyAtom } from "./atoms/user.js";
@@ -200,16 +202,29 @@ function DashboardApp(props) {
   const [appPending, app] = useAtomValueRawSync(appAtom);
   const shown = useDeferredValue(app);
   const activity = useAtomValueRaw(activityAtom);
+  const sync = useAtomValueRaw(syncProgressAtom);
   const [, setActivityPending] = useAtom(activityPendingAtom);
   useAtomValueRaw(themeAtom);
-  const pending = appPending || shown !== app || activity.isMutating;
+  const pending = appPending || shown !== app || activity.isMutating || activity.isSyncing || Boolean(sync);
   useEffect(() => {
     setActivityPending(pending);
   }, [pending, setActivityPending]);
   return shown ?? /* @__PURE__ */ jsx(AppLoading, {});
 }
+var fileCount = new Intl.NumberFormat();
 function AppLoading() {
-  return /* @__PURE__ */ jsx(PageLayout, { className: styles.AppLoading(), children: /* @__PURE__ */ jsx("div", { className: styles.AppLoading.progress(), children: /* @__PURE__ */ jsx(Spinner, { "aria-label": "Loading dashboard" }) }) });
+  const sync = useAtomValueRaw(syncProgressAtom);
+  const fetching = sync && sync.loaded < sync.total;
+  return /* @__PURE__ */ jsx(PageLayout, { className: styles.AppLoading(), children: /* @__PURE__ */ jsxs("div", { className: styles.AppLoading.progress(), children: [
+    /* @__PURE__ */ jsx(
+      Spinner,
+      {
+        "aria-label": "Loading dashboard",
+        value: fetching ? Math.round(sync.loaded / sync.total * 100) : void 0
+      }
+    ),
+    sync && /* @__PURE__ */ jsx(Text, { size: "sm", color: "muted", className: styles.AppLoading.status(), children: fetching ? `Syncing content \xB7 ${fileCount.format(sync.loaded)} of ${fileCount.format(sync.total)} files` : "Indexing content" })
+  ] }) });
 }
 async function entryTitle(page, entryId, get) {
   try {
@@ -225,5 +240,6 @@ function dashboardTitle(workspace, view) {
 }
 export {
   App,
+  AppLoading,
   appAtom
 };

package/dist/dashboard/Href.d.ts

@@ -0,0 +1,37 @@
+import type { EntryDefaultView } from 'alinea/core/Type';
+/** A place in the dashboard to navigate to */
+export interface DashboardLocation {
+    /** Name of the workspace, leave out with `root` to open an entry by id */
+    workspace?: string;
+    /** Name of the root, leave out with `workspace` to open an entry by id */
+    root?: string;
+    /** Id of the entry to open, leave out to open the root */
+    entryId?: string;
+    /** Locale to open, for roots with translations */
+    locale?: string | null;
+    /**
+     * Open the entry's form (`edit`) or the list of its children (`overview`),
+     * for entries with both
+     */
+    view?: EntryDefaultView;
+}
+/** @internal */
+export declare const nav: {
+    splash(): string;
+    users(): string;
+    /** The editor of the entry at `url`, as linked from a page of the site */
+    edit(url: string, workspace?: string, root?: string): string;
+    /** The editor of an entry by id, its workspace and root are looked up */
+    link(entryId: string, locale?: string | null, view?: EntryDefaultView): string;
+    entry(workspace?: string, root?: string, entryId?: string, locale?: string | null, view?: EntryDefaultView, sort?: string, tab?: string): string;
+};
+/**
+ * The href of a place in the dashboard, relative to the dashboard's page. An
+ * entry can be linked by its id alone, its workspace and root are looked up
+ * when the link opens. Outside the dashboard, prefix the dashboard's url.
+ *
+ * @example
+ * <a href={href({entryId: post.id})}>{post.title}</a>
+ * const url = `${baseUrl}/admin${href({entryId: post.id})}`
+ */
+export declare function href(location: DashboardLocation): string;

package/dist/dashboard/Href.js

@@ -0,0 +1,46 @@
+import "../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/Href.ts
+var nav = {
+  splash() {
+    return "/";
+  },
+  users() {
+    return "/users";
+  },
+  /** The editor of the entry at `url`, as linked from a page of the site */
+  edit(url, workspace, root) {
+    const params = new URLSearchParams({ url });
+    if (workspace) params.set("workspace", workspace);
+    if (root) params.set("root", root);
+    return `/edit?${params}`;
+  },
+  /** The editor of an entry by id, its workspace and root are looked up */
+  link(entryId, locale, view) {
+    const params = new URLSearchParams({ id: entryId });
+    if (locale) params.set("locale", locale);
+    if (view) params.set("view", view);
+    return `/edit?${params}`;
+  },
+  entry(workspace, root, entryId, locale, view, sort, tab) {
+    const rootPart = root ? `${root}${locale ? `:${locale}` : ""}` : "";
+    const path = `/entry/${[workspace, rootPart, entryId].filter(Boolean).join("/")}`;
+    const params = new URLSearchParams();
+    if (view) params.set("view", view);
+    if (sort) params.set("sort", sort);
+    if (tab) params.set("tab", tab);
+    const search = params.toString();
+    return search ? `${path}?${search}` : path;
+  }
+};
+function href(location) {
+  const { workspace, root, entryId, view } = location;
+  const locale = location.locale ?? void 0;
+  if (entryId && !workspace && !root)
+    return `#${nav.link(entryId, locale, view)}`;
+  return `#${nav.entry(workspace, root, entryId, locale, view)}`;
+}
+export {
+  href,
+  nav
+};

package/dist/dashboard/app/ActivityStatus.js

@@ -44,30 +44,31 @@ import {
   discardActivityAtom,
   retryActivityAtom
 } from "../atoms/activity.js";
+import { syncProgressAtom } from "../atoms/graph.js";
 import { routeAtom } from "../atoms/nav.js";
 import { IcRoundCheck, IcRoundHistory, IcRoundWarning } from "../icons.js";
 
 // src/dashboard/app/ActivityStatus.module.css
 var ActivityStatus_default = {
-  "ActivityStatus": "alinea-ActivityStatus",
+  "ActivityStatus-popover-list": "alinea-ActivityStatus-popover-list",
+  "ActivityStatusPopoverList": "alinea-ActivityStatus-popover-list",
   "is-syncing": "alinea-is-syncing",
   "isSyncing": "alinea-is-syncing",
+  "ActivityStatus-label": "alinea-ActivityStatus-label",
+  "ActivityStatusLabel": "alinea-ActivityStatus-label",
   "ActivityStatus-popover-actions": "alinea-ActivityStatus-popover-actions",
   "ActivityStatusPopoverActions": "alinea-ActivityStatus-popover-actions",
   "ActivityStatus-icon": "alinea-ActivityStatus-icon",
   "ActivityStatusIcon": "alinea-ActivityStatus-icon",
-  "ActivityStatus-popover-list": "alinea-ActivityStatus-popover-list",
-  "ActivityStatusPopoverList": "alinea-ActivityStatus-popover-list",
-  "ActivityStatus-label": "alinea-ActivityStatus-label",
-  "ActivityStatusLabel": "alinea-ActivityStatus-label",
   "ActivityStatus-popover-header": "alinea-ActivityStatus-popover-header",
   "ActivityStatusPopoverHeader": "alinea-ActivityStatus-popover-header",
-  "ActivityStatus-popover-surface": "alinea-ActivityStatus-popover-surface",
-  "ActivityStatusPopoverSurface": "alinea-ActivityStatus-popover-surface",
   "ActivityStatus-popover": "alinea-ActivityStatus-popover",
   "ActivityStatusPopover": "alinea-ActivityStatus-popover",
+  "ActivityStatus-popover-surface": "alinea-ActivityStatus-popover-surface",
+  "ActivityStatusPopoverSurface": "alinea-ActivityStatus-popover-surface",
   "is-failed": "alinea-is-failed",
-  "isFailed": "alinea-is-failed"
+  "isFailed": "alinea-is-failed",
+  "ActivityStatus": "alinea-ActivityStatus"
 };
 
 // src/dashboard/app/ActivityStatus.tsx
@@ -101,6 +102,7 @@ function ActivityStatus({
 }) {
   const [appPending] = useAtomValueRawSync(appAtom);
   const activity = useAtomValueRaw(activityAtom);
+  const sync = useAtomValueRaw(syncProgressAtom);
   const retry = useSetAtom(retryActivityAtom);
   const discard = useSetAtom(discardActivityAtom);
   const [isOpen, setIsOpen] = useState(false);
@@ -111,7 +113,11 @@ function ActivityStatus({
   );
   const wasFailed = useRef(false);
   const lastActivityLabel = useRef("Finishing up");
-  const activityLabel = getActivityLabel(appPending, activity.isMutating);
+  const activityLabel = getActivityLabel(
+    appPending,
+    activity.isMutating,
+    activity.isSyncing || Boolean(sync)
+  );
   const showSpinner = useAtomValueRaw(activityPendingAtom);
   if (activityLabel !== void 0) lastActivityLabel.current = activityLabel;
   const visibleActivityLabel = activityLabel ?? (showSpinner ? lastActivityLabel.current : void 0);
@@ -122,7 +128,14 @@ function ActivityStatus({
     activity.hasFailed,
     activity.hasBlocked
   );
-  const icon = showSpinner ? /* @__PURE__ */ jsx(Spinner, { "aria-label": label, className: styles.ActivityStatus.icon() }) : activity.hasFailed ? /* @__PURE__ */ jsx(
+  const icon = showSpinner ? /* @__PURE__ */ jsx(
+    Spinner,
+    {
+      "aria-label": label,
+      value: sync && sync.loaded < sync.total ? Math.round(sync.loaded / sync.total * 100) : void 0,
+      className: styles.ActivityStatus.icon()
+    }
+  ) : activity.hasFailed ? /* @__PURE__ */ jsx(
     IcRoundWarning,
     {
       "aria-hidden": "true",
@@ -246,9 +259,10 @@ function ActivityItem({ activity }) {
     }
   );
 }
-function getActivityLabel(isNavigating, isMutating) {
+function getActivityLabel(isNavigating, isMutating, isSyncing) {
   if (isNavigating) return "Loading page";
   if (isMutating) return "Syncing changes";
+  if (isSyncing) return "Syncing content";
 }
 function getStatusLabel(activity, hasFailed, hasBlocked) {
   if (activity) {
@@ -306,6 +320,7 @@ function activityStatusColor(status) {
   }
 }
 function formatActivityTitle(activity) {
+  if (activity.type === "sync") return "Content updates";
   const uploadTitle = formatUploadTitle(activity);
   if (uploadTitle) return uploadTitle;
   const titles = [
@@ -319,7 +334,9 @@ function formatActivityTitle(activity) {
   return "Content changes";
 }
 function formatActivityDescription(activity) {
-  const details = activity.type === "mutation" && isFileActivity(activity) ? fileMutationDescription(activity.status) : activity.operations.map((operation) => formatActivityOperation(operation, activity.status)).join(" \xB7 ");
+  const details = activity.type === "sync" ? syncDescription(activity.status) : activity.type === "mutation" && isFileActivity(activity) ? fileMutationDescription(activity.status) : activity.operations.map(
+    (operation) => formatActivityOperation(operation, activity.status)
+  ).join(" \xB7 ");
   const time = /* @__PURE__ */ jsx(Timestamp, { date: activity.finishedAt ?? activity.startedAt, format: "time" });
   if (!details) return time;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -344,6 +361,11 @@ function formatUploadTitle(activity) {
   const extension = dot < 0 ? "" : upload.title.slice(dot);
   return created.title.endsWith(extension) ? created.title : `${created.title}${extension}`;
 }
+function syncDescription(status) {
+  if (status === "failed") return "Could not fetch updates";
+  if (status === "succeeded") return "Up to date";
+  return "Fetching updates";
+}
 function fileMutationDescription(status) {
   if (status === "pending" || status === "running")
     return "Saving uploaded file.";

package/dist/dashboard/app/AuthView.js

@@ -28,12 +28,12 @@ import { IcRoundArrowForward, IcRoundPublish } from "../icons.js";
 // src/dashboard/app/AuthView.module.css
 var AuthView_default = {
   "AuthView": "alinea-AuthView",
-  "AuthView-mark": "alinea-AuthView-mark",
-  "AuthViewMark": "alinea-AuthView-mark",
   "AuthView-link": "alinea-AuthView-link",
   "AuthViewLink": "alinea-AuthView-link",
   "AuthView-loader": "alinea-AuthView-loader",
   "AuthViewLoader": "alinea-AuthView-loader",
+  "AuthView-mark": "alinea-AuthView-mark",
+  "AuthViewMark": "alinea-AuthView-mark",
   "AuthView-panel": "alinea-AuthView-panel",
   "AuthViewPanel": "alinea-AuthView-panel"
 };

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

@@ -0,0 +1,9 @@
+import { Type } from 'alinea/core/Type';
+import type { EditorNode } from '../atoms/editor.js';
+export interface BlockSettingsProps {
+    node: EditorNode;
+    type: Type;
+    readOnly?: boolean;
+}
+/** The settings fields of a block's type, for its settings sheet */
+export declare function BlockSettings({ node, type, readOnly }: BlockSettingsProps): import("react").JSX.Element | null;

package/dist/dashboard/app/BlockSettings.js

@@ -0,0 +1,16 @@
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/app/BlockSettings.tsx
+import { SheetSection } from "alinea/components";
+import { Type } from "alinea/core/Type";
+import { EditFields } from "./EntryFields.js";
+import { NodeEditor } from "./NodeEditor.js";
+import { jsx } from "react/jsx-runtime";
+function BlockSettings({ node, type, readOnly }) {
+  const settings = Type.settings(type);
+  if (!settings) return null;
+  return /* @__PURE__ */ jsx(SheetSection, { title: "Settings", children: /* @__PURE__ */ jsx(NodeEditor, { node, type, readOnly, children: /* @__PURE__ */ jsx(EditFields, { fields: settings }) }) });
+}
+export {
+  BlockSettings
+};

package/dist/dashboard/app/BlockSheet.js

@@ -24,13 +24,13 @@ import { createPortal } from "react-dom";
 
 // src/dashboard/app/BlockSheet.module.css
 var BlockSheet_default = {
-  "BlockSheet": "alinea-BlockSheet",
-  "BlockSheet-exit": "alinea-BlockSheet-exit",
-  "BlockSheetExit": "alinea-BlockSheet-exit",
   "BlockSheetSlot-host": "alinea-BlockSheetSlot-host",
   "BlockSheetSlotHost": "alinea-BlockSheetSlot-host",
   "BlockSheet-enter": "alinea-BlockSheet-enter",
   "BlockSheetEnter": "alinea-BlockSheet-enter",
+  "BlockSheet-exit": "alinea-BlockSheet-exit",
+  "BlockSheetExit": "alinea-BlockSheet-exit",
+  "BlockSheet": "alinea-BlockSheet",
   "BlockSheetSlot": "alinea-BlockSheetSlot"
 };
 

package/dist/dashboard/app/BlockSheetStoryFrame.js

@@ -10,9 +10,9 @@ import { BlockSheetProvider, BlockSheetSlot } from "./BlockSheet.js";
 var BlockSheetStoryFrame_default = {
   "BlockSheetStoryFrame-content": "alinea-BlockSheetStoryFrame-content",
   "BlockSheetStoryFrameContent": "alinea-BlockSheetStoryFrame-content",
+  "BlockSheetStoryFrame": "alinea-BlockSheetStoryFrame",
   "BlockSheetStoryFrame-panel": "alinea-BlockSheetStoryFrame-panel",
-  "BlockSheetStoryFramePanel": "alinea-BlockSheetStoryFrame-panel",
-  "BlockSheetStoryFrame": "alinea-BlockSheetStoryFrame"
+  "BlockSheetStoryFramePanel": "alinea-BlockSheetStoryFrame-panel"
 };
 
 // src/dashboard/app/BlockSheetStoryFrame.tsx

package/dist/dashboard/app/CompactField.js

@@ -22,31 +22,31 @@ import { viewsAtom } from "../atoms/core.js";
 
 // src/dashboard/app/CompactField.module.css
 var CompactField_default = {
-  "CompactField-link": "alinea-CompactField-link",
-  "CompactFieldLink": "alinea-CompactField-link",
-  "CompactField-muted": "alinea-CompactField-muted",
-  "CompactFieldMuted": "alinea-CompactField-muted",
   "CompactField-items": "alinea-CompactField-items",
   "CompactFieldItems": "alinea-CompactField-items",
-  "CompactField-link-label": "alinea-CompactField-link-label",
-  "CompactFieldLinkLabel": "alinea-CompactField-link-label",
-  "CompactField-json": "alinea-CompactField-json",
-  "CompactFieldJson": "alinea-CompactField-json",
+  "CompactField-link": "alinea-CompactField-link",
+  "CompactFieldLink": "alinea-CompactField-link",
   "CompactField-list-count": "alinea-CompactField-list-count",
   "CompactFieldListCount": "alinea-CompactField-list-count",
-  "CompactField": "alinea-CompactField",
-  "CompactField-text": "alinea-CompactField-text",
-  "CompactFieldText": "alinea-CompactField-text",
-  "CompactField-record": "alinea-CompactField-record",
-  "CompactFieldRecord": "alinea-CompactField-record",
   "CompactField-record-field": "alinea-CompactField-record-field",
   "CompactFieldRecordField": "alinea-CompactField-record-field",
+  "CompactField-json": "alinea-CompactField-json",
+  "CompactFieldJson": "alinea-CompactField-json",
+  "CompactField-record-label": "alinea-CompactField-record-label",
+  "CompactFieldRecordLabel": "alinea-CompactField-record-label",
+  "CompactField-link-label": "alinea-CompactField-link-label",
+  "CompactFieldLinkLabel": "alinea-CompactField-link-label",
+  "CompactField-muted": "alinea-CompactField-muted",
+  "CompactFieldMuted": "alinea-CompactField-muted",
+  "CompactField-record": "alinea-CompactField-record",
+  "CompactFieldRecord": "alinea-CompactField-record",
   "CompactField-record-value": "alinea-CompactField-record-value",
   "CompactFieldRecordValue": "alinea-CompactField-record-value",
+  "CompactField": "alinea-CompactField",
   "CompactField-link-preview": "alinea-CompactField-link-preview",
   "CompactFieldLinkPreview": "alinea-CompactField-link-preview",
-  "CompactField-record-label": "alinea-CompactField-record-label",
-  "CompactFieldRecordLabel": "alinea-CompactField-record-label"
+  "CompactField-text": "alinea-CompactField-text",
+  "CompactFieldText": "alinea-CompactField-text"
 };
 
 // src/dashboard/app/CompactField.tsx

package/dist/dashboard/app/CroppedImage.js

@@ -10,9 +10,9 @@ import { rotatedSize } from "alinea/core/media/ImageTransform";
 var CroppedImage_default = {
   "CroppedImage-image": "alinea-CroppedImage-image",
   "CroppedImageImage": "alinea-CroppedImage-image",
+  "CroppedImage": "alinea-CroppedImage",
   "CroppedImage-frame": "alinea-CroppedImage-frame",
-  "CroppedImageFrame": "alinea-CroppedImage-frame",
-  "CroppedImage": "alinea-CroppedImage"
+  "CroppedImageFrame": "alinea-CroppedImage-frame"
 };
 
 // src/dashboard/app/CroppedImage.tsx

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

@@ -1,7 +1,7 @@
 import type { WorkspaceInternal } from 'alinea/core/Workspace';
 import type { Page } from 'alinea/dashboard/atoms/nav';
 import type { RootAtoms, TreeView } from 'alinea/dashboard/atoms/root';
-import type { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 export interface DashboardLayoutProps extends PropsWithChildren {
     canManageMembers: boolean;
     page: Page;

package/dist/dashboard/app/DashboardLayout.js

@@ -18,6 +18,7 @@ import {
   SidebarHeader,
   SidebarInset
 } from "alinea/components";
+import { useLayoutEffect } from "react";
 import { DashboardScope, useDashboardContext } from "../hooks.js";
 import { IcRoundAdd } from "../icons.js";
 import { SidebarTree } from "./SidebarTree.js";
@@ -49,6 +50,7 @@ function DashboardLayout({
   workspace
 }) {
   return /* @__PURE__ */ jsxs(DashboardScope, { value: { page, root, workspace }, children: [
+    /* @__PURE__ */ jsx(WorkspaceColor, { color: workspace.color }),
     /* @__PURE__ */ jsxs(AppShell, { children: [
       /* @__PURE__ */ jsx(WorkspaceRoots, { canManageMembers, page }),
       /* @__PURE__ */ jsx(AppShellContent, { children: /* @__PURE__ */ jsx(
@@ -76,6 +78,16 @@ function DashboardLayout({
     /* @__PURE__ */ jsx(MoveConfirmDialog, {})
   ] });
 }
+function WorkspaceColor({ color }) {
+  useLayoutEffect(() => {
+    const { style } = document.documentElement;
+    style.setProperty("--alinea-workspace-color", color);
+    return () => {
+      style.removeProperty("--alinea-workspace-color");
+    };
+  }, [color]);
+  return null;
+}
 function SidebarCreateEntryButton({ root }) {
   const { page } = useDashboardContext();
   const canCreate = useAtomValueRaw(root.tree(page.locale).canCreate);

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

@@ -0,0 +1,11 @@
+import type { Entry } from 'alinea/core/Entry';
+import type { Type } from 'alinea/core/Type';
+import type { EditorNode } from '../atoms/editor.js';
+export interface EntryActionsProps {
+    type: Type;
+    node: EditorNode;
+    entry: Entry;
+    locale: string | null;
+}
+/** The actions configured with the `actions` option of a type */
+export declare function EntryActions({ type, node, entry, locale }: EntryActionsProps): import("react").JSX.Element | null;

package/dist/dashboard/app/EntryActions.js

@@ -0,0 +1,30 @@
+import {
+  useAtomValueRaw
+} from "../../chunks/chunk-D6UJHBJJ.js";
+import "../../chunks/chunk-CFNRVI3Y.js";
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/app/EntryActions.tsx
+import { getType } from "alinea/core/Internal";
+import { resolveView } from "alinea/core/View";
+import { useMemo } from "react";
+import { viewsAtom } from "../atoms/core.js";
+import { dashboardEntry } from "../cms/hooks.js";
+import { NodeEditor } from "./NodeEditor.js";
+import { jsx } from "react/jsx-runtime";
+function EntryActions({ type, node, entry, locale }) {
+  const views = useAtomValueRaw(viewsAtom);
+  const actions = getType(type).actions ?? [];
+  const props = useMemo(
+    () => ({ entry: dashboardEntry(entry), locale }),
+    [entry, locale]
+  );
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsx(NodeEditor, { node, type, children: actions.map((view, index) => {
+    const Action = resolveView(views, view);
+    return Action ? /* @__PURE__ */ jsx(Action, { ...props }, index) : null;
+  }) });
+}
+export {
+  EntryActions
+};

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

@@ -1,16 +1,29 @@
 import { Field } from 'alinea/core/Field';
 import { Section } from 'alinea/core/Section';
+import type { ObjectField } from 'alinea/field/object';
 export declare function FieldsEditor(): import("react").JSX.Element[];
 export declare function EntryFields(): import("react").JSX.Element[];
 export interface EditFieldsProps {
+    /**
+     * An object field to render the fields of, in the scope of its value.
+     * Without `fields` all its fields are rendered.
+     */
+    field?: ObjectField<object>;
     /** The fields and sections to render, keyed by name */
-    fields: Record<string, Field | Section>;
+    fields?: Record<string, Field | Section>;
 }
 /**
  * Renders a set of fields and sections with their configured views, laid out
  * like the default entry form (including each field's `width`).
+ *
+ * @example
+ * // Some fields of an object field, in a custom view of that object
+ * <EditFields
+ *   field={Product.dimensions}
+ *   fields={{width: Product.dimensions.width}}
+ * />
  */
-export declare const EditFields: import("react").MemoExoticComponent<({ fields }: EditFieldsProps) => import("react").JSX.Element>;
+export declare const EditFields: import("react").MemoExoticComponent<({ field, fields }: EditFieldsProps) => import("react").JSX.Element | null>;
 export interface EditFieldProps {
     /** The field to render, it must belong to the entry, row or object being edited */
     field: Field;

package/dist/dashboard/app/EntryFields.js

@@ -14,13 +14,20 @@ import { Section } from "alinea/core/Section";
 import { HiddenField } from "alinea/field/hidden";
 import { memo } from "react";
 import { EntryEditorSection } from "../atoms/editor.js";
-import { useEditor, useFieldOptions, useFieldView } from "../hooks.js";
+import {
+  EditorScope,
+  useEditor,
+  useFieldNode,
+  useFieldOptions,
+  useFieldView,
+  useNodeEditor
+} from "../hooks.js";
 
 // src/dashboard/app/EntryFields.module.css
 var EntryFields_default = {
-  "EditFields": "alinea-EditFields",
   "EditField-slot": "alinea-EditField-slot",
-  "EditFieldSlot": "alinea-EditField-slot"
+  "EditFieldSlot": "alinea-EditField-slot",
+  "EditFields": "alinea-EditFields"
 };
 
 // src/dashboard/app/EntryFields.tsx
@@ -42,11 +49,19 @@ var FormSection = memo(function FormSection2({ section }) {
 var EntryFormSection = memo(function EntryFormSection2({
   section
 }) {
+  const visible = useAtomValueRaw(section.visible);
   const fields = /* @__PURE__ */ jsx(FormSection, { section });
   if (Section.view(section.section)) return fields;
+  if (!visible) return null;
   return /* @__PURE__ */ jsx(Surface, { children: /* @__PURE__ */ jsx(SurfaceContent, { children: fields }) });
 });
-var EditFields = memo(function EditFields2({ fields }) {
+var EditFields = memo(function EditFields2({
+  field,
+  fields
+}) {
+  const editor = useEditor();
+  if (field) return /* @__PURE__ */ jsx(ObjectFields, { field, fields });
+  if (!fields) return null;
   return /* @__PURE__ */ jsx("div", { className: styles.EditFields(), children: Object.entries(fields).map(([name, value]) => {
     if (Field.isField(value)) return /* @__PURE__ */ jsx(EditField, { field: value }, name);
     if (!Section.isSection(value)) return null;
@@ -55,12 +70,18 @@ var EditFields = memo(function EditFields2({ fields }) {
       {
         className: styles.EditField.slot(),
         style: { flexBasis: fieldWidth() },
-        children: /* @__PURE__ */ jsx(FormSection, { section: new EntryEditorSection(value) })
+        children: /* @__PURE__ */ jsx(FormSection, { section: new EntryEditorSection(editor, value) })
       },
       name
     );
   }) });
 });
+function ObjectFields({ field, fields }) {
+  const type = useFieldOptions(field).fields;
+  const node = useFieldNode(field);
+  const editor = useNodeEditor(node, type);
+  return /* @__PURE__ */ jsx(EditorScope, { editor, children: fields ? /* @__PURE__ */ jsx(EditFields, { fields }) : /* @__PURE__ */ jsx(FieldsEditor, {}) });
+}
 var EditField = memo(function EditField2({ field }) {
   const options = useFieldOptions(field);
   const View = useFieldView(field);

package/dist/dashboard/app/EntryHeader.js

@@ -33,6 +33,7 @@ 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 { EntryActions } from "./EntryActions.js";
 import { loadMoveTargetsAtom } from "../atoms/move.js";
 import { routeAtom } from "../atoms/nav.js";
 import {
@@ -65,17 +66,17 @@ import {
 
 // src/dashboard/app/EntryHeader.module.css
 var EntryHeader_default = {
+  "EntryHeader-type": "alinea-EntryHeader-type",
+  "EntryHeaderType": "alinea-EntryHeader-type",
+  "EntryHeader-status": "alinea-EntryHeader-status",
+  "EntryHeaderStatus": "alinea-EntryHeader-status",
+  "EntryHeader-actions": "alinea-EntryHeader-actions",
+  "EntryHeaderActions": "alinea-EntryHeader-actions",
   "EntryHeader": "alinea-EntryHeader",
   "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",
-  "EntryHeader-status": "alinea-EntryHeader-status",
-  "EntryHeaderStatus": "alinea-EntryHeader-status"
+  "EntryHeaderSidebarToggle": "alinea-EntryHeader-sidebarToggle"
 };
 
 // src/dashboard/app/EntryHeader.tsx
@@ -513,6 +514,15 @@ function EntryHeader({
       )
     ] }),
     /* @__PURE__ */ jsxs(PageActions, { className: styles.EntryHeader.actions(), children: [
+      /* @__PURE__ */ jsx(
+        EntryActions,
+        {
+          type,
+          node,
+          entry: selectedEntry,
+          locale: localeData.requestedLocale
+        }
+      ),
       primaryAction,
       onSidebarOpenChange && !isSidebarOpen && /* @__PURE__ */ jsx(
         EntrySidebarToggle,