alinea 2.0.0-preview.1 → 2.0.0-preview.2

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-search": "alinea-UsersPage-search",
-  "UsersPageSearch": "alinea-UsersPage-search",
-  "UsersPage-confirmation": "alinea-UsersPage-confirmation",
-  "UsersPageConfirmation": "alinea-UsersPage-confirmation",
-  "UsersPageSidebar-item": "alinea-UsersPageSidebar-item",
-  "UsersPageSidebarItem": "alinea-UsersPageSidebar-item",
-  "UsersPage-identity-title": "alinea-UsersPage-identity-title",
-  "UsersPageIdentityTitle": "alinea-UsersPage-identity-title",
-  "UsersPage-identity": "alinea-UsersPage-identity",
-  "UsersPageIdentity": "alinea-UsersPage-identity",
   "UsersPage-createButton": "alinea-UsersPage-createButton",
   "UsersPageCreateButton": "alinea-UsersPage-createButton",
-  "UsersPage-table": "alinea-UsersPage-table",
-  "UsersPageTable": "alinea-UsersPage-table",
+  "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",
+  "UsersPageSidebar-footer": "alinea-UsersPageSidebar-footer",
+  "UsersPageSidebarFooter": "alinea-UsersPageSidebar-footer",
+  "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-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-rolesCell": "alinea-UsersPage-rolesCell",
+  "UsersPageRolesCell": "alinea-UsersPage-rolesCell",
   "UsersPage-form-error": "alinea-UsersPage-form-error",
   "UsersPageFormError": "alinea-UsersPage-form-error",
-  "UsersPage-header-title": "alinea-UsersPage-header-title",
-  "UsersPageHeaderTitle": "alinea-UsersPage-header-title",
+  "UsersPage-confirmation": "alinea-UsersPage-confirmation",
+  "UsersPageConfirmation": "alinea-UsersPage-confirmation",
+  "UsersPageSidebar": "alinea-UsersPageSidebar",
   "UsersPageSidebar-nav": "alinea-UsersPageSidebar-nav",
   "UsersPageSidebarNav": "alinea-UsersPageSidebar-nav",
-  "UsersPage-header": "alinea-UsersPage-header",
-  "UsersPageHeader": "alinea-UsersPage-header",
   "UsersPageSidebar-icon": "alinea-UsersPageSidebar-icon",
   "UsersPageSidebarIcon": "alinea-UsersPageSidebar-icon",
-  "UsersPage-empty": "alinea-UsersPage-empty",
-  "UsersPageEmpty": "alinea-UsersPage-empty",
-  "UsersPage": "alinea-UsersPage",
-  "UsersPage-content": "alinea-UsersPage-content",
-  "UsersPageContent": "alinea-UsersPage-content",
-  "UsersPage-rolesCell": "alinea-UsersPage-rolesCell",
-  "UsersPageRolesCell": "alinea-UsersPage-rolesCell",
-  "UsersPage-status-text": "alinea-UsersPage-status-text",
-  "UsersPageStatusText": "alinea-UsersPage-status-text",
-  "UsersPage-identity-email": "alinea-UsersPage-identity-email",
-  "UsersPageIdentityEmail": "alinea-UsersPage-identity-email",
-  "UsersPage-roles": "alinea-UsersPage-roles",
-  "UsersPageRoles": "alinea-UsersPage-roles",
-  "UsersPageSidebar-footer": "alinea-UsersPageSidebar-footer",
-  "UsersPageSidebarFooter": "alinea-UsersPageSidebar-footer",
-  "UsersPage-noRoles": "alinea-UsersPage-noRoles",
-  "UsersPageNoRoles": "alinea-UsersPage-noRoles",
-  "UsersPage-status": "alinea-UsersPage-status",
-  "UsersPageStatus": "alinea-UsersPage-status",
-  "UsersPageSidebar": "alinea-UsersPageSidebar"
+  "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 = {
-  "is-loading": "alinea-is-loading",
-  "isLoading": "alinea-is-loading",
-  "DashboardModal-enter": "alinea-DashboardModal-enter",
-  "DashboardModalEnter": "alinea-DashboardModal-enter",
-  "DashboardModalForm": "alinea-DashboardModalForm",
-  "DashboardModalOverlay": "alinea-DashboardModalOverlay",
+  "DashboardModalContent": "alinea-DashboardModalContent",
   "is-explorer": "alinea-is-explorer",
   "isExplorer": "alinea-is-explorer",
-  "DashboardModalCloseButton": "alinea-DashboardModalCloseButton",
-  "DashboardModalFormHeader": "alinea-DashboardModalFormHeader",
+  "DashboardModal": "alinea-DashboardModal",
+  "DashboardModalDialog-header": "alinea-DashboardModalDialog-header",
+  "DashboardModalDialogHeader": "alinea-DashboardModalDialog-header",
+  "DashboardModalSeparator": "alinea-DashboardModalSeparator",
+  "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",
   "DashboardModalDialog-controls": "alinea-DashboardModalDialog-controls",
   "DashboardModalDialogControls": "alinea-DashboardModalDialog-controls",
   "DashboardModalFormBody": "alinea-DashboardModalFormBody",
-  "DashboardModalTitle": "alinea-DashboardModalTitle",
-  "DashboardModalFooter": "alinea-DashboardModalFooter",
-  "DashboardModalFormFooter": "alinea-DashboardModalFormFooter",
   "DashboardModalDialog-loader": "alinea-DashboardModalDialog-loader",
   "DashboardModalDialogLoader": "alinea-DashboardModalDialog-loader",
-  "DashboardModalSeparator": "alinea-DashboardModalSeparator",
-  "DashboardModal": "alinea-DashboardModal",
-  "DashboardModalContent": "alinea-DashboardModalContent",
-  "DashboardModalDialog-header": "alinea-DashboardModalDialog-header",
-  "DashboardModalDialogHeader": "alinea-DashboardModalDialog-header"
+  "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,12 +5,12 @@ 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",
-  "Rail": "alinea-Rail",
-  "RailFooter": "alinea-RailFooter",
   "RailBody": "alinea-RailBody",
   "RailHeader": "alinea-RailHeader",
+  "Rail": "alinea-Rail",
   "RailContent": "alinea-RailContent"
 };
 

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 = {
+  "SidebarHeader": "alinea-SidebarHeader",
   "SidebarBody": "alinea-SidebarBody",
-  "Sidebar": "alinea-Sidebar",
-  "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

@@ -3,6 +3,7 @@ import { Entry, EntryStatus } from 'alinea/core/Entry';
 import type { Order } from 'alinea/core/Graph';
 import { type EntryDefaultView } from 'alinea/core/Type';
 import { Atom, Getter } from 'jotai';
+import type { ResolvedEditorImage } from './editor.js';
 import { ReactiveNode } from './ReactiveNode.js';
 interface EntryData {
     id: string;
@@ -68,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;
@@ -123,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;

package/dist/dashboard/atoms/entry.js

@@ -13,6 +13,8 @@ import { Entry } from "alinea/core/Entry";
 import { createRecord, parseRecord } from "alinea/core/EntryRecord";
 import { getRoot, getType, getWorkspace } from "alinea/core/Internal";
 import { createPreview } from "alinea/core/media/CreatePreview.browser";
+import { mediaAltText } from "alinea/core/media/MediaAltField";
+import { MediaFile } from "alinea/core/media/MediaTypes";
 import { Permission } from "alinea/core/Role";
 import { Root } from "alinea/core/Root";
 import { createFilePatch } from "alinea/core/source/FilePatch";
@@ -24,9 +26,10 @@ import { encodePreviewPayload } from "alinea/preview/PreviewPayload";
 import { parents, translations } from "alinea/query";
 import { clientAtom, configAtom, graphAtom } from "./core.js";
 import { entryRevisionAtom, shaAtom } from "./graph.js";
+import { getPreviewToken, retryPreviewToken } from "./preview.js";
 import { ReactiveNode } from "./ReactiveNode.js";
 import { policyAtom, userAtom } from "./user.js";
-import { dispense, loader } from "./utils.js";
+import { atomWithPending, dispense, loader } from "./utils.js";
 var selection = {
   id: Entry.id,
   type: Entry.type,
@@ -166,6 +169,46 @@ var EntryLocaleAtoms = class {
     });
     return new ReactiveNode(value, readOnly);
   });
+  richTextImages = atom(async (get) => {
+    const entry = await get(this.selectedEntry);
+    const config = get(configAtom);
+    const type = config.schema[entry.type];
+    assert(type, `Type "${entry.type}" not found in config`);
+    const value = Type.withInitialValue(type, {
+      ...Type.initialValue(type),
+      ...entry.data
+    });
+    const imageIds = Array.from(
+      new Set(
+        Type.references(type, value).filter((reference) => reference.linkType === "image").map((reference) => reference.targetId)
+      )
+    );
+    if (imageIds.length === 0) return /* @__PURE__ */ new Map();
+    const graph = get(graphAtom);
+    const images = await graph.find({
+      id: { in: imageIds },
+      preferredLocale: this.requestedLocale ?? entry.locale ?? void 0,
+      status: "preferDraft",
+      select: {
+        id: Entry.id,
+        url: Entry.url,
+        alt: MediaFile.alt
+      }
+    });
+    const baseUrl = Config.baseUrl(config) ?? (typeof location === "undefined" ? void 0 : location.href);
+    return new Map(
+      images.map((image) => [
+        image.id,
+        {
+          src: URL.parse(image.url, baseUrl)?.href ?? "",
+          alt: mediaAltText(
+            image.alt,
+            this.requestedLocale ?? entry.locale ?? void 0
+          )
+        }
+      ])
+    );
+  });
   anchors = atom(async (get) => {
     const entry = await get(this.selectedEntry);
     const node = await get(this.selectedNode);
@@ -173,9 +216,10 @@ var EntryLocaleAtoms = class {
     assert(type, `Type "${entry.type}" not found in config`);
     return Type.anchors(type, get(node.value));
   });
-  #previewRetry = atom(0);
+  #previewUrlRetry = atom(0);
   retryPreviewUrl = atom(null, (get, set) => {
-    set(this.#previewRetry, (current) => current + 1);
+    retryPreviewToken(get(clientAtom));
+    set(this.#previewUrlRetry, (current) => current + 1);
   });
   previewEntryReady = atom(async (get) => {
     const activeEntry = await get(this.selectedEntry);
@@ -189,31 +233,27 @@ var EntryLocaleAtoms = class {
     };
   });
   previewEntry = unwrap(this.previewEntryReady, (previous) => previous);
-  #previewTargetUrl = atom((get) => {
-    const versions = get(this.versions);
-    const entry = Array.from(versions.values()).find((version) => version.active) ?? versions.values().next().value;
-    return entry?.url;
-  });
   previewUrlReady = atom(async (get) => {
-    get(this.#previewRetry);
-    const targetUrl = get(this.#previewTargetUrl);
+    get(this.#previewUrlRetry);
+    const versions = get(this.versions);
+    const targetUrl = Array.from(versions.values()).find((version) => version.active)?.url ?? versions.values().next().value?.url;
     if (!targetUrl) return void 0;
     const config = get(configAtom);
-    const client = get(clientAtom);
-    if (typeof client.previewToken !== "function") return void 0;
     try {
       const base = new URL(
-        config.handlerUrl ?? "",
+        Config.handlerUrl(config),
         Config.baseUrl(config) ?? (typeof location === "undefined" ? "http://localhost" : location.href)
       );
-      base.searchParams.set("preview", await client.previewToken());
+      const previewToken = await getPreviewToken(get(clientAtom));
+      if (!previewToken) return void 0;
+      base.searchParams.set("preview", previewToken);
       base.searchParams.set("returnTo", targetUrl);
       return base.toString();
     } catch {
       return void 0;
     }
   });
-  previewUrl = unwrap(this.previewUrlReady, (previous) => previous);
+  previewUrlState = atomWithPending(this.previewUrlReady);
   previewPayloadSignal = atom((get) => {
     const version = get(this.selectedVersion);
     const editing = get(this.currentlyEditing);

package/dist/dashboard/atoms/explorer.js

@@ -496,6 +496,7 @@ var ExplorerAtoms = class {
       const graph = get(graphAtom);
       const sort = get(this.sort);
       const filter = get(this.filter);
+      const orderField = sort.sortBy === "title" ? Entry.title : sort.sortBy === "path" ? Entry.path : sort.sortBy === "size" ? MediaFile.size : sort.sortBy === "id" ? Entry.id : Entry.index;
       const entries = await graph.find({
         workspace: entry.workspace,
         root: entry.root,
@@ -505,10 +506,7 @@ var ExplorerAtoms = class {
         type: filter,
         status: "preferDraft",
         groupBy: Entry.id,
-        orderBy: {
-          [sort.direction]: sort.sortBy === "title" ? Entry.title : sort.sortBy === "path" ? Entry.path : sort.sortBy === "size" ? MediaFile.size : sort.sortBy === "id" ? Entry.id : Entry.index,
-          caseSensitive: sort.sortBy !== "id"
-        },
+        orderBy: sort.direction === "asc" ? { asc: orderField, caseSensitive: sort.sortBy !== "id" } : { desc: orderField, caseSensitive: sort.sortBy !== "id" },
         select: {
           active: Entry.active,
           createdAt: Entry.createdAt,
@@ -596,10 +594,7 @@ var ExplorerAtoms = class {
         type: filter,
         status: "preferDraft",
         groupBy: Entry.id,
-        orderBy: search ? void 0 : selectedSort === void 0 && defaultOrderBy !== void 0 ? defaultOrderBy : {
-          [sort.direction]: orderField,
-          caseSensitive: sort.sortBy !== "id"
-        },
+        orderBy: search ? void 0 : selectedSort === void 0 && defaultOrderBy !== void 0 ? defaultOrderBy : sort.direction === "asc" ? { asc: orderField, caseSensitive: sort.sortBy !== "id" } : { desc: orderField, caseSensitive: sort.sortBy !== "id" },
         select: {
           active: Entry.active,
           createdAt: Entry.createdAt,

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

@@ -1,4 +1,7 @@
+import type { LocalConnection } from 'alinea/core/Connection';
 import type { PreviewMetadata } from 'alinea/core/Preview';
+export declare function getPreviewToken(client: LocalConnection): Promise<string | undefined>;
+export declare function retryPreviewToken(client: LocalConnection): void;
 export declare const previewMetadataAtom: import("jotai").PrimitiveAtom<PreviewMetadata | undefined> & {
     init: PreviewMetadata | undefined;
 };

package/dist/dashboard/atoms/preview.js

@@ -4,7 +4,24 @@ import {
 import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/atoms/preview.ts
+var previewTokens = /* @__PURE__ */ new WeakMap();
+function getPreviewToken(client) {
+  const current = previewTokens.get(client);
+  if (current) return current;
+  const request = typeof client.previewToken === "function" ? client.previewToken() : Promise.resolve(void 0);
+  const token = request.catch((error) => {
+    if (previewTokens.get(client) === token) previewTokens.delete(client);
+    throw error;
+  });
+  previewTokens.set(client, token);
+  return token;
+}
+function retryPreviewToken(client) {
+  previewTokens.delete(client);
+}
 var previewMetadataAtom = atom(void 0);
 export {
-  previewMetadataAtom
+  getPreviewToken,
+  previewMetadataAtom,
+  retryPreviewToken
 };

package/dist/dashboard/hooks.d.ts

@@ -9,7 +9,7 @@ import type { User } from 'alinea/core/User';
 import type { WorkspaceInternal } from 'alinea/core/Workspace';
 import { Type } from 'alinea';
 import type { ComponentType, Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { type EditorModel, type EditorNode, EntryEditor } from './atoms/editor.js';
+import { type EditorModel, type EditorNode, EntryEditor, type ResolvedEditorImage } from './atoms/editor.js';
 import type { EntryAtoms, EntryLocaleAtoms } from './atoms/entry.js';
 import type { Page } from './atoms/nav.js';
 import type { RootAtoms } from './atoms/root.js';
@@ -17,6 +17,7 @@ import type { ReactiveNode } from './atoms/ReactiveNode.js';
 interface EntryContextValue {
     entry: EntryAtoms;
     localeData: EntryLocaleAtoms;
+    richTextImages: ReadonlyMap<string, ResolvedEditorImage>;
     selectedEntry: EntryRecord<Record<string, unknown>>;
 }
 export interface DashboardOptions {
@@ -84,9 +85,10 @@ export declare function useDashboardContext(): DashboardContextValue;
 export interface EntryScopeProps {
     entry: EntryAtoms;
     localeData: EntryLocaleAtoms;
+    richTextImages: ReadonlyMap<string, ResolvedEditorImage>;
     selectedEntry: EntryRecord<Record<string, unknown>>;
 }
-export declare function EntryScope({ children, entry, localeData, selectedEntry }: PropsWithChildren<EntryScopeProps>): import("react").FunctionComponentElement<import("react").ProviderProps<EntryContextValue | null>>;
+export declare function EntryScope({ children, entry, localeData, richTextImages, selectedEntry }: PropsWithChildren<EntryScopeProps>): import("react").FunctionComponentElement<import("react").ProviderProps<EntryContextValue | null>>;
 export declare function useEntryAtoms(): EntryContextValue;
 export declare function useOptionalEntryAtoms(): EntryContextValue | null;
 /**

package/dist/dashboard/hooks.js

@@ -22,7 +22,9 @@ import {
   localAtom,
   viewsAtom
 } from "./atoms/core.js";
-import { EntryEditor } from "./atoms/editor.js";
+import {
+  EntryEditor
+} from "./atoms/editor.js";
 import { previewMetadataAtom } from "./atoms/preview.js";
 import { policyAtom, userAtom } from "./atoms/user.js";
 var entryContext = createContext(null);
@@ -99,11 +101,12 @@ function EntryScope({
   children,
   entry,
   localeData,
+  richTextImages,
   selectedEntry
 }) {
   const value = useMemo(
-    () => ({ entry, localeData, selectedEntry }),
-    [entry, localeData, selectedEntry]
+    () => ({ entry, localeData, richTextImages, selectedEntry }),
+    [entry, localeData, richTextImages, selectedEntry]
   );
   return createElement(entryContext.Provider, { value }, children);
 }
@@ -137,9 +140,10 @@ function useNodeEditor(node, type) {
       node,
       parent instanceof EntryEditor ? parent : void 0,
       activeVersion ?? void 0,
-      policy
+      policy,
+      scope?.richTextImages
     );
-  }, [activeVersion, node, parent, policy, type]);
+  }, [activeVersion, node, parent, policy, scope?.richTextImages, type]);
   return editor;
 }
 function useFieldNode(field) {

package/dist/dashboard/icons.d.ts

@@ -107,6 +107,7 @@ export declare function IcRoundMoreHoriz(props: SVGProps<SVGSVGElement>): import
 export declare function IcRoundMoreVert(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
 export declare function IcRoundNorthEast(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
 export declare function IcRoundNumbers(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundOpenInFull(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
 export declare function IcRoundOpenInNew(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
 export declare function IcRoundPanorama(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
 export declare function IcRoundPermMedia(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/dashboard/icons.js

@@ -1631,6 +1631,15 @@ function IcRoundNumbers(props) {
     }
   ) });
 }
+function IcRoundOpenInFull(props) {
+  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M21 8.59V4c0-.55-.45-1-1-1h-4.59c-.89 0-1.34 1.08-.71 1.71l1.59 1.59l-10 10l-1.59-1.59c-.62-.63-1.7-.19-1.7.7V20c0 .55.45 1 1 1h4.59c.89 0 1.34-1.08.71-1.71L7.71 17.7l10-10l1.59 1.59c.62.63 1.7.19 1.7-.7"
+    }
+  ) });
+}
 function IcRoundOpenInNew(props) {
   return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -2615,6 +2624,7 @@ export {
   IcRoundNorthEast,
   IcRoundNotes,
   IcRoundNumbers,
+  IcRoundOpenInFull,
   IcRoundOpenInNew,
   IcRoundPanorama,
   IcRoundPermMedia,

package/dist/field/check/CheckField.view.js

@@ -9,9 +9,9 @@ import { useField, useFieldError, useFieldOptions } from "alinea/dashboard/hooks
 
 // src/field/check/CheckField.module.css
 var CheckField_default = {
+  "checkline": "alinea-checkline",
   "checkline-required": "alinea-checkline-required",
-  "checklineRequired": "alinea-checkline-required",
-  "checkline": "alinea-checkline"
+  "checklineRequired": "alinea-checkline-required"
 };
 
 // src/field/check/CheckField.view.tsx