alinea 2.0.0-preview.0 → 2.0.0-preview.2

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

@@ -10,7 +10,7 @@ import {
 import "../../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/pages/EntryPage.tsx
-import { Button, Icon, Surface } from "alinea/components";
+import { Button, Icon, Surface, Tooltip } from "alinea/components";
 import { MediaFile, MediaLibrary } from "alinea/core/media/MediaTypes";
 import { assert } from "alinea/core/util/Assert";
 import { typeAtoms } from "alinea/dashboard/atoms/config";
@@ -31,7 +31,9 @@ import { EntryScope } from "../../hooks.js";
 import {
   IcBaselineErrorOutline,
   IcOutlineViewList,
-  IcRoundEdit
+  IcRoundEdit,
+  IcRoundCheck,
+  IcRoundSave
 } from "../../icons.js";
 import { FileEditor } from "./../editor/FileEditor.js";
 import { CreateEntryButton } from "./../DashboardLayout.js";
@@ -43,6 +45,7 @@ import {
 } from "./../EntrySidebar.js";
 import { EntryTranslationBanner } from "./../EntryTranslationBanner.js";
 import { Explorer } from "./../Explorer.js";
+import { SidebarLayout } from "../SidebarLayout.js";
 import {
   DashboardModal,
   DashboardModalContent,
@@ -53,31 +56,31 @@ import { Rail, RailBody, RailContent } from "./../ui/Rail.js";
 
 // src/dashboard/app/pages/EntryPage.module.css
 var EntryPage_default = {
-  "MissingEntry-id": "alinea-MissingEntry-id",
-  "MissingEntryId": "alinea-MissingEntry-id",
-  "EntryEditor-body": "alinea-EntryEditor-body",
-  "EntryEditorBody": "alinea-EntryEditor-body",
-  "EntryEditor-header": "alinea-EntryEditor-header",
-  "EntryEditorHeader": "alinea-EntryEditor-header",
+  "EntryEditor-fields": "alinea-EntryEditor-fields",
+  "EntryEditorFields": "alinea-EntryEditor-fields",
+  "EntryEditor-title": "alinea-EntryEditor-title",
+  "EntryEditorTitle": "alinea-EntryEditor-title",
   "EntryEditor-toolbar": "alinea-EntryEditor-toolbar",
   "EntryEditorToolbar": "alinea-EntryEditor-toolbar",
+  "EntryOverview-mobileActions": "alinea-EntryOverview-mobileActions",
+  "EntryOverviewMobileActions": "alinea-EntryOverview-mobileActions",
+  "EntryEditor-header": "alinea-EntryEditor-header",
+  "EntryEditorHeader": "alinea-EntryEditor-header",
   "MissingEntry-card": "alinea-MissingEntry-card",
   "MissingEntryCard": "alinea-MissingEntry-card",
   "MissingEntry": "alinea-MissingEntry",
-  "EntryEditor-title": "alinea-EntryEditor-title",
-  "EntryEditorTitle": "alinea-EntryEditor-title",
-  "MissingEntry-message": "alinea-MissingEntry-message",
-  "MissingEntryMessage": "alinea-MissingEntry-message",
-  "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-body": "alinea-EntryEditor-body",
+  "EntryEditorBody": "alinea-EntryEditor-body",
   "MissingEntry-icon": "alinea-MissingEntry-icon",
   "MissingEntryIcon": "alinea-MissingEntry-icon",
   "MissingEntry-title": "alinea-MissingEntry-title",
-  "MissingEntryTitle": "alinea-MissingEntry-title"
+  "MissingEntryTitle": "alinea-MissingEntry-title",
+  "MissingEntry-message": "alinea-MissingEntry-message",
+  "MissingEntryMessage": "alinea-MissingEntry-message",
+  "MissingEntry-id": "alinea-MissingEntry-id",
+  "MissingEntryId": "alinea-MissingEntry-id",
+  "EntryEditor-banner": "alinea-EntryEditor-banner",
+  "EntryEditorBanner": "alinea-EntryEditor-banner"
 };
 
 // src/dashboard/app/pages/EntryPage.tsx
@@ -106,17 +109,21 @@ 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 sourceLocale = get(localeData.translationSourceLocale);
-    const sidebar = await entrySidebar(get, entry, localeData);
+    const isSidebarOpen = get(entrySidebarOpenAtom);
+    const sidebar = await entrySidebar(get, entry, localeData, isSidebarOpen);
     return /* @__PURE__ */ jsx(
       EntryEditorContent,
       {
         entry,
+        isSidebarOpen: Boolean(sidebar && isSidebarOpen),
         localeData,
         node: selectedNode,
         page: page2,
         parentNeedsTranslation,
+        richTextImages,
         selectedEntry,
         sidebar,
         sourceLocale
@@ -175,8 +182,9 @@ function EntryViewToggle({ entry, page: page2 }) {
   const [isPending, startTransition] = useTransition();
   const nextView = view === "overview" ? "edit" : "overview";
   const label = nextView === "overview" ? "Show overview" : "Edit entry";
+  const tooltip = nextView === "overview" ? "Overview view" : "Edit view";
   const ViewIcon = nextView === "overview" ? IcOutlineViewList : IcRoundEdit;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Tooltip, { delay: 300, tooltip, children: /* @__PURE__ */ jsx(
     Button,
     {
       "aria-label": label,
@@ -192,7 +200,7 @@ function EntryViewToggle({ entry, page: page2 }) {
         view: nextView
       })
     }
-  );
+  ) });
 }
 function EntryOverview({
   entry,
@@ -228,8 +236,10 @@ function EntryOverview({
 function EntryEditorContent({
   page: page2,
   entry,
+  isSidebarOpen,
   localeData,
   parentNeedsTranslation,
+  richTextImages,
   selectedEntry,
   sidebar,
   sourceLocale,
@@ -240,6 +250,7 @@ function EntryEditorContent({
   const hasChildren = useAtomValue(entry.hasChildren);
   const defaultView = useAtomValue(entry.view);
   const sourceLocales = useAtomValue(entry.translationSourceLocales);
+  const parentPaths = useAtomValue(entry.parentPaths);
   const View = type.customView;
   const { locale } = page2;
   const isUntranslated = selectedEntry.locale !== locale;
@@ -250,7 +261,7 @@ function EntryEditorContent({
   const reset = useSetAtom(node.reset);
   const [routeBlock, setRouteBlock] = useAtom(routeBlockAtom);
   const setRouteGuard = useSetAtom(routeGuardAtom);
-  const [isSidebarOpen, setSidebarOpen] = useAtom(entrySidebarOpenAtom);
+  const setSidebarOpen = useSetAtom(entrySidebarOpenAtom);
   const editorBodyRef = useRef(null);
   const isMediaFile = type.type === MediaFile;
   const isMediaLibrary = type.type === MediaLibrary;
@@ -289,7 +300,7 @@ function EntryEditorContent({
     /* @__PURE__ */ jsx(NodeEditor, { node, type: type.type, children: /* @__PURE__ */ jsx(EntryFields, {}) })
   ] }) }) });
   if (isMediaFile) {
-    editorBody = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(RailBody, { ref: editorBodyRef, className: styles.EntryEditor.body(), children: /* @__PURE__ */ jsx(NodeEditor, { node, type: type.type, children: /* @__PURE__ */ jsx(FileEditor, { entry: selectedEntry }) }) }) });
+    editorBody = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(RailBody, { ref: editorBodyRef, className: styles.EntryEditor.body(), children: /* @__PURE__ */ jsx(NodeEditor, { node, type: type.type, children: /* @__PURE__ */ jsx(FileEditor, { entry: selectedEntry, parentPaths }) }) }) });
   }
   if (View) {
     return /* @__PURE__ */ jsx(
@@ -297,6 +308,7 @@ function EntryEditorContent({
       {
         entry,
         localeData,
+        richTextImages,
         selectedEntry,
         children: /* @__PURE__ */ jsx(View, { type: type.type })
       }
@@ -328,22 +340,36 @@ function EntryEditorContent({
         children: routeBlock && /* @__PURE__ */ jsxs(DashboardModalDialog, { label: "Confirm navigation", children: [
           /* @__PURE__ */ jsx(DashboardModalContent, { children: "This entry has unsaved changes" }),
           /* @__PURE__ */ jsxs(DashboardModalFooter, { children: [
-            /* @__PURE__ */ jsx(Button, { onPress: discardAndConfirm, intent: "secondary", children: "Discard my changes" }),
-            /* @__PURE__ */ jsx(Button, { onPress: saveAndConfirm, intent: "primary", children: mediaDraftsDisabled ? "Publish" : "Save as draft" })
+            /* @__PURE__ */ jsx(Button, { onPress: discardAndConfirm, appearance: "plain", children: "Discard my changes" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onPress: saveAndConfirm,
+                intent: "primary",
+                icon: mediaDraftsDisabled ? IcRoundCheck : IcRoundSave,
+                children: mediaDraftsDisabled ? "Publish" : "Save as draft"
+              }
+            )
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       EntryScope,
       {
         entry,
         localeData,
+        richTextImages,
         selectedEntry,
-        children: [
-          mainEditor,
-          sidebar && isSidebarOpen && /* @__PURE__ */ jsx(EntrySidebar, { ...sidebar, onOpenChange: setSidebarOpen })
-        ]
+        children: /* @__PURE__ */ jsx(
+          SidebarLayout,
+          {
+            side: "right",
+            visible: Boolean(sidebar && isSidebarOpen),
+            sidebar: sidebar && isSidebarOpen && /* @__PURE__ */ jsx(EntrySidebar, { ...sidebar, onOpenChange: setSidebarOpen }),
+            children: mainEditor
+          }
+        )
       }
     )
   ] });

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

@@ -9,9 +9,9 @@ import {
 } from "../../../chunks/chunk-Y7XOMJOC.js";
 import {
   $232f8dea1b0a4f2f$export$762f73dccccd255d
-} from "../../../chunks/chunk-JFROOUG6.js";
-import "../../../chunks/chunk-SJBZFMQ2.js";
+} from "../../../chunks/chunk-NIVGVRDS.js";
 import "../../../chunks/chunk-IYAQC63Y.js";
+import "../../../chunks/chunk-SJBZFMQ2.js";
 import "../../../chunks/chunk-AC4U3IMS.js";
 import {
   dist_default
@@ -56,54 +56,54 @@ import { SidebarHeader } from "../ui/Sidebar.js";
 
 // src/dashboard/app/pages/UsersPage.module.css
 var UsersPage_default = {
-  "UsersPage-header": "alinea-UsersPage-header",
-  "UsersPageHeader": "alinea-UsersPage-header",
-  "UsersPage-status-text": "alinea-UsersPage-status-text",
-  "UsersPageStatusText": "alinea-UsersPage-status-text",
-  "UsersPage-rolesCell": "alinea-UsersPage-rolesCell",
-  "UsersPageRolesCell": "alinea-UsersPage-rolesCell",
-  "UsersPage-roles": "alinea-UsersPage-roles",
-  "UsersPageRoles": "alinea-UsersPage-roles",
-  "UsersPage": "alinea-UsersPage",
   "UsersPage-createButton": "alinea-UsersPage-createButton",
   "UsersPageCreateButton": "alinea-UsersPage-createButton",
-  "UsersPage-search": "alinea-UsersPage-search",
-  "UsersPageSearch": "alinea-UsersPage-search",
+  "UsersPage-noRoles": "alinea-UsersPage-noRoles",
+  "UsersPageNoRoles": "alinea-UsersPage-noRoles",
+  "UsersPageSidebar-item": "alinea-UsersPageSidebar-item",
+  "UsersPageSidebarItem": "alinea-UsersPageSidebar-item",
   "UsersPage-identity-text": "alinea-UsersPage-identity-text",
   "UsersPageIdentityText": "alinea-UsersPage-identity-text",
-  "UsersPage-form-fields": "alinea-UsersPage-form-fields",
-  "UsersPageFormFields": "alinea-UsersPage-form-fields",
   "UsersPageSidebar-footer": "alinea-UsersPageSidebar-footer",
   "UsersPageSidebarFooter": "alinea-UsersPageSidebar-footer",
-  "UsersPage-empty": "alinea-UsersPage-empty",
-  "UsersPageEmpty": "alinea-UsersPage-empty",
+  "UsersPage-header": "alinea-UsersPage-header",
+  "UsersPageHeader": "alinea-UsersPage-header",
+  "UsersPage-identity-email": "alinea-UsersPage-identity-email",
+  "UsersPageIdentityEmail": "alinea-UsersPage-identity-email",
   "UsersPage-table": "alinea-UsersPage-table",
   "UsersPageTable": "alinea-UsersPage-table",
-  "UsersPage-identity": "alinea-UsersPage-identity",
-  "UsersPageIdentity": "alinea-UsersPage-identity",
+  "UsersPage-header-title": "alinea-UsersPage-header-title",
+  "UsersPageHeaderTitle": "alinea-UsersPage-header-title",
   "UsersPage-content": "alinea-UsersPage-content",
   "UsersPageContent": "alinea-UsersPage-content",
+  "UsersPage-empty": "alinea-UsersPage-empty",
+  "UsersPageEmpty": "alinea-UsersPage-empty",
+  "UsersPage-status": "alinea-UsersPage-status",
+  "UsersPageStatus": "alinea-UsersPage-status",
+  "UsersPage": "alinea-UsersPage",
+  "UsersPage-roles": "alinea-UsersPage-roles",
+  "UsersPageRoles": "alinea-UsersPage-roles",
+  "UsersPage-status-text": "alinea-UsersPage-status-text",
+  "UsersPageStatusText": "alinea-UsersPage-status-text",
+  "UsersPage-form-fields": "alinea-UsersPage-form-fields",
+  "UsersPageFormFields": "alinea-UsersPage-form-fields",
+  "UsersPage-identity": "alinea-UsersPage-identity",
+  "UsersPageIdentity": "alinea-UsersPage-identity",
   "UsersPage-identity-title": "alinea-UsersPage-identity-title",
   "UsersPageIdentityTitle": "alinea-UsersPage-identity-title",
-  "UsersPage-identity-email": "alinea-UsersPage-identity-email",
-  "UsersPageIdentityEmail": "alinea-UsersPage-identity-email",
-  "UsersPage-noRoles": "alinea-UsersPage-noRoles",
-  "UsersPageNoRoles": "alinea-UsersPage-noRoles",
-  "UsersPage-header-title": "alinea-UsersPage-header-title",
-  "UsersPageHeaderTitle": "alinea-UsersPage-header-title",
-  "UsersPageSidebar-nav": "alinea-UsersPageSidebar-nav",
-  "UsersPageSidebarNav": "alinea-UsersPageSidebar-nav",
+  "UsersPage-rolesCell": "alinea-UsersPage-rolesCell",
+  "UsersPageRolesCell": "alinea-UsersPage-rolesCell",
   "UsersPage-form-error": "alinea-UsersPage-form-error",
   "UsersPageFormError": "alinea-UsersPage-form-error",
-  "UsersPageSidebar-icon": "alinea-UsersPageSidebar-icon",
-  "UsersPageSidebarIcon": "alinea-UsersPageSidebar-icon",
-  "UsersPageSidebar-item": "alinea-UsersPageSidebar-item",
-  "UsersPageSidebarItem": "alinea-UsersPageSidebar-item",
   "UsersPage-confirmation": "alinea-UsersPage-confirmation",
   "UsersPageConfirmation": "alinea-UsersPage-confirmation",
   "UsersPageSidebar": "alinea-UsersPageSidebar",
-  "UsersPage-status": "alinea-UsersPage-status",
-  "UsersPageStatus": "alinea-UsersPage-status"
+  "UsersPageSidebar-nav": "alinea-UsersPageSidebar-nav",
+  "UsersPageSidebarNav": "alinea-UsersPageSidebar-nav",
+  "UsersPageSidebar-icon": "alinea-UsersPageSidebar-icon",
+  "UsersPageSidebarIcon": "alinea-UsersPageSidebar-icon",
+  "UsersPage-search": "alinea-UsersPage-search",
+  "UsersPageSearch": "alinea-UsersPage-search"
 };
 
 // src/dashboard/app/pages/UsersPage.tsx

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

@@ -1,14 +1,14 @@
 "use client";
 import {
   $f2ff30fde7b014be$export$d2f961adcb0afbe
-} from "../../../chunks/chunk-I7X64JTZ.js";
-import "../../../chunks/chunk-IWN3T3FL.js";
+} from "../../../chunks/chunk-VXZM6V4P.js";
+import "../../../chunks/chunk-O7XWTMCB.js";
 import "../../../chunks/chunk-RKDPDEF7.js";
-import "../../../chunks/chunk-JFROOUG6.js";
-import "../../../chunks/chunk-SJBZFMQ2.js";
+import "../../../chunks/chunk-NIVGVRDS.js";
 import "../../../chunks/chunk-IYAQC63Y.js";
-import "../../../chunks/chunk-LUBOGJCG.js";
-import "../../../chunks/chunk-YK3OSMDM.js";
+import "../../../chunks/chunk-SJBZFMQ2.js";
+import "../../../chunks/chunk-6V4TAD2N.js";
+import "../../../chunks/chunk-S4AU6SRS.js";
 import "../../../chunks/chunk-AC4U3IMS.js";
 import {
   dist_default
@@ -24,32 +24,32 @@ import { IcRoundClose } from "../../icons.js";
 
 // src/dashboard/app/ui/DashboardModal.module.css
 var DashboardModal_default = {
-  "DashboardModalFormHeader": "alinea-DashboardModalFormHeader",
   "DashboardModalContent": "alinea-DashboardModalContent",
-  "DashboardModalFooter": "alinea-DashboardModalFooter",
-  "DashboardModalForm": "alinea-DashboardModalForm",
-  "DashboardModalFormBody": "alinea-DashboardModalFormBody",
-  "DashboardModalDialog-controls": "alinea-DashboardModalDialog-controls",
-  "DashboardModalDialogControls": "alinea-DashboardModalDialog-controls",
+  "is-explorer": "alinea-is-explorer",
+  "isExplorer": "alinea-is-explorer",
+  "DashboardModal": "alinea-DashboardModal",
   "DashboardModalDialog-header": "alinea-DashboardModalDialog-header",
   "DashboardModalDialogHeader": "alinea-DashboardModalDialog-header",
-  "DashboardModalCloseButton": "alinea-DashboardModalCloseButton",
   "DashboardModalSeparator": "alinea-DashboardModalSeparator",
-  "is-explorer": "alinea-is-explorer",
-  "isExplorer": "alinea-is-explorer",
+  "DashboardModalFormFooter": "alinea-DashboardModalFormFooter",
   "DashboardModalDialog": "alinea-DashboardModalDialog",
+  "DashboardModalForm": "alinea-DashboardModalForm",
+  "DashboardModalOverlay": "alinea-DashboardModalOverlay",
+  "DashboardModal-surface": "alinea-DashboardModal-surface",
+  "DashboardModalSurface": "alinea-DashboardModal-surface",
+  "DashboardModalCloseButton": "alinea-DashboardModalCloseButton",
+  "DashboardModalFooter": "alinea-DashboardModalFooter",
   "DashboardModal-enter": "alinea-DashboardModal-enter",
   "DashboardModalEnter": "alinea-DashboardModal-enter",
-  "DashboardModalFormFooter": "alinea-DashboardModalFormFooter",
-  "DashboardModalOverlay": "alinea-DashboardModalOverlay",
-  "is-loading": "alinea-is-loading",
-  "isLoading": "alinea-is-loading",
-  "DashboardModal": "alinea-DashboardModal",
-  "DashboardModalTitle": "alinea-DashboardModalTitle",
+  "DashboardModalDialog-controls": "alinea-DashboardModalDialog-controls",
+  "DashboardModalDialogControls": "alinea-DashboardModalDialog-controls",
+  "DashboardModalFormBody": "alinea-DashboardModalFormBody",
   "DashboardModalDialog-loader": "alinea-DashboardModalDialog-loader",
   "DashboardModalDialogLoader": "alinea-DashboardModalDialog-loader",
-  "DashboardModal-surface": "alinea-DashboardModal-surface",
-  "DashboardModalSurface": "alinea-DashboardModal-surface"
+  "DashboardModalFormHeader": "alinea-DashboardModalFormHeader",
+  "is-loading": "alinea-is-loading",
+  "isLoading": "alinea-is-loading",
+  "DashboardModalTitle": "alinea-DashboardModalTitle"
 };
 
 // src/dashboard/app/ui/DashboardModal.tsx

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

@@ -5,13 +5,13 @@ import "../../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/app/ui/Rail.module.css
 var Rail_default = {
+  "RailFooter": "alinea-RailFooter",
   "is-main": "alinea-is-main",
   "isMain": "alinea-is-main",
-  "RailContent": "alinea-RailContent",
+  "RailBody": "alinea-RailBody",
   "RailHeader": "alinea-RailHeader",
   "Rail": "alinea-Rail",
-  "RailBody": "alinea-RailBody",
-  "RailFooter": "alinea-RailFooter"
+  "RailContent": "alinea-RailContent"
 };
 
 // src/dashboard/app/ui/Rail.tsx

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

@@ -8,9 +8,9 @@ import { Rail, RailHeader } from "./Rail.js";
 
 // src/dashboard/app/ui/Sidebar.module.css
 var Sidebar_default = {
-  "Sidebar": "alinea-Sidebar",
+  "SidebarHeader": "alinea-SidebarHeader",
   "SidebarBody": "alinea-SidebarBody",
-  "SidebarHeader": "alinea-SidebarHeader"
+  "Sidebar": "alinea-Sidebar"
 };
 
 // src/dashboard/app/ui/Sidebar.tsx

package/dist/dashboard/atoms/auth.js

@@ -23,6 +23,8 @@ var authAtom = Object.assign(
   atom(
     (get) => {
       if (!get(authRequiredAtom)) {
+        const state = get(authState);
+        if (state.status === "authenticated") return state;
         const userData = typeof process !== "undefined" && process.env.ALINEA_USER;
         return {
           status: "authenticated",

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

@@ -1,5 +1,14 @@
 import type { SetStateAction } from 'react';
 export type DashboardTheme = 'system' | 'light' | 'dark';
+export declare const dashboardMobileAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const navigationSidebarWidthAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const entrySidebarWidthAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
 export declare const entrySidebarOpenAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };

package/dist/dashboard/atoms/dashboard.js

@@ -15,6 +15,20 @@ var themeStorageAtom = atomWithStorage(
   "system",
   void 0
 );
+var mobileMediaQuery = "(max-width: 768px)";
+var dashboardMobileAtom = atom(
+  typeof window !== "undefined" && (window.matchMedia?.(mobileMediaQuery).matches ?? false)
+);
+dashboardMobileAtom.onMount = (setMobile) => {
+  const media = window.matchMedia?.(mobileMediaQuery);
+  if (!media) return;
+  const update = () => setMobile(media.matches);
+  update();
+  media.addEventListener("change", update);
+  return () => media.removeEventListener("change", update);
+};
+var navigationSidebarWidthAtom = atom(320);
+var entrySidebarWidthAtom = atom(320);
 var entrySidebarOpenAtom = atom(
   typeof window === "undefined" || !window.matchMedia?.("(max-width: 768px)").matches
 );
@@ -65,7 +79,10 @@ function applyDashboardTheme(theme) {
 }
 export {
   canLogoutAtom,
+  dashboardMobileAtom,
   entrySidebarOpenAtom,
+  entrySidebarWidthAtom,
   logoutAtom,
+  navigationSidebarWidthAtom,
   themeAtom
 };

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

@@ -5,6 +5,10 @@ import { Section } from 'alinea/core/Section';
 import { Type } from 'alinea/core/Type';
 import type { Atom, WritableAtom } from 'jotai';
 import type { ComponentType, ReactNode } from 'react';
+export interface ResolvedEditorImage {
+    src: string;
+    alt: string;
+}
 export interface EditorNode {
     readOnly: boolean;
     nodes: WritableAtom<unknown, [unknown], void>;
@@ -15,6 +19,7 @@ export interface EditorModel {
     anchors: Atom<Array<EntryAnchorTarget>>;
     node: EditorNode;
     parent?: EditorModel;
+    resolvedImages: ReadonlyMap<string, ResolvedEditorImage>;
     sections: Array<EditorSection>;
     type: Type;
     field(key: string): EditorField | undefined;
@@ -45,10 +50,11 @@ export declare class EntryEditor implements EditorModel {
     parent?: EntryEditor | undefined;
     resource?: Resource | undefined;
     policy?: Policy | undefined;
+    resolvedImages: ReadonlyMap<string, ResolvedEditorImage>;
     anchors: Atom<Array<EntryAnchorTarget>>;
     value: Atom<object>;
     sections: Array<EntryEditorSection>;
-    constructor(type: Type, node: EditorNode, parent?: EntryEditor | undefined, resource?: Resource | undefined, policy?: Policy | undefined);
+    constructor(type: Type, node: EditorNode, parent?: EntryEditor | undefined, resource?: Resource | undefined, policy?: Policy | undefined, resolvedImages?: ReadonlyMap<string, ResolvedEditorImage>);
     field: (key: string) => EntryEditorField | undefined;
     get(field: Field): EntryEditorField | undefined;
 }

package/dist/dashboard/atoms/editor.js

@@ -12,13 +12,15 @@ import { Type } from "alinea/core/Type";
 import { assert } from "alinea/core/util/Assert";
 import { configAtom, viewsAtom } from "./core.js";
 import { dispense } from "./utils.js";
+var emptyResolvedImages = /* @__PURE__ */ new Map();
 var EntryEditor = class {
-  constructor(type, node, parent, resource, policy) {
+  constructor(type, node, parent, resource, policy, resolvedImages = parent?.resolvedImages ?? emptyResolvedImages) {
     this.type = type;
     this.node = node;
     this.parent = parent;
     this.resource = resource;
     this.policy = policy;
+    this.resolvedImages = resolvedImages;
     this.resource ??= parent?.resource;
     this.policy ??= parent?.policy;
     this.value = node.value;
@@ -34,6 +36,7 @@ var EntryEditor = class {
   parent;
   resource;
   policy;
+  resolvedImages;
   anchors;
   value;
   sections;

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

@@ -1,7 +1,9 @@
 import type { EntryReference, EntryReferenceScan } from 'alinea/core/db/EntryReference';
 import { Entry, EntryStatus } from 'alinea/core/Entry';
+import type { Order } from 'alinea/core/Graph';
 import { type EntryDefaultView } from 'alinea/core/Type';
-import { Atom } from 'jotai';
+import { Atom, Getter } from 'jotai';
+import type { ResolvedEditorImage } from './editor.js';
 import { ReactiveNode } from './ReactiveNode.js';
 interface EntryData {
     id: string;
@@ -67,6 +69,7 @@ export declare class EntryLocaleAtoms {
     historyReady: Atom<Promise<import("../../core/Connection.js").Revision[]>>;
     history: Atom<import("../../core/Connection.js").Revision[]>;
     selectedNode: Atom<Promise<ReactiveNode<object>>>;
+    richTextImages: Atom<Promise<Map<string, ResolvedEditorImage>>>;
     anchors: Atom<Promise<import("alinea/core/Field").EntryAnchorTarget[]>>;
     retryPreviewUrl: import("jotai").WritableAtom<null, [], void> & {
         init: null;
@@ -122,7 +125,7 @@ export declare class EntryLocaleAtoms {
         searchableText: string;
     } | undefined>;
     previewUrlReady: Atom<Promise<string | undefined>>;
-    previewUrl: Atom<string | undefined>;
+    previewUrlState: Atom<readonly [false, string | undefined] | readonly [true, string | undefined]>;
     previewPayloadSignal: Atom<(object | null | undefined)[]>;
     updatePreviewPayload: import("jotai").WritableAtom<null, [], Promise<string | undefined>> & {
         init: null;
@@ -206,6 +209,7 @@ export declare class EntryAtoms {
     parentId: Atom<string | null>;
     workspace: Atom<string>;
     root: Atom<string>;
+    parentPaths: Atom<string[]>;
     hasChildren: Atom<boolean>;
     canPublishParents: Atom<boolean>;
     parentUnpublished: Atom<boolean>;
@@ -220,4 +224,46 @@ export declare class MissingEntryError extends Error {
     id: string;
     constructor(id: string);
 }
+export interface TreeEntrySummary {
+    id: string;
+    title: string;
+    type: string;
+    status: EntryStatus;
+    main: boolean;
+    locale: string | null;
+    parentId: string | null;
+    parents: Array<string>;
+    workspace: string;
+    root: string;
+    hasChildren: boolean;
+}
+interface TreeChildrenLocation {
+    workspace: string;
+    root: string;
+    parentId: string | null;
+}
+export declare function loadTreeChildren(get: Getter, location: TreeChildrenLocation, locale: string | null, orderBy?: Order | Array<Order>): Promise<Array<TreeEntryAtoms>>;
+export declare class TreeEntryAtoms {
+    #private;
+    readonly id: string;
+    constructor(id: string);
+    ready: Atom<Promise<this>>;
+    raw: (locale: string | null) => Atom<Promise<Omit<TreeEntrySummary, "hasChildren">>>;
+    summary: (locale: string | null) => Atom<Promise<{
+        id: string;
+        title: string;
+        type: string;
+        status: EntryStatus;
+        main: boolean;
+        locale: string | null;
+        parentId: string | null;
+        parents: Array<string>;
+        workspace: string;
+        root: string;
+        hasChildren: boolean;
+    }>>;
+    parents: Atom<Promise<TreeEntryAtoms[]>>;
+    children: (locale: string | null) => Atom<Promise<TreeEntryAtoms[]>>;
+}
+export declare const treeEntryAtoms: (id: string) => TreeEntryAtoms;
 export {};