alinea 2.0.0-preview.7 → 2.0.0-preview.8

package/dist/field/metadata/MetadataField.view.js

@@ -5,6 +5,7 @@ import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/metadata/MetadataField.view.tsx
 import { Button, Label, Surface, SurfaceContent } from "alinea/components";
+import { Section } from "alinea/core/Section";
 import { NodeEditor } from "alinea/dashboard/app/EntryFields";
 import {
   useFieldError,
@@ -17,34 +18,34 @@ import { IcRoundPublic } from "alinea/dashboard/icons";
 
 // src/field/metadata/MetadataField.module.css
 var MetadataField_default = {
-  "OpenGraphPreview-site": "alinea-OpenGraphPreview-site",
-  "OpenGraphPreviewSite": "alinea-OpenGraphPreview-site",
-  "OpenGraphPreview-title": "alinea-OpenGraphPreview-title",
-  "OpenGraphPreviewTitle": "alinea-OpenGraphPreview-title",
+  "SearchEnginePreview-og-label": "alinea-SearchEnginePreview-og-label",
+  "SearchEnginePreviewOgLabel": "alinea-SearchEnginePreview-og-label",
   "SearchEnginePreview-link": "alinea-SearchEnginePreview-link",
   "SearchEnginePreviewLink": "alinea-SearchEnginePreview-link",
+  "SearchEnginePreview-og": "alinea-SearchEnginePreview-og",
+  "SearchEnginePreviewOg": "alinea-SearchEnginePreview-og",
+  "OpenGraphPreview-description": "alinea-OpenGraphPreview-description",
+  "OpenGraphPreviewDescription": "alinea-OpenGraphPreview-description",
+  "OpenGraphPreview-image": "alinea-OpenGraphPreview-image",
+  "OpenGraphPreviewImage": "alinea-OpenGraphPreview-image",
   "MetadataTimestampFieldView": "alinea-MetadataTimestampFieldView",
-  "OpenGraphPreview-content": "alinea-OpenGraphPreview-content",
-  "OpenGraphPreviewContent": "alinea-OpenGraphPreview-content",
-  "SearchEnginePreview-og-label": "alinea-SearchEnginePreview-og-label",
-  "SearchEnginePreviewOgLabel": "alinea-SearchEnginePreview-og-label",
-  "MetadataUserFieldView": "alinea-MetadataUserFieldView",
+  "SearchEnginePreview-og-label-small": "alinea-SearchEnginePreview-og-label-small",
+  "SearchEnginePreviewOgLabelSmall": "alinea-SearchEnginePreview-og-label-small",
   "SearchEnginePreview": "alinea-SearchEnginePreview",
-  "OpenGraphPreview": "alinea-OpenGraphPreview",
   "MetadataUserFieldView-contact": "alinea-MetadataUserFieldView-contact",
   "MetadataUserFieldViewContact": "alinea-MetadataUserFieldView-contact",
+  "OpenGraphPreview-site": "alinea-OpenGraphPreview-site",
+  "OpenGraphPreviewSite": "alinea-OpenGraphPreview-site",
+  "OpenGraphPreview-content": "alinea-OpenGraphPreview-content",
+  "OpenGraphPreviewContent": "alinea-OpenGraphPreview-content",
   "SearchEnginePreview-description": "alinea-SearchEnginePreview-description",
   "SearchEnginePreviewDescription": "alinea-SearchEnginePreview-description",
-  "SearchEnginePreview-og": "alinea-SearchEnginePreview-og",
-  "SearchEnginePreviewOg": "alinea-SearchEnginePreview-og",
-  "SearchEnginePreview-og-label-small": "alinea-SearchEnginePreview-og-label-small",
-  "SearchEnginePreviewOgLabelSmall": "alinea-SearchEnginePreview-og-label-small",
+  "MetadataUserFieldView": "alinea-MetadataUserFieldView",
   "MetadataUserFieldView-person": "alinea-MetadataUserFieldView-person",
   "MetadataUserFieldViewPerson": "alinea-MetadataUserFieldView-person",
-  "OpenGraphPreview-description": "alinea-OpenGraphPreview-description",
-  "OpenGraphPreviewDescription": "alinea-OpenGraphPreview-description",
-  "OpenGraphPreview-image": "alinea-OpenGraphPreview-image",
-  "OpenGraphPreviewImage": "alinea-OpenGraphPreview-image"
+  "OpenGraphPreview-title": "alinea-OpenGraphPreview-title",
+  "OpenGraphPreviewTitle": "alinea-OpenGraphPreview-title",
+  "OpenGraphPreview": "alinea-OpenGraphPreview"
 };
 
 // src/field/metadata/MetadataField.view.tsx
@@ -84,12 +85,25 @@ function MetadataFieldView({ field }) {
       {
         node,
         readOnly: options.readOnly,
-        type: options.fields
+        type: options.detailsSection ? options.seo : options.fields
       }
     ),
     /* @__PURE__ */ jsx(MetadataPreview, { metadata, origin })
   ] });
 }
+function MetadataDetailsView({ section }) {
+  const { field } = section[Section.Data];
+  const options = useFieldOptions(field);
+  const node = useFieldNode(field);
+  return /* @__PURE__ */ jsx(
+    NodeEditor,
+    {
+      node,
+      readOnly: options.readOnly,
+      type: options.details
+    }
+  );
+}
 function formatAuditTimestamp(value) {
   if (value === null) return "";
   const date = new Date(typeof value === "number" ? value * 1e3 : value);
@@ -149,6 +163,7 @@ function SearchEnginePreview({ metadata, origin: origin2 }) {
   );
 }
 export {
+  MetadataDetailsView,
   MetadataFieldView,
   MetadataTimestampFieldView,
   MetadataUserFieldView

package/dist/field/richtext/RichTextBlock.js

@@ -37,9 +37,9 @@ import { memo, useMemo, useState } from "react";
 
 // src/field/richtext/RichTextBlock.module.css
 var RichTextBlock_default = {
-  "RichTextBlock": "alinea-RichTextBlock",
   "RichTextBlock-dragHandle": "alinea-RichTextBlock-dragHandle",
-  "RichTextBlockDragHandle": "alinea-RichTextBlock-dragHandle"
+  "RichTextBlockDragHandle": "alinea-RichTextBlock-dragHandle",
+  "RichTextBlock": "alinea-RichTextBlock"
 };
 
 // src/field/richtext/RichTextBlock.tsx

package/dist/field/richtext/RichTextDocument.js

@@ -18,13 +18,14 @@ import {
 } from "./RichTextBlockValue.js";
 import { isRecord } from "alinea/core/util/Objects";
 function editorDocument(editor) {
+  const attributes = editor.extensionManager.attributes;
   function serialize(node) {
     const content = node.toJSON();
     if (!node.isText) {
       const dataAttributes = Object.fromEntries(
-        Object.entries(
-          getRenderedAttributes(node, editor.extensionManager.attributes)
-        ).filter(([key, value]) => key.startsWith("data-") && value != null)
+        Object.entries(getRenderedAttributes(node, attributes)).filter(
+          ([key, value]) => key.startsWith("data-") && value != null
+        )
       );
       if (Object.keys(dataAttributes).length)
         content.attrs = { ...content.attrs, ...dataAttributes };

package/dist/field/richtext/RichTextExtensions.d.ts

@@ -34,7 +34,7 @@ export declare const extensions: {
     Highlight: import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any>;
     UndoRedo: Extension<import("@tiptap/extensions").UndoRedoOptions, any>;
 };
-export declare function defaultExtensionConfig(getEntryAnchors?: () => Iterable<string>, enableImageResize?: boolean): {
+export declare function defaultExtensionConfig(getEntryAnchors?: () => Iterable<string>, enableImageResize?: boolean, enableTables?: boolean): {
     Document: TipTapNode<any, any>;
     Text: TipTapNode<any, any>;
     Paragraph: TipTapNode<import("@tiptap/extension-paragraph").ParagraphOptions, any>;

package/dist/field/richtext/RichTextExtensions.js

@@ -2970,40 +2970,40 @@ import Small from "./extensions/Small.js";
 
 // src/field/richtext/RichTextExtensions.module.css
 var RichTextExtensions_default = {
-  "RichTextExtensions-heading-level5": "alinea-RichTextExtensions-heading-level5",
-  "RichTextExtensionsHeadingLevel5": "alinea-RichTextExtensions-heading-level5",
+  "RichTextExtensions-tableHeader": "alinea-RichTextExtensions-tableHeader",
+  "RichTextExtensionsTableHeader": "alinea-RichTextExtensions-tableHeader",
   "RichTextExtensions-listItem": "alinea-RichTextExtensions-listItem",
   "RichTextExtensionsListItem": "alinea-RichTextExtensions-listItem",
-  "RichTextExtensions-table": "alinea-RichTextExtensions-table",
-  "RichTextExtensionsTable": "alinea-RichTextExtensions-table",
-  "RichTextExtensions-bulletList": "alinea-RichTextExtensions-bulletList",
-  "RichTextExtensionsBulletList": "alinea-RichTextExtensions-bulletList",
   "RichTextExtensions-heading-level3": "alinea-RichTextExtensions-heading-level3",
   "RichTextExtensionsHeadingLevel3": "alinea-RichTextExtensions-heading-level3",
+  "RichTextExtensions-blockquote": "alinea-RichTextExtensions-blockquote",
+  "RichTextExtensionsBlockquote": "alinea-RichTextExtensions-blockquote",
+  "RichTextExtensions-image": "alinea-RichTextExtensions-image",
+  "RichTextExtensionsImage": "alinea-RichTextExtensions-image",
+  "RichTextExtensions-bulletList": "alinea-RichTextExtensions-bulletList",
+  "RichTextExtensionsBulletList": "alinea-RichTextExtensions-bulletList",
+  "RichTextExtensions-table": "alinea-RichTextExtensions-table",
+  "RichTextExtensionsTable": "alinea-RichTextExtensions-table",
+  "RichTextExtensions-heading-level5": "alinea-RichTextExtensions-heading-level5",
+  "RichTextExtensionsHeadingLevel5": "alinea-RichTextExtensions-heading-level5",
+  "RichTextExtensions-link": "alinea-RichTextExtensions-link",
+  "RichTextExtensionsLink": "alinea-RichTextExtensions-link",
+  "RichTextExtensions-anchor": "alinea-RichTextExtensions-anchor",
+  "RichTextExtensionsAnchor": "alinea-RichTextExtensions-anchor",
   "RichTextExtensions-heading-level4": "alinea-RichTextExtensions-heading-level4",
   "RichTextExtensionsHeadingLevel4": "alinea-RichTextExtensions-heading-level4",
+  "RichTextExtensions-highlight": "alinea-RichTextExtensions-highlight",
+  "RichTextExtensionsHighlight": "alinea-RichTextExtensions-highlight",
   "RichTextExtensions-heading-level1": "alinea-RichTextExtensions-heading-level1",
   "RichTextExtensionsHeadingLevel1": "alinea-RichTextExtensions-heading-level1",
-  "RichTextExtensions-link": "alinea-RichTextExtensions-link",
-  "RichTextExtensionsLink": "alinea-RichTextExtensions-link",
-  "RichTextExtensions-orderedList": "alinea-RichTextExtensions-orderedList",
-  "RichTextExtensionsOrderedList": "alinea-RichTextExtensions-orderedList",
-  "RichTextExtensions-tableHeader": "alinea-RichTextExtensions-tableHeader",
-  "RichTextExtensionsTableHeader": "alinea-RichTextExtensions-tableHeader",
+  "RichTextExtensions-heading": "alinea-RichTextExtensions-heading",
+  "RichTextExtensionsHeading": "alinea-RichTextExtensions-heading",
   "RichTextExtensions-heading-level2": "alinea-RichTextExtensions-heading-level2",
   "RichTextExtensionsHeadingLevel2": "alinea-RichTextExtensions-heading-level2",
-  "RichTextExtensions-blockquote": "alinea-RichTextExtensions-blockquote",
-  "RichTextExtensionsBlockquote": "alinea-RichTextExtensions-blockquote",
+  "RichTextExtensions-orderedList": "alinea-RichTextExtensions-orderedList",
+  "RichTextExtensionsOrderedList": "alinea-RichTextExtensions-orderedList",
   "RichTextExtensions-tableCell": "alinea-RichTextExtensions-tableCell",
-  "RichTextExtensionsTableCell": "alinea-RichTextExtensions-tableCell",
-  "RichTextExtensions-heading": "alinea-RichTextExtensions-heading",
-  "RichTextExtensionsHeading": "alinea-RichTextExtensions-heading",
-  "RichTextExtensions-anchor": "alinea-RichTextExtensions-anchor",
-  "RichTextExtensionsAnchor": "alinea-RichTextExtensions-anchor",
-  "RichTextExtensions-highlight": "alinea-RichTextExtensions-highlight",
-  "RichTextExtensionsHighlight": "alinea-RichTextExtensions-highlight",
-  "RichTextExtensions-image": "alinea-RichTextExtensions-image",
-  "RichTextExtensionsImage": "alinea-RichTextExtensions-image"
+  "RichTextExtensionsTableCell": "alinea-RichTextExtensions-tableCell"
 };
 
 // src/field/richtext/RichTextExtensions.ts
@@ -3046,6 +3046,10 @@ var ImageWithReferenceAttributes = src_default9.extend({
     };
   }
 });
+var ImageWithoutNodeView = ImageWithReferenceAttributes.extend({
+  addNodeView: null
+});
+var TableWithoutNodeView = Table.extend({ addNodeView: null });
 function headingExtension(getEntryAnchors) {
   return src_default6.extend({
     addAttributes() {
@@ -3237,8 +3241,8 @@ var richTextBlockClipboard = Extension.create({
   }
 });
 var extensions = createExtensions();
-function defaultExtensionConfig(getEntryAnchors, enableImageResize = false) {
-  return createExtensions(getEntryAnchors, enableImageResize);
+function defaultExtensionConfig(getEntryAnchors, enableImageResize = false, enableTables = false) {
+  return createExtensions(getEntryAnchors, enableImageResize, enableTables);
 }
 function defaultExtensions(getEntryAnchors) {
   return Object.values(defaultExtensionConfig(getEntryAnchors));
@@ -3288,7 +3292,7 @@ function richTextBlockExtensions(schema, hosts) {
     })
   );
 }
-function createExtensions(getEntryAnchors, enableImageResize = false) {
+function createExtensions(getEntryAnchors, enableImageResize = false, enableTables = false) {
   return {
     Document: src_default4,
     Text: src_default15,
@@ -3313,7 +3317,7 @@ function createExtensions(getEntryAnchors, enableImageResize = false) {
     HorizontalRule: src_default8.configure({
       HTMLAttributes: { class: styles.RichTextExtensions.rule() }
     }),
-    Image: ImageWithReferenceAttributes.configure({
+    Image: (enableImageResize ? ImageWithReferenceAttributes : ImageWithoutNodeView).configure({
       HTMLAttributes: { class: styles.RichTextExtensions.image() },
       resize: enableImageResize ? {
         enabled: true,
@@ -3350,7 +3354,7 @@ function createExtensions(getEntryAnchors, enableImageResize = false) {
     SubScript: src_default13.configure({
       HTMLAttributes: { class: styles.RichTextExtensions.subscript() }
     }),
-    Table: Table.configure({
+    Table: (enableTables ? Table : TableWithoutNodeView).configure({
       HTMLAttributes: { class: styles.RichTextExtensions.table() }
     }),
     TableCell: TableCell.configure({

package/dist/field/richtext/RichTextField.view.js

@@ -130,7 +130,8 @@ function RichTextFieldView({
       configureRichTextExtensions(options.extensions, {
         ...defaultExtensionConfig(
           getEntryAnchors,
-          Boolean(options.enableImages)
+          Boolean(options.enableImages),
+          Boolean(options.enableTables)
         ),
         Placeholder: Placeholder.configure({
           placeholder: options.placeholder ?? (options.inline ? "Description" : ""),
@@ -149,6 +150,7 @@ function RichTextFieldView({
     getEntryAnchors,
     hosts,
     options.enableImages,
+    options.enableTables,
     options.extensions,
     options.inline,
     options.placeholder,
@@ -184,7 +186,7 @@ function RichTextFieldView({
     editable: !readOnly,
     onCreate({ editor: editor2 }) {
       setEditorReadOnly(editor2, readOnly);
-      lastEditorDocument.current = documentStructureKey(
+      lastEditorDocument.current ??= documentStructureKey(
         editorNodes(editorDocument(editor2), resolveBlock)
       );
     },
@@ -211,9 +213,14 @@ function RichTextFieldView({
     if (editor) setEditorReadOnly(editor, readOnly);
   }, [editor, readOnly]);
   useEffect(() => {
-    if (!editor) return;
-    const current = editorNodes(editorDocument(editor), resolveBlock);
-    if (documentKey === documentStructureKey(current)) return;
+    if (!editor || documentKey === lastEditorDocument.current) return;
+    const current = documentStructureKey(
+      editorNodes(editorDocument(editor), resolveBlock)
+    );
+    if (documentKey === current) {
+      lastEditorDocument.current = current;
+      return;
+    }
     const documentValue = store.get(fieldNode.value);
     editor.commands.setContent(editorContent(documentValue, richTextImages), {
       emitUpdate: false
@@ -332,7 +339,9 @@ function RichTextFieldView({
 function setEditorReadOnly(editor, readOnly) {
   if (editor.isDestroyed) return;
   editor.setEditable(!readOnly);
-  editor.view.dom.contentEditable = readOnly ? "false" : "plaintext-only";
+  const contentEditable = readOnly ? "false" : "plaintext-only";
+  if (editor.view.dom.contentEditable !== contentEditable)
+    editor.view.dom.contentEditable = contentEditable;
 }
 function RichTextBlockPortals({
   blocksById,

package/dist/field/views.js

@@ -16,6 +16,7 @@ import {
 } from "./link/LinkField.view.js";
 import { ListFieldView } from "./list/ListField.view.js";
 import {
+  MetadataDetailsView,
   MetadataFieldView,
   MetadataTimestampFieldView,
   MetadataUserFieldView
@@ -46,6 +47,7 @@ var views = {
   [viewKeys.TabsView]: TabsView,
   [viewKeys.NumberInput]: NumberFieldView,
   [viewKeys.MetadataInput]: MetadataFieldView,
+  [viewKeys.MetadataDetailsView]: MetadataDetailsView,
   [viewKeys.MetadataTimestampInput]: MetadataTimestampFieldView,
   [viewKeys.MetadataUserInput]: MetadataUserFieldView,
   [viewKeys.PathInput]: PathFieldView,

package/dist/next.cjs

@@ -103,7 +103,6 @@ function withAlinea(config = {}) {
   } catch {
     console.warn("Alinea could not determine Next.js version, assuming 15+");
   }
-  const redirects = adminPath ? createRedirects(config, adminPath) : config.redirects;
   const rewrites = adminPath ? createRewrites(config, adminPath, settings.handlerUrl) : config.rewrites;
   const images = adminPath ? createImages(config, adminPath) : config.images;
   const env = settings ? {
@@ -121,7 +120,6 @@ function withAlinea(config = {}) {
           "@alinea/generated"
         ]
       },
-      redirects,
       rewrites,
       images,
       env
@@ -132,7 +130,6 @@ function withAlinea(config = {}) {
       ...config.serverExternalPackages ?? [],
       "@alinea/generated"
     ],
-    redirects,
     rewrites,
     images,
     env
@@ -158,21 +155,6 @@ function createImages(config, adminPath) {
     ]
   };
 }
-function createRedirects(config, adminPath) {
-  const dev = process.env.ALINEA_DEV_SERVER;
-  if (!dev) return config.redirects;
-  return async () => {
-    const existing = config.redirects ? await config.redirects() : [];
-    return [
-      ...existing,
-      {
-        permanent: true,
-        source: `${adminPath}/~dev`,
-        destination: `${dev}/~dev`
-      }
-    ];
-  };
-}
 var emptyRewrites = {
   beforeFiles: [],
   afterFiles: [],

package/dist/next.d.ts

@@ -1,4 +1,5 @@
-export { createCMS } from 'alinea/adapter/next/cms';
-export { createHandler, type NextHandlerOptions } from 'alinea/adapter/next/handler';
-export type { AfterCommitContext, BeforeCommitContext } from 'alinea/backend/Handler';
+export type { SyncStatus } from 'alinea/adapter/next/cms';
+export type { NextHandlerOptions } from 'alinea/adapter/next/handler';
+export { createCMS, createHandler } from 'alinea/adapter/next/node';
 export { withAlinea } from 'alinea/adapter/next/with-alinea';
+export type { AfterCommitContext, BeforeCommitContext } from 'alinea/backend/Handler';

package/dist/next.edge.d.ts

@@ -1,3 +1,3 @@
-export { createCMS } from 'alinea/adapter/next/cms';
+export { createCMS, type SyncStatus } from 'alinea/adapter/next/cms';
 export { createHandler, type NextHandlerOptions } from 'alinea/adapter/next/handler';
 export type { AfterCommitContext, BeforeCommitContext } from 'alinea/backend/Handler';

package/dist/next.js

@@ -1,8 +1,7 @@
 import "./chunks/chunk-CQ52GEHY.js";
 
 // src/next.ts
-import { createCMS } from "alinea/adapter/next/cms";
-import { createHandler } from "alinea/adapter/next/handler";
+import { createCMS, createHandler } from "alinea/adapter/next/node";
 import { withAlinea } from "alinea/adapter/next/with-alinea";
 export {
   createCMS,

package/dist/picker/entry/EntryPicker.js

@@ -27,6 +27,7 @@ function entryPicker(options) {
         [EntryReference.anchor]: anchor,
         [EntryReference.suffix]: suffix,
         [ListRow.index]: index,
+        [ListRow.label]: label,
         ...fields
       } = row;
       for (const key of keys(fields)) delete row[key];
@@ -97,7 +98,7 @@ function selectImageAlt(alt, loader, location) {
 }
 function linkedLocalisation(loader, { workspace, root }) {
   if (typeof workspace !== "string" || typeof root !== "string") return;
-  const workspaceConfig = loader.resolver.config.workspaces[workspace];
+  const workspaceConfig = loader.config.workspaces[workspace];
   const rootConfig = workspaceConfig?.[root];
   if (!rootConfig) return;
   const rootData = Root.data(rootConfig);

package/dist/picker/url/UrlPicker.js

@@ -30,6 +30,7 @@ function urlPicker(options) {
         [UrlReference.title]: title,
         [UrlReference.target]: target,
         [ListRow.index]: index,
+        [ListRow.label]: label,
         ...fields
       } = row;
       const fieldKeys = keys(fields);

package/dist/preview/widget.d.ts

@@ -1,4 +1,18 @@
 import type { DOMAttributes } from 'react';
+export interface PreviewStat {
+    kind: 'query' | 'sync';
+    summary: string;
+    /** Whether the query was answered by the bundled database or the handler. */
+    source?: 'database' | 'handler';
+    durationMs: number;
+}
+/** The CMS work of one render, shown in the widget. */
+export interface PreviewStats {
+    rows: Array<PreviewStat>;
+    /** SQL statements run in this process for the render. */
+    statements: number;
+    sqlMs: number;
+}
 export declare function registerPreviewWidget(): void;
 declare global {
     namespace JSX {
@@ -7,6 +21,8 @@ declare global {
                 adminUrl: string;
                 editUrl: string;
                 livePreview?: 'connected' | 'warning' | 'loading';
+                /** JSON encoded PreviewStats */
+                stats?: string;
             };
         }
     }

package/dist/preview/widget.js

@@ -3,7 +3,7 @@ import "../chunks/chunk-CQ52GEHY.js";
 // src/preview/widget.ts
 function registerPreviewWidget() {
   if (customElements.get("alinea-preview")) return;
-  const observedAttributes = ["adminurl", "editurl", "livepreview"];
+  const observedAttributes = ["adminurl", "editurl", "livepreview", "stats"];
   const template = `
     <div class="previews">
       <div class="inner">
@@ -23,6 +23,8 @@ function registerPreviewWidget() {
             <path fill="#5763E6" d="M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36M20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83l3.75 3.75z"/>
           </svg>
         </a>
+        <span class="separator stats"></span>
+        <button type="button" class="button stats" title="Click to log the queries of this page to the browser console" id="btn-stats"></button>
       </div>
     </div>
   `;
@@ -115,6 +117,19 @@ function registerPreviewWidget() {
       border-left: 1px solid #E4E4E7;
       height: 16px;
     }
+    .stats {
+      display: none;
+    }
+    .has-stats .stats {
+      display: flex;
+    }
+    .button.stats {
+      width: auto;
+      padding: 0 16px 0 12px;
+      font: inherit;
+      font-size: 13px;
+      font-variant-numeric: tabular-nums;
+    }
     @keyframes pulse {
       0%, 100% {
         opacity: 1;
@@ -138,6 +153,9 @@ function registerPreviewWidget() {
     #previews;
     #adminButton;
     #editButton;
+    #statsButton;
+    #stats;
+    #hint;
     #disconnect;
     disconnectedCallback() {
       this.#disconnect();
@@ -158,8 +176,45 @@ function registerPreviewWidget() {
           );
           this.#previews?.classList.toggle("is-warning", value === "warning");
           return;
+        case "stats":
+          this.#stats = value ? JSON.parse(value) : void 0;
+          this.#previews?.classList.toggle("has-stats", Boolean(this.#stats));
+          if (this.#statsButton) this.#statsButton.textContent = this.#summary();
+          return;
       }
     }
+    #summary() {
+      if (!this.#stats) return "";
+      const { queries, syncs } = split(this.#stats.rows);
+      let text = `${queries.length} ${queries.length === 1 ? "query" : "queries"} \xB7 ${total(queries)} ms`;
+      if (syncs.length) text += ` \xB7 sync ${total(syncs)} ms`;
+      return text;
+    }
+    #logStats = () => {
+      if (!this.#stats) return;
+      const { rows, statements, sqlMs } = this.#stats;
+      const table = rows.map((row) => ({
+        type: row.kind,
+        what: row.summary,
+        source: row.source ?? "",
+        ms: round(row.durationMs)
+      }));
+      if (statements)
+        table.push({
+          type: "sql",
+          what: `${statements} statements`,
+          source: "database",
+          ms: round(sqlMs)
+        });
+      console.table(table);
+      const button = this.#statsButton;
+      if (!button) return;
+      button.textContent = "Logged to console \u2193";
+      clearTimeout(this.#hint);
+      this.#hint = setTimeout(() => {
+        button.textContent = this.#summary();
+      }, 1500);
+    };
     connectedCallback() {
       const shadow = this.attachShadow({ mode: "open" });
       const style = document.createElement("style");
@@ -173,6 +228,8 @@ function registerPreviewWidget() {
       const inner = wrapper.querySelector(".inner");
       this.#adminButton = previews.querySelector("#btn-admin");
       this.#editButton = previews.querySelector("#btn-edit");
+      this.#statsButton = previews.querySelector("#btn-stats");
+      this.#statsButton.addEventListener("click", this.#logStats);
       for (const attr of AlineaPreview.observedAttributes)
         this.attributeChangedCallback(attr, null, this.getAttribute(attr));
       let xPosition = 0.5;
@@ -218,6 +275,18 @@ function registerPreviewWidget() {
       };
     }
   }
+  function split(rows) {
+    return {
+      queries: rows.filter((row) => row.kind === "query"),
+      syncs: rows.filter((row) => row.kind === "sync")
+    };
+  }
+  function round(ms) {
+    return Math.round(ms * 10) / 10;
+  }
+  function total(rows) {
+    return Math.round(rows.reduce((sum, row) => sum + row.durationMs, 0));
+  }
   customElements.define("alinea-preview", AlineaPreview);
 }
 export {

package/dist/query.d.ts

@@ -22,7 +22,11 @@ export declare function children<Selection extends SelectionGuard = undefined, T
     count?: true;
     id?: import("./core/Filter").Condition<string>;
     parentId?: import("./core/Filter").Condition<string | null>;
+    versionStatus?: import("./core/Filter").Condition<import("alinea/core/Entry").EntryStatus>;
+    main?: import("./core/Filter").Condition<boolean>;
     path?: import("./core/Filter").Condition<string>;
+    filePath?: import("./core/Filter").Condition<string>;
+    seeded?: import("./core/Filter").Condition<string | null>;
     url?: import("./core/Filter").Condition<string>;
     alias?: import("./core/Filter").Condition<string>;
     createdAt?: import("./core/Filter").Condition<number | null>;
@@ -57,7 +61,11 @@ export declare function parents<Selection extends SelectionGuard = undefined, Ty
     count?: true;
     id?: import("./core/Filter").Condition<string>;
     parentId?: import("./core/Filter").Condition<string | null>;
+    versionStatus?: import("./core/Filter").Condition<import("alinea/core/Entry").EntryStatus>;
+    main?: import("./core/Filter").Condition<boolean>;
     path?: import("./core/Filter").Condition<string>;
+    filePath?: import("./core/Filter").Condition<string>;
+    seeded?: import("./core/Filter").Condition<string | null>;
     url?: import("./core/Filter").Condition<string>;
     alias?: import("./core/Filter").Condition<string>;
     createdAt?: import("./core/Filter").Condition<number | null>;
@@ -92,7 +100,11 @@ export declare function translations<Selection extends SelectionGuard = undefine
     count?: true;
     id?: import("./core/Filter").Condition<string>;
     parentId?: import("./core/Filter").Condition<string | null>;
+    versionStatus?: import("./core/Filter").Condition<import("alinea/core/Entry").EntryStatus>;
+    main?: import("./core/Filter").Condition<boolean>;
     path?: import("./core/Filter").Condition<string>;
+    filePath?: import("./core/Filter").Condition<string>;
+    seeded?: import("./core/Filter").Condition<string | null>;
     url?: import("./core/Filter").Condition<string>;
     alias?: import("./core/Filter").Condition<string>;
     createdAt?: import("./core/Filter").Condition<number | null>;
@@ -127,7 +139,11 @@ export declare function siblings<Selection extends SelectionGuard = undefined, T
     count?: true;
     id?: import("./core/Filter").Condition<string>;
     parentId?: import("./core/Filter").Condition<string | null>;
+    versionStatus?: import("./core/Filter").Condition<import("alinea/core/Entry").EntryStatus>;
+    main?: import("./core/Filter").Condition<boolean>;
     path?: import("./core/Filter").Condition<string>;
+    filePath?: import("./core/Filter").Condition<string>;
+    seeded?: import("./core/Filter").Condition<string | null>;
     url?: import("./core/Filter").Condition<string>;
     alias?: import("./core/Filter").Condition<string>;
     createdAt?: import("./core/Filter").Condition<number | null>;
@@ -160,7 +176,11 @@ export declare function parent<Selection extends SelectionGuard = undefined, Typ
     count?: true;
     id?: import("./core/Filter").Condition<string>;
     parentId?: import("./core/Filter").Condition<string | null>;
+    versionStatus?: import("./core/Filter").Condition<import("alinea/core/Entry").EntryStatus>;
+    main?: import("./core/Filter").Condition<boolean>;
     path?: import("./core/Filter").Condition<string>;
+    filePath?: import("./core/Filter").Condition<string>;
+    seeded?: import("./core/Filter").Condition<string | null>;
     url?: import("./core/Filter").Condition<string>;
     alias?: import("./core/Filter").Condition<string>;
     createdAt?: import("./core/Filter").Condition<number | null>;
@@ -192,7 +212,11 @@ export declare function next<Selection extends SelectionGuard = undefined, Type
     count?: true;
     id?: import("./core/Filter").Condition<string>;
     parentId?: import("./core/Filter").Condition<string | null>;
+    versionStatus?: import("./core/Filter").Condition<import("alinea/core/Entry").EntryStatus>;
+    main?: import("./core/Filter").Condition<boolean>;
     path?: import("./core/Filter").Condition<string>;
+    filePath?: import("./core/Filter").Condition<string>;
+    seeded?: import("./core/Filter").Condition<string | null>;
     url?: import("./core/Filter").Condition<string>;
     alias?: import("./core/Filter").Condition<string>;
     createdAt?: import("./core/Filter").Condition<number | null>;
@@ -224,7 +248,11 @@ export declare function previous<Selection extends SelectionGuard = undefined, T
     count?: true;
     id?: import("./core/Filter").Condition<string>;
     parentId?: import("./core/Filter").Condition<string | null>;
+    versionStatus?: import("./core/Filter").Condition<import("alinea/core/Entry").EntryStatus>;
+    main?: import("./core/Filter").Condition<boolean>;
     path?: import("./core/Filter").Condition<string>;
+    filePath?: import("./core/Filter").Condition<string>;
+    seeded?: import("./core/Filter").Condition<string | null>;
     url?: import("./core/Filter").Condition<string>;
     alias?: import("./core/Filter").Condition<string>;
     createdAt?: import("./core/Filter").Condition<number | null>;