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

package/dist/dashboard/app/pages/EntryPage.js

@@ -30,7 +30,7 @@ import { MediaFile, MediaLibrary } from "alinea/core/media/MediaTypes";
 import { assert } from "alinea/core/util/Assert";
 import { typeAtoms } from "alinea/dashboard/atoms/config";
 import { configAtom } from "alinea/dashboard/atoms/core";
-import { entrySidebarOpenAtom } from "alinea/dashboard/atoms/dashboard";
+import { entrySidebarOpen } from "alinea/dashboard/atoms/dashboard";
 import {
   entryAtoms,
   MissingEntryError
@@ -56,6 +56,7 @@ import { FileEditor } from "./../editor/FileEditor.js";
 import { CreateEntryButton } from "./../DashboardLayout.js";
 import { EntryFields } from "./../EntryFields.js";
 import { NodeEditor } from "./../NodeEditor.js";
+import { withSettingsTab } from "../SettingsTab.js";
 import { EntryHeader } from "./../EntryHeader.js";
 import { entryDirtyActions } from "./../EntryHeaderActions.js";
 import {
@@ -79,23 +80,28 @@ import {
 
 // src/dashboard/app/pages/EntryPage.module.css
 var EntryPage_default = {
-  "EntryEditor-body": "alinea-EntryEditor-body",
-  "EntryEditorBody": "alinea-EntryEditor-body",
-  "MissingEntry-media": "alinea-MissingEntry-media",
-  "MissingEntryMedia": "alinea-MissingEntry-media",
+  "EntryEditor": "alinea-EntryEditor",
+  "EntryEditor-banner": "alinea-EntryEditor-banner",
+  "EntryEditorBanner": "alinea-EntryEditor-banner",
+  "EntryOverview-mobileActions": "alinea-EntryOverview-mobileActions",
+  "EntryOverviewMobileActions": "alinea-EntryOverview-mobileActions",
+  "EntryEditor-fields": "alinea-EntryEditor-fields",
+  "EntryEditorFields": "alinea-EntryEditor-fields",
+  "EntryEditor-view": "alinea-EntryEditor-view",
+  "EntryEditorView": "alinea-EntryEditor-view",
   "EntryEditorLayout-sidebar": "alinea-EntryEditorLayout-sidebar",
   "EntryEditorLayoutSidebar": "alinea-EntryEditorLayout-sidebar",
-  "EntryEditor-toolbar": "alinea-EntryEditor-toolbar",
-  "EntryEditorToolbar": "alinea-EntryEditor-toolbar",
   "EntryEditorContent-navigationActions": "alinea-EntryEditorContent-navigationActions",
   "EntryEditorContentNavigationActions": "alinea-EntryEditorContent-navigationActions",
-  "EntryEditor-fields": "alinea-EntryEditor-fields",
-  "EntryEditorFields": "alinea-EntryEditor-fields",
-  "EntryEditor-banner": "alinea-EntryEditor-banner",
-  "EntryEditorBanner": "alinea-EntryEditor-banner",
   "MissingEntry": "alinea-MissingEntry",
-  "EntryOverview-mobileActions": "alinea-EntryOverview-mobileActions",
-  "EntryOverviewMobileActions": "alinea-EntryOverview-mobileActions"
+  "MissingEntry-media": "alinea-MissingEntry-media",
+  "MissingEntryMedia": "alinea-MissingEntry-media",
+  "EntryEditor-body": "alinea-EntryEditor-body",
+  "EntryEditorBody": "alinea-EntryEditor-body",
+  "EntryEditor-viewBanner": "alinea-EntryEditor-viewBanner",
+  "EntryEditorViewBanner": "alinea-EntryEditor-viewBanner",
+  "EntryEditor-toolbar": "alinea-EntryEditor-toolbar",
+  "EntryEditorToolbar": "alinea-EntryEditor-toolbar"
 };
 
 // src/dashboard/app/pages/EntryPage.tsx
@@ -125,10 +131,10 @@ var entryPage = page(async (page2, get) => {
     }
     const selectedNode = await get(localeData.selectedNode);
     const richTextImages = await get(localeData.richTextImages);
-    const parentNeedsTranslation = type.customView ? false : await get(localeData.parentNeedsTranslation);
+    const parentNeedsTranslation = await get(localeData.parentNeedsTranslation);
     const sourceLocale = get(localeData.translationSourceLocale);
     const copyTranslationSource = get(localeData.copyTranslationSource);
-    const isSidebarOpen = get(entrySidebarOpenAtom);
+    const isSidebarOpen = get(entrySidebarOpen(Boolean(get(entry.preview))));
     const sidebar = await entrySidebar(get, entry, localeData, isSidebarOpen);
     return /* @__PURE__ */ jsx(
       EntryEditorContent,
@@ -288,7 +294,9 @@ function EntryEditorContent({
   const reset = useSetAtom(node.reset);
   const [routeBlock, setRouteBlock] = useAtom(routeBlockAtom);
   const setRouteGuard = useSetAtom(routeGuardAtom);
-  const setSidebarOpen = useSetAtom(entrySidebarOpenAtom);
+  const setSidebarOpen = useSetAtom(
+    entrySidebarOpen(Boolean(useAtomValueRaw(entry.preview)))
+  );
   const editorBodyRef = useRef(null);
   const isMediaFile = type.type === MediaFile;
   const isMediaLibrary = type.type === MediaLibrary;
@@ -324,6 +332,17 @@ function EntryEditorContent({
   useLayoutEffect(() => {
     if (editorBodyRef.current) editorBodyRef.current.scrollTop = 0;
   }, [entry.id]);
+  const translationBanner = isUntranslated && /* @__PURE__ */ jsx(
+    EntryTranslationBanner,
+    {
+      copyFromSource: copyTranslationSource,
+      parentNeedsTranslation,
+      sourceLocale,
+      sourceLocales,
+      onCopyFromSourceChange: setCopyTranslationSource,
+      onSourceLocaleChange: setSourceLocale
+    }
+  );
   let editorBody = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     PageContent,
     {
@@ -331,18 +350,8 @@ function EntryEditorContent({
       contained: true,
       className: styles.EntryEditor.body(),
       children: /* @__PURE__ */ jsxs("div", { className: styles.EntryEditor.fields(), children: [
-        isUntranslated && /* @__PURE__ */ jsx("div", { className: styles.EntryEditor.banner(), children: /* @__PURE__ */ jsx(
-          EntryTranslationBanner,
-          {
-            copyFromSource: copyTranslationSource,
-            parentNeedsTranslation,
-            sourceLocale,
-            sourceLocales,
-            onCopyFromSourceChange: setCopyTranslationSource,
-            onSourceLocaleChange: setSourceLocale
-          }
-        ) }),
-        /* @__PURE__ */ jsx(NodeEditor, { node, type: type.type, children: /* @__PURE__ */ jsx(EntryFields, {}) })
+        translationBanner && /* @__PURE__ */ jsx("div", { className: styles.EntryEditor.banner(), children: translationBanner }),
+        /* @__PURE__ */ jsx(NodeEditor, { node, type: withSettingsTab(type.type), children: /* @__PURE__ */ jsx(EntryFields, {}) })
       ] })
     }
   ) });
@@ -356,18 +365,12 @@ function EntryEditorContent({
     ) }) }) });
   }
   if (View) {
-    return /* @__PURE__ */ jsx(
-      EntryScope,
-      {
-        entry,
-        localeData,
-        richTextImages,
-        selectedEntry,
-        children: /* @__PURE__ */ jsx(View, { type: type.type })
-      }
-    );
+    editorBody = /* @__PURE__ */ jsxs(Fragment, { children: [
+      translationBanner && /* @__PURE__ */ jsx("div", { className: styles.EntryEditor.viewBanner(), children: translationBanner }),
+      /* @__PURE__ */ jsx(PageContent, { ref: editorBodyRef, className: styles.EntryEditor.view(), children: /* @__PURE__ */ jsx(NodeEditor, { node, type: withSettingsTab(type.type), children: /* @__PURE__ */ jsx(View, { type: type.type }) }) })
+    ] });
   }
-  const mainEditor = /* @__PURE__ */ jsxs(PageLayout, { children: [
+  const mainEditor = /* @__PURE__ */ jsxs(PageLayout, { className: styles.EntryEditor(), children: [
     /* @__PURE__ */ jsx(
       EntryHeader,
       {

package/dist/dashboard/app/pages/RootPage.js

@@ -19,10 +19,10 @@ import { NotFoundPanel } from "./EntryPage.js";
 
 // src/dashboard/app/pages/RootPage.module.css
 var RootPage_default = {
-  "RootPage-customView": "alinea-RootPage-customView",
-  "RootPageCustomView": "alinea-RootPage-customView",
   "RootPage-mobileActions": "alinea-RootPage-mobileActions",
-  "RootPageMobileActions": "alinea-RootPage-mobileActions"
+  "RootPageMobileActions": "alinea-RootPage-mobileActions",
+  "RootPage-customView": "alinea-RootPage-customView",
+  "RootPageCustomView": "alinea-RootPage-customView"
 };
 
 // src/dashboard/app/pages/RootPage.tsx

package/dist/dashboard/app/pages/SplashPage.js

@@ -1,7 +1,9 @@
 import {
   useSetAtom
 } from "../../../chunks/chunk-D6UJHBJJ.js";
-import "../../../chunks/chunk-CFNRVI3Y.js";
+import {
+  atom
+} from "../../../chunks/chunk-CFNRVI3Y.js";
 import {
   styler
 } from "../../../chunks/chunk-I4OYYAX5.js";
@@ -30,6 +32,7 @@ import { routeAtom } from "alinea/dashboard/atoms/nav";
 import { rootAtoms } from "alinea/dashboard/atoms/root";
 import { workspaceAtom, workspacesAtom } from "alinea/dashboard/atoms/config";
 import { canManageMembersAtom, policyAtom } from "alinea/dashboard/atoms/user";
+import { dispense } from "alinea/dashboard/atoms/utils";
 import { useUser } from "alinea/dashboard/hooks";
 import {
   IcBaselineAccountCircle,
@@ -44,70 +47,117 @@ import { GlobalSearch, WorkspaceAvatar } from "../WorkspaceMenu.js";
 
 // src/dashboard/app/pages/SplashPage.module.css
 var SplashPage_default = {
-  "SplashPage-content": "alinea-SplashPage-content",
-  "SplashPageContent": "alinea-SplashPage-content",
-  "SplashPage-card-header-content": "alinea-SplashPage-card-header-content",
-  "SplashPageCardHeaderContent": "alinea-SplashPage-card-header-content",
-  "SplashPage-card-footer": "alinea-SplashPage-card-footer",
-  "SplashPageCardFooter": "alinea-SplashPage-card-footer",
-  "SplashPage-card-header-label": "alinea-SplashPage-card-header-label",
-  "SplashPageCardHeaderLabel": "alinea-SplashPage-card-header-label",
-  "SplashPage-sidebar-content": "alinea-SplashPage-sidebar-content",
-  "SplashPageSidebarContent": "alinea-SplashPage-sidebar-content",
-  "SplashPage-entry": "alinea-SplashPage-entry",
-  "SplashPageEntry": "alinea-SplashPage-entry",
-  "SplashPage-entry-user": "alinea-SplashPage-entry-user",
-  "SplashPageEntryUser": "alinea-SplashPage-entry-user",
+  "SplashPage-entry-visual": "alinea-SplashPage-entry-visual",
+  "SplashPageEntryVisual": "alinea-SplashPage-entry-visual",
+  "SplashPage-grid": "alinea-SplashPage-grid",
+  "SplashPageGrid": "alinea-SplashPage-grid",
+  "SplashPage-entry-visual-icon": "alinea-SplashPage-entry-visual-icon",
+  "SplashPageEntryVisualIcon": "alinea-SplashPage-entry-visual-icon",
+  "SplashPage-root": "alinea-SplashPage-root",
+  "SplashPageRoot": "alinea-SplashPage-root",
   "SplashPage-entry-content": "alinea-SplashPage-entry-content",
   "SplashPageEntryContent": "alinea-SplashPage-entry-content",
+  "SplashPage-action": "alinea-SplashPage-action",
+  "SplashPageAction": "alinea-SplashPage-action",
   "SplashPage-entry-primary": "alinea-SplashPage-entry-primary",
   "SplashPageEntryPrimary": "alinea-SplashPage-entry-primary",
-  "SplashPage-grid": "alinea-SplashPage-grid",
-  "SplashPageGrid": "alinea-SplashPage-grid",
-  "SplashPage-card-header-button": "alinea-SplashPage-card-header-button",
-  "SplashPageCardHeaderButton": "alinea-SplashPage-card-header-button",
-  "SplashPage-sidebar": "alinea-SplashPage-sidebar",
-  "SplashPageSidebar": "alinea-SplashPage-sidebar",
+  "SplashPage": "alinea-SplashPage",
+  "SplashPage-entry-title": "alinea-SplashPage-entry-title",
+  "SplashPageEntryTitle": "alinea-SplashPage-entry-title",
   "SplashPage-entry-meta": "alinea-SplashPage-entry-meta",
   "SplashPageEntryMeta": "alinea-SplashPage-entry-meta",
-  "SplashPage-actionIcon": "alinea-SplashPage-actionIcon",
-  "SplashPageActionIcon": "alinea-SplashPage-actionIcon",
-  "SplashPage-entry-visual": "alinea-SplashPage-entry-visual",
-  "SplashPageEntryVisual": "alinea-SplashPage-entry-visual",
   "SplashPage-entries": "alinea-SplashPage-entries",
   "SplashPageEntries": "alinea-SplashPage-entries",
-  "SplashPage-entry-visual-icon": "alinea-SplashPage-entry-visual-icon",
-  "SplashPageEntryVisualIcon": "alinea-SplashPage-entry-visual-icon",
-  "SplashPage-user": "alinea-SplashPage-user",
-  "SplashPageUser": "alinea-SplashPage-user",
-  "SplashPage-action": "alinea-SplashPage-action",
-  "SplashPageAction": "alinea-SplashPage-action",
+  "SplashPage-card-header-button": "alinea-SplashPage-card-header-button",
+  "SplashPageCardHeaderButton": "alinea-SplashPage-card-header-button",
+  "SplashPage-card-header": "alinea-SplashPage-card-header",
+  "SplashPageCardHeader": "alinea-SplashPage-card-header",
+  "SplashPage-actionIcon": "alinea-SplashPage-actionIcon",
+  "SplashPageActionIcon": "alinea-SplashPage-actionIcon",
+  "SplashPage-entry": "alinea-SplashPage-entry",
+  "SplashPageEntry": "alinea-SplashPage-entry",
+  "SplashPage-card-footer": "alinea-SplashPage-card-footer",
+  "SplashPageCardFooter": "alinea-SplashPage-card-footer",
+  "SplashPage-card-header-content": "alinea-SplashPage-card-header-content",
+  "SplashPageCardHeaderContent": "alinea-SplashPage-card-header-content",
+  "SplashPage-entry-user": "alinea-SplashPage-entry-user",
+  "SplashPageEntryUser": "alinea-SplashPage-entry-user",
+  "SplashPage-card": "alinea-SplashPage-card",
+  "SplashPageCard": "alinea-SplashPage-card",
   "SplashPage-card-header-title": "alinea-SplashPage-card-header-title",
   "SplashPageCardHeaderTitle": "alinea-SplashPage-card-header-title",
-  "SplashPage-entry-title": "alinea-SplashPage-entry-title",
-  "SplashPageEntryTitle": "alinea-SplashPage-entry-title",
-  "SplashPage-root": "alinea-SplashPage-root",
-  "SplashPageRoot": "alinea-SplashPage-root",
+  "SplashPage-sidebar": "alinea-SplashPage-sidebar",
+  "SplashPageSidebar": "alinea-SplashPage-sidebar",
+  "SplashPage-content": "alinea-SplashPage-content",
+  "SplashPageContent": "alinea-SplashPage-content",
+  "SplashPage-sidebar-content": "alinea-SplashPage-sidebar-content",
+  "SplashPageSidebarContent": "alinea-SplashPage-sidebar-content",
+  "SplashPage-card-header-label": "alinea-SplashPage-card-header-label",
+  "SplashPageCardHeaderLabel": "alinea-SplashPage-card-header-label",
   "SplashPage-appearance": "alinea-SplashPage-appearance",
   "SplashPageAppearance": "alinea-SplashPage-appearance",
-  "SplashPage-card": "alinea-SplashPage-card",
-  "SplashPageCard": "alinea-SplashPage-card",
-  "SplashPage": "alinea-SplashPage",
-  "SplashPage-card-header": "alinea-SplashPage-card-header",
-  "SplashPageCardHeader": "alinea-SplashPage-card-header"
+  "SplashPage-user": "alinea-SplashPage-user",
+  "SplashPageUser": "alinea-SplashPage-user"
 };
 
 // src/dashboard/app/pages/SplashPage.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = styler(SplashPage_default);
 var recentEntryCount = 3;
-var recentCandidateWindowSize = recentEntryCount;
 var visibleRootCount = 2;
 var futureTimestampTolerance = 24 * 60 * 60 * 1e3;
+var recentEntriesAtom = dispense(
+  (key) => atom(async (get) => {
+    await get(shaAtom);
+    const graph = get(graphAtom);
+    const policy = get(policyAtom);
+    const workspace = get(workspaceAtom(key));
+    const readableRoots = Object.keys(workspace.roots).filter(
+      (root) => policy.canRead({ workspace: key, root })
+    );
+    if (!readableRoots.length) return [];
+    const everyRoot = readableRoots.length === Object.keys(workspace.roots).length;
+    const locales = Math.max(
+      1,
+      ...readableRoots.map(
+        (root) => getRoot(workspace.roots[root]).i18n?.locales.length ?? 1
+      )
+    );
+    const candidates = await Promise.all(
+      [
+        { orderBy: { desc: Entry.updatedAt } },
+        { orderBy: { desc: Entry.id }, filter: { _updatedAt: null } }
+      ].map(
+        (order) => graph.find({
+          ...order,
+          workspace: key,
+          root: everyRoot ? void 0 : { in: readableRoots },
+          status: "preferDraft",
+          take: recentEntryCount * locales,
+          select: recentEntrySelection
+        })
+      )
+    );
+    const readable = candidates.flat().filter((entry) => policy.canRead(entry));
+    const now = Date.now();
+    const trustsIdTimestamps = readable.every((entry) => {
+      const timestamp = timestampFromId(entry.id);
+      return timestamp === void 0 || timestamp <= now + futureTimestampTolerance;
+    });
+    const latest = /* @__PURE__ */ new Map();
+    for (const row of readable) {
+      const entry = toRecentEntry(row, trustsIdTimestamps, now);
+      if (!entry) continue;
+      const seen = latest.get(entry.id);
+      if (!seen || entry.changedAt > seen.changedAt) latest.set(entry.id, entry);
+    }
+    return Array.from(latest.values()).sort(
+      (a, b) => b.changedAt - a.changedAt || (a.id < b.id ? 1 : a.id > b.id ? -1 : 0)
+    ).slice(0, recentEntryCount);
+  })
+);
 async function splashPage(get) {
   const canManageMembers = await get(canManageMembersAtom);
-  await get(shaAtom);
-  const graph = get(graphAtom);
   const config = get(configAtom);
   const policy = get(policyAtom);
   const summaries = await Promise.all(
@@ -121,42 +171,7 @@ async function splashPage(get) {
           return [{ icon, key: rootKey, label }];
         }
       );
-      const candidates = await Promise.all(
-        roots.flatMap(({ key: root }) => [
-          graph.find({
-            workspace: key,
-            root,
-            status: "preferDraft",
-            groupBy: Entry.id,
-            orderBy: { desc: Entry.updatedAt },
-            take: recentCandidateWindowSize,
-            select: recentEntrySelection
-          }),
-          graph.find({
-            workspace: key,
-            root,
-            status: "preferDraft",
-            groupBy: Entry.id,
-            orderBy: { desc: Entry.id },
-            take: recentCandidateWindowSize,
-            select: recentEntrySelection
-          })
-        ])
-      );
-      const readableCandidates = candidates.flat().filter((entry) => policy.canRead(entry));
-      const now = Date.now();
-      const trustsIdTimestamps = readableCandidates.every((entry) => {
-        const timestamp = timestampFromId(entry.id);
-        return timestamp === void 0 || timestamp <= now + futureTimestampTolerance;
-      });
-      const recentEntries = Array.from(
-        new Map(
-          readableCandidates.map((entry) => [
-            entry.id,
-            toRecentEntry(entry, trustsIdTimestamps, now)
-          ])
-        ).values()
-      ).filter((entry) => Boolean(entry)).sort((a, b) => b.changedAt - a.changedAt).slice(0, recentEntryCount);
+      const recentEntries = await get(recentEntriesAtom(key));
       const entries = recentEntries.map((entry) => {
         const type = config.schema[entry.type];
         return {

package/dist/dashboard/app/pages/UsersPage.js

@@ -61,23 +61,23 @@ import {
 
 // src/dashboard/app/pages/UsersPage.module.css
 var UsersPage_default = {
-  "UsersPage-roles": "alinea-UsersPage-roles",
-  "UsersPageRoles": "alinea-UsersPage-roles",
-  "UsersPage-identity": "alinea-UsersPage-identity",
-  "UsersPageIdentity": "alinea-UsersPage-identity",
-  "UsersPage": "alinea-UsersPage",
   "UsersPage-header": "alinea-UsersPage-header",
   "UsersPageHeader": "alinea-UsersPage-header",
-  "UsersPage-table": "alinea-UsersPage-table",
-  "UsersPageTable": "alinea-UsersPage-table",
+  "UsersPage-status": "alinea-UsersPage-status",
+  "UsersPageStatus": "alinea-UsersPage-status",
+  "UsersPage-identity": "alinea-UsersPage-identity",
+  "UsersPageIdentity": "alinea-UsersPage-identity",
+  "UsersPage-roles": "alinea-UsersPage-roles",
+  "UsersPageRoles": "alinea-UsersPage-roles",
   "UsersPage-search": "alinea-UsersPage-search",
   "UsersPageSearch": "alinea-UsersPage-search",
+  "UsersPage-table": "alinea-UsersPage-table",
+  "UsersPageTable": "alinea-UsersPage-table",
+  "UsersPage": "alinea-UsersPage",
   "UsersPage-createButton": "alinea-UsersPage-createButton",
   "UsersPageCreateButton": "alinea-UsersPage-createButton",
   "UsersPage-content": "alinea-UsersPage-content",
   "UsersPageContent": "alinea-UsersPage-content",
-  "UsersPage-status": "alinea-UsersPage-status",
-  "UsersPageStatus": "alinea-UsersPage-status",
   "UsersPage-form-fields": "alinea-UsersPage-form-fields",
   "UsersPageFormFields": "alinea-UsersPage-form-fields"
 };

package/dist/dashboard/app/ui/DashboardModal.js

@@ -25,28 +25,28 @@ import { BlockSheetBoundary } from "../BlockSheet.js";
 
 // src/dashboard/app/ui/DashboardModal.module.css
 var DashboardModal_default = {
-  "DashboardModalFormBody": "alinea-DashboardModalFormBody",
-  "DashboardModalDialog-loader": "alinea-DashboardModalDialog-loader",
-  "DashboardModalDialogLoader": "alinea-DashboardModalDialog-loader",
-  "DashboardModalFormHeader": "alinea-DashboardModalFormHeader",
-  "is-loading": "alinea-is-loading",
-  "isLoading": "alinea-is-loading",
-  "DashboardModalCloseButton": "alinea-DashboardModalCloseButton",
-  "DashboardModalContent": "alinea-DashboardModalContent",
-  "DashboardModalTitle": "alinea-DashboardModalTitle",
-  "DashboardModalFormFooter": "alinea-DashboardModalFormFooter",
-  "DashboardModalDialog": "alinea-DashboardModalDialog",
   "DashboardModalFooter": "alinea-DashboardModalFooter",
   "DashboardModal": "alinea-DashboardModal",
-  "DashboardModalForm": "alinea-DashboardModalForm",
   "DashboardModalDialog-header": "alinea-DashboardModalDialog-header",
   "DashboardModalDialogHeader": "alinea-DashboardModalDialog-header",
+  "DashboardModal-surface": "alinea-DashboardModal-surface",
+  "DashboardModalSurface": "alinea-DashboardModal-surface",
   "DashboardModal-enter": "alinea-DashboardModal-enter",
   "DashboardModalEnter": "alinea-DashboardModal-enter",
+  "DashboardModalDialog-loader": "alinea-DashboardModalDialog-loader",
+  "DashboardModalDialogLoader": "alinea-DashboardModalDialog-loader",
+  "DashboardModalContent": "alinea-DashboardModalContent",
   "DashboardModalDialog-controls": "alinea-DashboardModalDialog-controls",
   "DashboardModalDialogControls": "alinea-DashboardModalDialog-controls",
-  "DashboardModal-surface": "alinea-DashboardModal-surface",
-  "DashboardModalSurface": "alinea-DashboardModal-surface"
+  "DashboardModalTitle": "alinea-DashboardModalTitle",
+  "DashboardModalFormHeader": "alinea-DashboardModalFormHeader",
+  "is-loading": "alinea-is-loading",
+  "isLoading": "alinea-is-loading",
+  "DashboardModalFormBody": "alinea-DashboardModalFormBody",
+  "DashboardModalCloseButton": "alinea-DashboardModalCloseButton",
+  "DashboardModalDialog": "alinea-DashboardModalDialog",
+  "DashboardModalFormFooter": "alinea-DashboardModalFormFooter",
+  "DashboardModalForm": "alinea-DashboardModalForm"
 };
 
 // src/dashboard/app/ui/DashboardModal.tsx

package/dist/dashboard/atoms/activity.d.ts

@@ -3,6 +3,7 @@ import { type Activity } from '../boot/ActivityEvent.js';
 export interface DashboardActivity {
     items: Array<Activity>;
     isMutating: boolean;
+    isSyncing: boolean;
     hasFailed: boolean;
     hasBlocked: boolean;
     canRetry: boolean;

package/dist/dashboard/atoms/activity.js

@@ -152,8 +152,8 @@ var uploadProgressAtom = atom(
   }
 );
 function activityState(items) {
-  const hasFailedMutations = items.some(
-    (activity) => activity.type === "mutation" && activity.status === "failed"
+  const hasFailedRetryable = items.some(
+    (activity) => activity.type !== "upload" && activity.status === "failed"
   );
   const hasFailedUploads = items.some(
     (activity) => activity.type === "upload" && activity.status === "failed"
@@ -161,11 +161,14 @@ function activityState(items) {
   return {
     items,
     isMutating: items.some(
-      (activity) => activity.status === "pending" || activity.status === "running"
+      (activity) => activity.type !== "sync" && (activity.status === "pending" || activity.status === "running")
     ),
-    hasFailed: hasFailedMutations || hasFailedUploads,
+    isSyncing: items.some(
+      (activity) => activity.type === "sync" && activity.status === "running"
+    ),
+    hasFailed: hasFailedRetryable || hasFailedUploads,
     hasBlocked: items.some((activity) => activity.status === "blocked"),
-    canRetry: hasFailedMutations,
+    canRetry: hasFailedRetryable,
     canDiscard: hasFailedUploads
   };
 }

package/dist/dashboard/atoms/config.d.ts

@@ -4,8 +4,10 @@ export declare const workspaceAtom: (workspaceKey: string) => import("jotai").At
 export declare const viewAtoms: (key: string) => import("jotai").Atom<ComponentType | undefined>;
 export declare const typeAtoms: (typeName: string) => import("jotai").Atom<{
     fields: import("../../core/Type.js").FieldsDefinition;
+    settings?: import("../../core/Type.js").FieldsDefinition | undefined;
     contains?: Array<string | import("../../types.js").Type>;
     overview?: import("../../types.js").OverviewOptions;
+    actions?: Array<import("../../core/View.js").View<import("../../types.js").EntryActionProps>>;
     orderChildrenBy?: import("../../core/OrderBy.js").OrderBy | Array<import("../../core/OrderBy.js").OrderBy>;
     hidden?: true;
     collapsed?: boolean;

package/dist/dashboard/atoms/dashboard.d.ts

@@ -17,6 +17,17 @@ export declare const entrySidebarTabAtom: import("jotai").PrimitiveAtom<EntrySid
 export declare const entrySidebarOpenAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
+/**
+ * Entries without a preview only have history and references in the sidebar,
+ * so it starts closed for them (like the 1.x preview pane) and remembers its
+ * own state, leaving the room to the form and wide custom views
+ */
+export declare const entrySidebarOpenWithoutPreviewAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare function entrySidebarOpen(hasPreview: boolean): import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
 export declare const themeAtom: import("jotai").WritableAtom<DashboardTheme, [update: SetStateAction<DashboardTheme>], void> & {
     onMount(setTheme: (update: SetStateAction<DashboardTheme>) => void): void;
 };

package/dist/dashboard/atoms/dashboard.js

@@ -34,6 +34,10 @@ var entrySidebarTabAtom = atom("preview");
 var entrySidebarOpenAtom = atom(
   typeof window === "undefined" || !window.matchMedia?.("(max-width: 768px)").matches
 );
+var entrySidebarOpenWithoutPreviewAtom = atom(false);
+function entrySidebarOpen(hasPreview) {
+  return hasPreview ? entrySidebarOpenAtom : entrySidebarOpenWithoutPreviewAtom;
+}
 var themeAtom = Object.assign(
   atom(
     (get) => get(themeStorageAtom),
@@ -76,13 +80,17 @@ function applyDashboardTheme(theme) {
       });
     });
   }
+  if (!documentElement.hasAttribute("data-alinea-theme"))
+    documentElement.setAttribute("data-alinea-theme", "");
   if (theme === "system") documentElement.removeAttribute("data-theme");
   else documentElement.dataset.theme = theme;
 }
 export {
   canLogoutAtom,
   dashboardMobileAtom,
+  entrySidebarOpen,
   entrySidebarOpenAtom,
+  entrySidebarOpenWithoutPreviewAtom,
   entrySidebarTabAtom,
   entrySidebarWidthAtom,
   logoutAtom,

package/dist/dashboard/atoms/editor.d.ts

@@ -32,8 +32,12 @@ export interface EditorSection {
     }> | ((props: {
         section: Section;
     }) => ReactNode) | undefined>;
+    /** The section has a view or at least one field that is not hidden */
+    visible: Atom<boolean>;
 }
 export interface EditorField {
+    /** The editor of the entry, row or object the field belongs to */
+    editor: EditorModel;
     key: string;
     value: WritableAtom<unknown, [unknown], void>;
     options: Atom<FieldOptions<unknown>>;
@@ -61,13 +65,15 @@ export declare class EntryEditor implements EditorModel {
 }
 export declare function rootEditor(editor: EditorModel): EditorModel;
 export declare class EntryEditorSection implements EditorSection {
+    editor: EditorModel;
     section: Section;
-    constructor(section: Section);
+    constructor(editor: EditorModel, section: Section);
     view: Atom<((props: {
         section: Section;
     }) => ReactNode) | ComponentType<{
         section: Section;
     }> | undefined>;
+    visible: Atom<boolean>;
 }
 declare class EntryEditorField implements EditorField {
     #private;

package/dist/dashboard/atoms/editor.js

@@ -8,6 +8,7 @@ import { Field } from "alinea/core/Field";
 import { Section } from "alinea/core/Section";
 import { Type } from "alinea/core/Type";
 import { assert } from "alinea/core/util/Assert";
+import { HiddenField } from "alinea/field/hidden";
 import {
   fieldError,
   policyFieldOptions,
@@ -32,7 +33,7 @@ var EntryEditor = class {
       (get) => Type.anchors(type, get(node.value))
     );
     this.sections = Type.sections(type).map(
-      (section) => new EntryEditorSection(section)
+      (section) => new EntryEditorSection(this, section)
     );
   }
   type;
@@ -62,9 +63,11 @@ function rootEditor(editor) {
   return editor;
 }
 var EntryEditorSection = class {
-  constructor(section) {
+  constructor(editor, section) {
+    this.editor = editor;
     this.section = section;
   }
+  editor;
   section;
   view = atom((get) => {
     const view = Section.view(this.section);
@@ -72,6 +75,15 @@ var EntryEditorSection = class {
       return get(viewsAtom)[view];
     return view;
   });
+  visible = atom((get) => {
+    if (Section.view(this.section)) return true;
+    return Object.values(Section.definition(this.section)).some((value) => {
+      if (!Field.isField(value)) return true;
+      if (value instanceof HiddenField) return false;
+      const info = this.editor.get(value);
+      return !info || !get(info.options).hidden;
+    });
+  });
 };
 var EntryEditorField = class {
   constructor(editor, key, field) {