@formicoidea/labre-core 1.1.0 → 2.1.0

package/architecture/code.c4

@@ -1537,13 +1537,13 @@ model {
         link https://github.com/formicoidea/blocksuite-labre/tree/blocksuite-labre-main/packages/affine/database/engine
         metadata {
           path 'packages/affine/database/engine'
-          files '351'
+          files '338'
         }
         core = folder 'core/' {
           link https://github.com/formicoidea/blocksuite-labre/tree/blocksuite-labre-main/packages/affine/database/engine/src/core
           metadata {
             path 'packages/affine/database/engine/src/core'
-            files '166'
+            files '167'
           }
         }
         property-presets = folder 'property-presets/' {
@@ -1564,7 +1564,7 @@ model {
           link https://github.com/formicoidea/blocksuite-labre/tree/blocksuite-labre-main/packages/affine/database/engine/src/view-presets
           metadata {
             path 'packages/affine/database/engine/src/view-presets'
-            files '128'
+            files '114'
           }
         }
         widget-presets = folder 'widget-presets/' {
@@ -3728,7 +3728,7 @@ model {
   features.database.block -[uses]-> features.inlines.preset '3 imports'
   features.database.block -[uses]-> features.inlines.reference '1 import'
   features.database.block -[uses]-> features.rich-text '2 imports, 2 type-only'
-  features.database.block -[uses]-> features.shared '43 imports, 8 type-only'
+  features.database.block -[uses]-> features.shared '45 imports, 8 type-only'
   features.database.block -[uses]-> features.widgets.drag-handle '1 import'
   features.database.block -[uses]-> features.widgets.slash-menu '2 imports, 1 type-only'
   features.database.block -[uses]-> framework.global_ '16 imports'
@@ -3744,14 +3744,14 @@ model {
   features.database.editor -[uses]-> framework.global_ '3 imports'
   features.database.editor -[uses]-> framework.std '8 imports, 5 type-only'
   features.database.editor -[uses]-> framework.store '1 import'
-  features.database.engine -[uses]-> features.components '74 imports, 4 type-only'
-  features.database.engine -[uses]-> features.shared '84 imports, 42 type-only'
-  features.database.engine -[uses]-> framework.global_ '97 imports, 5 type-only'
-  features.database.engine -[uses]-> framework.std '82 imports, 11 type-only'
-  features.database.engine -[uses]-> framework.store '13 imports, 4 type-only'
+  features.database.engine -[uses]-> features.components '75 imports, 4 type-only'
+  features.database.engine -[uses]-> features.shared '98 imports, 44 type-only'
+  features.database.engine -[uses]-> framework.global_ '96 imports, 5 type-only'
+  features.database.engine -[uses]-> framework.std '81 imports, 9 type-only'
+  features.database.engine -[uses]-> framework.store '12 imports, 4 type-only'
   features.database.engine -[uses]-> model_.model_ '7 imports, 4 type-only'
   features.database.view-block -[uses]-> features.components '5 imports'
-  features.database.view-block -[uses]-> features.database.block '3 imports'
+  features.database.view-block -[uses]-> features.database.block '5 imports'
   features.database.view-block -[uses]-> features.database.engine '11 imports, 4 type-only'
   features.database.view-block -[uses]-> features.ext-loader '2 imports'
   features.database.view-block -[uses]-> features.shared '6 imports'
@@ -5697,7 +5697,8 @@ model {
   features.database.block.components -[imports]-> framework.global_.lit '2 imports'
   features.database.block.components -[imports]-> framework.std.src '3 imports'
   features.database.block.components -[imports]-> framework.store.src '1 import, 1 type-only'
-  features.database.block.configs -[imports]-> features.database.block.src '3 imports'
+  features.database.block.configs -[imports]-> features.database.block.src '4 imports'
+  features.database.block.configs -[imports]-> features.database.engine.src '1 import'
   features.database.block.configs -[imports]-> features.database.engine.view-presets '1 import'
   features.database.block.configs -[imports]-> features.shared.commands '1 import'
   features.database.block.configs -[imports]-> features.shared.services '1 import'
@@ -5706,12 +5707,13 @@ model {
   features.database.block.configs -[imports]-> framework.std.src '1 import, 1 type-only'
   features.database.block.context -[imports]-> framework.global_.di '1 import'
   features.database.block.context -[imports]-> framework.std.src '1 import, 1 type-only'
+  features.database.block.detail-panel -[imports]-> features.database.block.src '1 import'
   features.database.block.detail-panel -[imports]-> features.database.block.utils '1 import'
   features.database.block.detail-panel -[imports]-> features.database.engine.src '2 imports, 2 type-only'
   features.database.block.detail-panel -[imports]-> features.database.engine.view-presets '1 import, 1 type-only'
   features.database.block.detail-panel -[imports]-> features.inlines.preset.src '1 import'
   features.database.block.detail-panel -[imports]-> features.shared.consts '1 import'
-  features.database.block.detail-panel -[imports]-> features.shared.services '1 import'
+  features.database.block.detail-panel -[imports]-> features.shared.services '2 imports'
   features.database.block.detail-panel -[imports]-> features.shared.types '1 import, 1 type-only'
   features.database.block.detail-panel -[imports]-> features.shared.utils '1 import'
   features.database.block.detail-panel -[imports]-> framework.global_.lit '2 imports'
@@ -5719,7 +5721,7 @@ model {
   features.database.block.detail-panel -[imports]-> framework.store.src '1 import, 1 type-only'
   features.database.block.detail-panel -[imports]-> model_.model_.src '1 import'
   features.database.block.properties -[imports]-> features.database.block.context '5 imports'
-  features.database.block.properties -[imports]-> features.database.block.src '2 imports, 2 type-only'
+  features.database.block.properties -[imports]-> features.database.block.src '6 imports, 2 type-only'
   features.database.block.properties -[imports]-> features.database.block.utils '3 imports'
   features.database.block.properties -[imports]-> features.database.engine.property-presets '6 imports'
   features.database.block.properties -[imports]-> features.database.engine.src '14 imports, 2 type-only'
@@ -5758,12 +5760,12 @@ model {
   features.database.block.src -[imports]-> features.database.block.views_ '1 import'
   features.database.block.src -[imports]-> features.database.engine.property-presets '1 import'
   features.database.block.src -[imports]-> features.database.engine.src '7 imports, 2 type-only'
-  features.database.block.src -[imports]-> features.database.engine.view-presets '2 imports'
+  features.database.block.src -[imports]-> features.database.engine.view-presets '1 import'
   features.database.block.src -[imports]-> features.database.engine.widget-presets '1 import'
   features.database.block.src -[imports]-> features.ext-loader.src '2 imports'
   features.database.block.src -[imports]-> features.shared.commands '1 import'
   features.database.block.src -[imports]-> features.shared.consts '1 import'
-  features.database.block.src -[imports]-> features.shared.services '6 imports, 2 type-only'
+  features.database.block.src -[imports]-> features.shared.services '7 imports, 2 type-only'
   features.database.block.src -[imports]-> features.shared.theme '1 import'
   features.database.block.src -[imports]-> features.shared.utils '4 imports, 1 type-only'
   features.database.block.src -[imports]-> features.widgets.drag-handle.src '1 import'
@@ -5831,10 +5833,10 @@ model {
   features.database.engine.core -[imports]-> features.components.color-picker '2 imports'
   features.database.engine.core -[imports]-> features.components.context-menu '18 imports, 4 type-only'
   features.database.engine.core -[imports]-> features.components.icons_ '1 import'
-  features.database.engine.core -[imports]-> features.components.src '1 import'
-  features.database.engine.core -[imports]-> features.database.engine.src '7 imports'
+  features.database.engine.core -[imports]-> features.components.src '2 imports'
+  features.database.engine.core -[imports]-> features.database.engine.src '23 imports'
   features.database.engine.core -[imports]-> features.database.engine.view-presets '5 imports, 3 type-only'
-  features.database.engine.core -[imports]-> features.shared.services '13 imports, 6 type-only'
+  features.database.engine.core -[imports]-> features.shared.services '18 imports, 10 type-only'
   features.database.engine.core -[imports]-> features.shared.theme '5 imports'
   features.database.engine.core -[imports]-> features.shared.types '12 imports, 12 type-only'
   features.database.engine.core -[imports]-> features.shared.utils '10 imports, 8 type-only'
@@ -5843,14 +5845,15 @@ model {
   features.database.engine.core -[imports]-> framework.global_.env '3 imports'
   features.database.engine.core -[imports]-> framework.global_.exceptions '3 imports'
   features.database.engine.core -[imports]-> framework.global_.lit '19 imports'
-  features.database.engine.core -[imports]-> framework.std.src '27 imports, 7 type-only'
+  features.database.engine.core -[imports]-> framework.std.src '27 imports, 6 type-only'
   features.database.engine.core -[imports]-> framework.store.src '6 imports, 2 type-only'
   features.database.engine.core -[imports]-> model_.model_.src '6 imports, 3 type-only'
   features.database.engine.property-presets -[imports]-> features.components.context-menu '3 imports'
   features.database.engine.property-presets -[imports]-> features.components.date-picker '1 import'
   features.database.engine.property-presets -[imports]-> features.components.portal '1 import'
   features.database.engine.property-presets -[imports]-> features.database.engine.core '50 imports, 2 type-only'
-  features.database.engine.property-presets -[imports]-> features.shared.services '1 import'
+  features.database.engine.property-presets -[imports]-> features.database.engine.src '8 imports'
+  features.database.engine.property-presets -[imports]-> features.shared.services '2 imports, 1 type-only'
   features.database.engine.property-presets -[imports]-> features.shared.theme '1 import'
   features.database.engine.property-presets -[imports]-> framework.global_.env '2 imports'
   features.database.engine.property-presets -[imports]-> framework.global_.gfx '1 import'
@@ -5860,29 +5863,28 @@ model {
   features.database.engine.src -[imports]-> features.database.engine.view-presets '1 import'
   features.database.engine.src -[imports]-> features.database.engine.widget-presets '1 import'
   features.database.engine.src -[imports]-> features.shared.services '1 import, 1 type-only'
-  features.database.engine.view-presets -[imports]-> features.components.context-menu '32 imports'
-  features.database.engine.view-presets -[imports]-> features.components.src '3 imports'
-  features.database.engine.view-presets -[imports]-> features.database.engine.core '225 imports, 68 type-only'
+  features.database.engine.view-presets -[imports]-> features.components.context-menu '30 imports'
+  features.database.engine.view-presets -[imports]-> features.components.src '5 imports'
+  features.database.engine.view-presets -[imports]-> features.database.engine.core '228 imports, 60 type-only'
   features.database.engine.view-presets -[imports]-> features.database.engine.property-presets '7 imports'
-  features.database.engine.view-presets -[imports]-> features.database.engine.src '11 imports'
+  features.database.engine.view-presets -[imports]-> features.database.engine.src '31 imports'
   features.database.engine.view-presets -[imports]-> features.database.engine.widget-presets '2 imports'
-  features.database.engine.view-presets -[imports]-> features.shared.services '3 imports'
+  features.database.engine.view-presets -[imports]-> features.shared.services '10 imports'
   features.database.engine.view-presets -[imports]-> features.shared.theme '10 imports'
-  features.database.engine.view-presets -[imports]-> features.shared.types '2 imports, 2 type-only'
-  features.database.engine.view-presets -[imports]-> features.shared.utils '17 imports, 12 type-only'
-  features.database.engine.view-presets -[imports]-> framework.global_.di '1 import'
+  features.database.engine.view-presets -[imports]-> features.shared.types '1 import, 1 type-only'
+  features.database.engine.view-presets -[imports]-> features.shared.utils '15 imports, 10 type-only'
   features.database.engine.view-presets -[imports]-> framework.global_.disposable '3 imports'
   features.database.engine.view-presets -[imports]-> framework.global_.env '1 import'
   features.database.engine.view-presets -[imports]-> framework.global_.exceptions '2 imports'
   features.database.engine.view-presets -[imports]-> framework.global_.gfx '1 import'
   features.database.engine.view-presets -[imports]-> framework.global_.lit '38 imports'
-  features.database.engine.view-presets -[imports]-> framework.std.src '43 imports, 4 type-only'
-  features.database.engine.view-presets -[imports]-> framework.store.src '5 imports, 2 type-only'
+  features.database.engine.view-presets -[imports]-> framework.std.src '42 imports, 3 type-only'
+  features.database.engine.view-presets -[imports]-> framework.store.src '4 imports, 2 type-only'
   features.database.engine.widget-presets -[imports]-> features.components.context-menu '12 imports'
-  features.database.engine.widget-presets -[imports]-> features.database.engine.core '91 imports, 24 type-only'
-  features.database.engine.widget-presets -[imports]-> features.database.engine.src '9 imports'
+  features.database.engine.widget-presets -[imports]-> features.database.engine.core '95 imports, 24 type-only'
+  features.database.engine.widget-presets -[imports]-> features.database.engine.src '13 imports'
   features.database.engine.widget-presets -[imports]-> features.database.engine.view-presets '2 imports, 2 type-only'
-  features.database.engine.widget-presets -[imports]-> features.shared.services '4 imports, 1 type-only'
+  features.database.engine.widget-presets -[imports]-> features.shared.services '8 imports, 1 type-only'
   features.database.engine.widget-presets -[imports]-> features.shared.theme '5 imports'
   features.database.engine.widget-presets -[imports]-> framework.global_.di '1 import'
   features.database.engine.widget-presets -[imports]-> framework.global_.env '3 imports'
@@ -5896,6 +5898,7 @@ model {
   features.database.view-block.columns -[imports]-> features.database.block.src '1 import'
   features.database.view-block.columns -[imports]-> features.database.engine.property-presets '1 import'
   features.database.view-block.columns -[imports]-> features.database.engine.src '1 import, 1 type-only'
+  features.database.view-block.configs -[imports]-> features.database.block.src '1 import'
   features.database.view-block.configs -[imports]-> features.database.engine.src '1 import'
   features.database.view-block.configs -[imports]-> features.database.view-block.src '1 import, 1 type-only'
   features.database.view-block.configs -[imports]-> features.shared.services '1 import'
@@ -5906,7 +5909,7 @@ model {
   features.database.view-block.src -[imports]-> features.components.icons_ '1 import'
   features.database.view-block.src -[imports]-> features.components.peek '1 import'
   features.database.view-block.src -[imports]-> features.components.toast '1 import'
-  features.database.view-block.src -[imports]-> features.database.block.src '2 imports'
+  features.database.view-block.src -[imports]-> features.database.block.src '3 imports'
   features.database.view-block.src -[imports]-> features.database.engine.property-presets '1 import'
   features.database.view-block.src -[imports]-> features.database.engine.src '3 imports, 1 type-only'
   features.database.view-block.src -[imports]-> features.database.engine.widget-presets '1 import'

package/dist/_pkgs/affine-components/context-menu/input.d.ts

@@ -9,6 +9,11 @@ export type MenuInputData = {
     onComplete?: (value: string) => void;
     onChange?: (value: string) => void;
     onBlur?: (value: string) => void;
+    /**
+     * Enter on the field, before the menu closes; `false` keeps the menu
+     * open on the field (a value the step refuses). Escape never calls it.
+     */
+    onEnter?: (value: string) => boolean | void;
     disableAutoFocus?: boolean;
 };
 export declare class MenuInput extends MenuFocusable {
@@ -46,6 +51,7 @@ export declare const menuInputItems: {
         onComplete?: (value: string) => void;
         onChange?: (value: string) => void;
         onBlur?: (value: string) => void;
+        onEnter?: (value: string) => boolean | void;
         class?: string;
         style?: Readonly<StyleInfo>;
     }) => (menu: Menu) => TemplateResult<1> | undefined;

package/dist/_pkgs/affine-components/context-menu/input.js

@@ -155,6 +155,8 @@ let MenuInput = (() => {
                     return;
                 }
                 if (e.key === 'Enter') {
+                    if (this.data.onEnter?.(this.inputRef.value) === false)
+                        return;
                     this.complete();
                     // Blur before the menu goes away: unmounting a focused input does not
                     // emit `blur`, and blur is where the value is saved.
@@ -283,6 +285,7 @@ export const menuInputItems = {
             onComplete: config.onComplete,
             onChange: config.onChange,
             onBlur: config.onBlur,
+            onEnter: config.onEnter,
         };
         const style = styleMap({
             display: 'flex',

package/dist/_pkgs/affine-components/context-menu/menu-all.d.ts

@@ -12,6 +12,7 @@ export declare const menu: {
         onComplete?: (value: string) => void;
         onChange?: (value: string) => void;
         onBlur?: (value: string) => void;
+        onEnter?: (value: string) => boolean | void;
         class?: string;
         style?: Readonly<import("lit-html/directives/style-map.js").StyleInfo>;
     }) => (menu: import("./menu.js").Menu) => import("lit-html").TemplateResult<1> | undefined;

package/dist/_pkgs/affine-components/context-menu/menu-renderer.d.ts

@@ -1,6 +1,6 @@
 import type { BlockStdScope } from '../../std/index.js';
 import { ShadowlessElement } from '../../std/index.js';
-import { type Middleware, type ReferenceElement } from '@floating-ui/dom';
+import { type Middleware, type Placement, type ReferenceElement } from '@floating-ui/dom';
 import type { MenuFocusable } from './focusable.js';
 import { Menu, type MenuConfig, type MenuOptions } from './menu.js';
 import type { MenuComponentInterface } from './types.js';
@@ -61,6 +61,8 @@ export declare const createPopup: (target: PopupTarget, content: HTMLElement, op
     onClose?: () => void;
     middleware?: Array<Middleware | null | undefined | false>;
     container?: HTMLElement;
+    /** Told where the popup was placed, at each placement. */
+    onPlaced?: (placement: Placement) => void;
 }) => () => void;
 export type MenuHandler = {
     close: () => void;

package/dist/_pkgs/affine-components/context-menu/menu-renderer.js

@@ -527,7 +527,8 @@ export const createPopup = (target, content, options) => {
         computePosition(target.targetRect, content, {
             middleware: options?.middleware ?? [shift({ crossAxis: true })],
         })
-            .then(({ x, y }) => {
+            .then(({ x, y, placement }) => {
+            options?.onPlaced?.(placement);
             Object.assign(content.style, {
                 left: `${x}px`,
                 top: `${y}px`,
@@ -620,6 +621,13 @@ export const popMenu = (target, props) => {
         onClose: () => {
             menu.close();
         },
+        // A menu placed beside its anchor opens its sub-menus on that side too.
+        onPlaced: placement => {
+            if (placement.startsWith('left'))
+                menu.side = 'left';
+            else if (placement.startsWith('right'))
+                menu.side = 'right';
+        },
         middleware: props.middleware ?? [
             autoPlacement({
                 allowedPlacements: [

package/dist/_pkgs/affine-components/context-menu/menu.d.ts

@@ -19,9 +19,16 @@ export type MenuOptions = {
 };
 type MenuOpenListener = (menu: Menu) => (() => void) | void;
 export declare function onMenuOpen(listener: MenuOpenListener): () => void;
+/** The side of its parent a sub-menu opened on. */
+export type SubMenuSide = 'left' | 'right';
 export declare class Menu {
     options: MenuOptions;
     private _cleanupFns;
+    /**
+     * Set once a sub-menu is placed; its own sub-menus open on the same side
+     * (`nestedSubMenuPosition`). Undefined for a root menu.
+     */
+    side: SubMenuSide | undefined;
     private readonly _currentFocused$;
     private readonly _subMenu$;
     closed: boolean;

package/dist/_pkgs/affine-components/context-menu/menu.js

@@ -18,6 +18,11 @@ export class Menu {
     constructor(options) {
         this.options = options;
         this._cleanupFns = [];
+        /**
+         * Set once a sub-menu is placed; its own sub-menus open on the same side
+         * (`nestedSubMenuPosition`). Undefined for a root menu.
+         */
+        this.side = undefined;
         this._currentFocused$ = signal();
         this._subMenu$ = signal();
         this.closed = false;

package/dist/_pkgs/affine-components/context-menu/sub-menu.d.ts

@@ -1,6 +1,6 @@
 import { type TemplateResult } from 'lit';
 import { MenuFocusable } from './focusable.js';
-import { Menu, type MenuOptions } from './menu.js';
+import { Menu, type MenuOptions, type SubMenuSide } from './menu.js';
 export type MenuSubMenuData = {
     content: () => TemplateResult;
     options: MenuOptions;
@@ -24,6 +24,21 @@ export declare const subMenuMiddleware: {
     options?: any;
     fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
 }[];
+/**
+ * Where a nested sub-menu opens: on the side its parent opened on, right for
+ * a menu's first sub-menu, the other side only when it does not fit there.
+ * `autoPlacement` took the side with the most room, so a third level drawn
+ * from a menu sitting right of the page's middle went left, back over the
+ * first menu, instead of beside the second (#571).
+ */
+export declare function nestedSubMenuPosition(parentSide: SubMenuSide | undefined): {
+    placement: "left-start" | "right-start";
+    middleware: {
+        name: string;
+        options?: any;
+        fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+    }[];
+};
 export declare class MenuSubMenu extends MenuFocusable {
     createTime: number;
     connectedCallback(): void;

package/dist/_pkgs/affine-components/context-menu/sub-menu.js

@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { IS_MOBILE } from '../../global/env/index.js';
 import { ArrowRightSmallIcon } from '@blocksuite/icons/lit';
-import { autoPlacement, autoUpdate, computePosition, offset, } from '@floating-ui/dom';
+import { autoPlacement, autoUpdate, computePosition, flip, offset, shift, } from '@floating-ui/dom';
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
@@ -50,6 +50,27 @@ export const subMenuPlacements = autoPlacement({
     allowedPlacements: ['right-start', 'left-start', 'right-end', 'left-end'],
 });
 export const subMenuMiddleware = [subMenuOffset, subMenuPlacements];
+/**
+ * Where a nested sub-menu opens: on the side its parent opened on, right for
+ * a menu's first sub-menu, the other side only when it does not fit there.
+ * `autoPlacement` took the side with the most room, so a third level drawn
+ * from a menu sitting right of the page's middle went left, back over the
+ * first menu, instead of beside the second (#571).
+ */
+export function nestedSubMenuPosition(parentSide) {
+    const side = parentSide ?? 'right';
+    const other = side === 'right' ? 'left' : 'right';
+    return {
+        placement: `${side}-start`,
+        middleware: [
+            subMenuOffset,
+            flip({
+                fallbackPlacements: [`${other}-start`, `${side}-end`, `${other}-end`],
+            }),
+            shift({ padding: 8 }),
+        ],
+    };
+}
 let MenuSubMenu = (() => {
     let _classSuper = MenuFocusable;
     let _data_decorators;
@@ -90,7 +111,13 @@ let MenuSubMenu = (() => {
             const focus = this.menu.currentFocused$.value;
             const menu = new Menu({
                 ...this.data.options,
+                // An entry picked at any depth completes the whole chain: this menu's
+                // own completion runs too, so a pick two levels down closes the root
+                // as a pick one level down always did (#571: "Link an existing source"
+                // → database → source left the creation popover open, and the next
+                // click only closed it).
                 onComplete: () => {
+                    this.menu.options.onComplete?.();
                     this.menu.close();
                 },
                 onClose: () => {
@@ -101,11 +128,11 @@ let MenuSubMenu = (() => {
                 },
             });
             this.menu.menuElement.parentElement?.append(menu.menuElement);
+            const position = nestedSubMenuPosition(this.menu.side);
             const unsub = autoUpdate(this, menu.menuElement, () => {
-                computePosition(this, menu.menuElement, {
-                    middleware: subMenuMiddleware,
-                })
-                    .then(({ x, y }) => {
+                computePosition(this, menu.menuElement, position)
+                    .then(({ x, y, placement }) => {
+                    menu.side = placement.startsWith('left') ? 'left' : 'right';
                     menu.menuElement.style.left = `${x}px`;
                     menu.menuElement.style.top = `${y}px`;
                 })

package/dist/_pkgs/affine-database-block/configs/slash-menu.js

@@ -7,6 +7,8 @@ import { insertDatabaseBlockCommand } from '../commands.js';
 import { DatabaseCreationMenuIdentifier } from '../creation-menu.js';
 import { createHostedDatabaseView } from '../linked-view.js';
 import { KanbanViewTooltip, TableViewTooltip } from './tooltips.js';
+import { DATABASE_SLASH_KANBAN_DESCRIPTION, DATABASE_SLASH_TABLE_DESCRIPTION, } from '../translations.js';
+import { VIEW_NAME_TABLE, VIEW_NAME_KANBAN, } from '../../affine-database-engine/translations.js';
 /**
  * With a data-source picker the host owns database creation (ADR 0035 §5):
  * its `createDatabase` is the only way in, and without it no entry creates
@@ -104,13 +106,16 @@ export const databaseSlashMenuConfig = {
     disableWhen: ({ model }) => model.flavour === 'affine:database',
     items: [
         {
-            name: 'Table View',
-            description: 'Display items in a table format.',
+            name: VIEW_NAME_TABLE[1],
+            nameWording: VIEW_NAME_TABLE,
+            description: DATABASE_SLASH_TABLE_DESCRIPTION[1],
+            descriptionWording: DATABASE_SLASH_TABLE_DESCRIPTION,
             searchAlias: ['database'],
             icon: DatabaseTableViewIcon(),
             tooltip: {
                 figure: TableViewTooltip,
-                caption: 'Table View',
+                caption: VIEW_NAME_TABLE[1],
+                captionWording: VIEW_NAME_TABLE,
             },
             group: '7_Database@0',
             when: ({ model, std }) => !isInsideBlockByFlavour(model.store, model, 'affine:edgeless-text') &&
@@ -118,13 +123,16 @@ export const databaseSlashMenuConfig = {
             action: createDatabaseAction(viewPresets.tableViewMeta.type),
         },
         {
-            name: 'Kanban View',
-            description: 'Visualize data in a dashboard.',
+            name: VIEW_NAME_KANBAN[1],
+            nameWording: VIEW_NAME_KANBAN,
+            description: DATABASE_SLASH_KANBAN_DESCRIPTION[1],
+            descriptionWording: DATABASE_SLASH_KANBAN_DESCRIPTION,
             searchAlias: ['database'],
             icon: DatabaseKanbanViewIcon(),
             tooltip: {
                 figure: KanbanViewTooltip,
-                caption: 'Kanban View',
+                caption: VIEW_NAME_KANBAN[1],
+                captionWording: VIEW_NAME_KANBAN,
             },
             group: '7_Database@2',
             when: ({ model, std }) => !isInsideBlockByFlavour(model.store, model, 'affine:edgeless-text') &&

package/dist/_pkgs/affine-database-block/database-block-styles.js

@@ -50,11 +50,12 @@ export const databaseHeaderContainerStyles = css({
     display: 'flex',
     flexDirection: 'column',
     // Drawn as the page, which scrolls sideways under a wide table: the view
-    // bar stays in view, a viewport wide.
+    // bar stays in view, a viewport wide, inside the inset the full page's
+    // root sets to keep it under the centred heading (0 elsewhere).
     'affine-database[data-standalone] &': {
         position: 'sticky',
-        left: 'var(--affine-editor-side-padding, 24px)',
-        width: 'calc(100cqw - 2 * var(--affine-editor-side-padding, 24px))',
+        left: 'calc(var(--affine-editor-side-padding, 24px) + var(--affine-database-page-inset, 0px))',
+        width: 'calc(100cqw - 2 * var(--affine-editor-side-padding, 24px) - 2 * var(--affine-database-page-inset, 0px))',
     },
 });
 export const databaseTitleRowStyles = css({

package/dist/_pkgs/affine-database-block/database-block.js

@@ -6,10 +6,9 @@ import { LoadingIcon } from '../affine-components/icons/index.js';
 import { toast } from '../affine-components/toast/index.js';
 import { EDGELESS_TOP_CONTENTEDITABLE_SELECTOR } from '../affine-shared/consts/index.js';
 import { getScrollContainer } from '../affine-shared/utils/index.js';
-import { BlockCommentManager, CommentProviderIdentifier, DataSourcePickerProvider, DocModeProvider, NotificationProvider, PropertiesPanelProvider, TelemetryProvider, TOAST_COPIED_TO_CLIPBOARD, translateKey, } from '../affine-shared/services/index.js';
+import { BlockCommentManager, CommentProviderIdentifier, DataSourcePickerProvider, DocModeProvider, NotificationProvider, PropertiesPanelProvider, TelemetryProvider, TOAST_COPIED_TO_CLIPBOARD, translateKey, TOOLBAR_COPY, TOOLBAR_COMMENT, } from '../affine-shared/services/index.js';
 import { getDropResult } from '../affine-widget-drag-handle/index.js';
 import { createRecordDetail, createUniComponentFromWebComponent, DataViewRootUILogic, DataViewEventTraceKey, defineUniComponent, ExternalGroupByConfigProvider, NewRowMenuOpenerKey, PageLayoutKey, PropertiesPanelOpenerKey, renderUniLit, traceViewEvent, uniMap, ViewCreationOffKey, } from '../affine-database-engine/index.js';
-import { CalendarExternalSourceProvider } from '../affine-database-engine/view-presets/index.js';
 import { widgetPresets } from '../affine-database-engine/widget-presets/index.js';
 import { Rect } from '../global/gfx/index.js';
 import { CommentIcon, CopyIcon, DeleteIcon, MoreHorizontalIcon, } from '@blocksuite/icons/lit';
@@ -33,7 +32,7 @@ import { sourceRequirement } from './linked-view.js';
 import { DatabaseSelection } from './selection.js';
 import { isStandaloneDatabase } from './standalone-layout.js';
 import { databaseOpenRowRequest, DatabaseDataSourceProvider, DatabaseInitialViewProvider, DatabaseNewRowMenuProvider, DatabaseOpenRowProvider, openDatabasePropertiesPanel, rowOpenedParams, } from './service/index.js';
-import { DATABASE_CREATION_TITLE, DATABASE_MOVE_INTO_SOURCE, DATABASE_NEW_RECORD_MORE, DATABASE_SOURCE_MISSING, DATABASE_SOURCE_MISSING_HINT, DATABASE_SOURCE_REQUIRED, DATABASE_SOURCE_REQUIRED_HINT, DATABASE_SOURCE_REQUIRED_READ_ONLY, } from './translations.js';
+import { DATABASE_CREATION_TITLE, DATABASE_MOVE_INTO_SOURCE, DATABASE_NEW_RECORD_MORE, DATABASE_SOURCE_MISSING, DATABASE_SOURCE_MISSING_HINT, DATABASE_SOURCE_REQUIRED, DATABASE_SOURCE_REQUIRED_HINT, DATABASE_SOURCE_REQUIRED_READ_ONLY, DATABASE_DELETE, DATABASE_TITLE_LABEL, } from './translations.js';
 import { canTurnIntoSource, moveDatabaseRowsIntoSource, } from './turn-into-source.js';
 import { currentViewStorage, initialViewId } from './utils/current-view.js';
 import { getSingleDocIdFromText } from './utils/title-doc.js';
@@ -46,14 +45,14 @@ export class DatabaseBlockComponent extends CaptionedBlockComponent {
                 items: [
                     menu.input({
                         initialValue: this.model.props.title.toString(),
-                        placeholder: 'Database title',
+                        placeholder: translateKey(this.std, ...DATABASE_TITLE_LABEL),
                         onChange: text => {
                             this.model.props.title.replace(0, this.model.props.title.length, text);
                         },
                     }),
                     menu.action({
                         prefix: CommentIcon(),
-                        name: 'Comment',
+                        name: translateKey(this.std, ...TOOLBAR_COMMENT),
                         hide: () => !this.std.getOptional(CommentProviderIdentifier),
                         select: () => {
                             this.std.getOptional(CommentProviderIdentifier)?.addComment([
@@ -65,7 +64,7 @@ export class DatabaseBlockComponent extends CaptionedBlockComponent {
                     }),
                     menu.action({
                         prefix: CopyIcon(),
-                        name: 'Copy',
+                        name: translateKey(this.std, ...TOOLBAR_COPY),
                         select: () => {
                             const slice = Slice.fromModels(this.store, [this.model]);
                             this.std.clipboard
@@ -83,7 +82,7 @@ export class DatabaseBlockComponent extends CaptionedBlockComponent {
                                 class: {
                                     'delete-item': true,
                                 },
-                                name: 'Delete Database',
+                                name: translateKey(this.std, ...DATABASE_DELETE),
                                 select: () => {
                                     this.model.children.slice().forEach(block => {
                                         this.store.deleteBlock(block);
@@ -215,12 +214,6 @@ export class DatabaseBlockComponent extends CaptionedBlockComponent {
                 widgetPresets.tools.viewOptions,
                 widgetPresets.tools.tableAddRow,
             ],
-            calendar: [
-                widgetPresets.tools.filter,
-                widgetPresets.tools.search,
-                widgetPresets.tools.viewOptions,
-                widgetPresets.tools.tableAddRow,
-            ],
             gallery: [
                 widgetPresets.tools.filter,
                 widgetPresets.tools.sort,
@@ -394,11 +387,6 @@ export class DatabaseBlockComponent extends CaptionedBlockComponent {
                 .forEach(config => {
                 dataSource.serviceSet(ExternalGroupByConfigProvider(config.name), config);
             });
-            this.std.provider
-                .getAll(CalendarExternalSourceProvider)
-                .forEach(source => {
-                dataSource.serviceSet(CalendarExternalSourceProvider(source.id), source);
-            });
         };
         const provider = this.std.getOptional(DatabaseDataSourceProvider);
         const dataSource = provider && this.model.props.externalSourceId

package/dist/_pkgs/affine-database-block/database-dnd-preview-block.js

@@ -2,6 +2,8 @@ import { unsafeCSSVarV2 } from '../affine-shared/theme/index.js';
 import { DatabaseListViewIcon } from '@blocksuite/icons/lit';
 import { BlockComponent } from '../std/index.js';
 import { css, html } from 'lit';
+import { translateKey } from '../affine-shared/services/index.js';
+import { DATABASE_DRAG_PREVIEW } from './translations.js';
 export class DatabaseDndPreviewBlockComponent extends BlockComponent {
     static { this.styles = css `
     .affine-database-preview-container {
@@ -39,7 +41,9 @@ export class DatabaseDndPreviewBlockComponent extends BlockComponent {
     >
       <div class="database-preview-content">
         ${DatabaseListViewIcon({ width: '24px', height: '24px' })}
-        <span class="text">Database Block</span>
+        <span class="text"
+          >${translateKey(this.std, ...DATABASE_DRAG_PREVIEW)}</span
+        >
       </div>
     </div>`;
     }

package/dist/_pkgs/affine-database-block/detail-panel/block-renderer.js

@@ -38,6 +38,7 @@ import { ShadowlessElement } from '../../std/index.js';
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { css, html, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
+import { DOC_UNTITLED, translateKey } from '../../affine-shared/services/index.js';
 let BlockRenderer = (() => {
     let _classSuper = WithDisposable(ShadowlessElement);
     let _host_decorators;
@@ -87,8 +88,8 @@ let BlockRenderer = (() => {
       line-height: 24px;
     }
 
-    database-datasource-block-renderer.empty rich-text::before {
-      content: 'Untitled';
+    database-datasource-block-renderer.empty[data-untitled] rich-text::before {
+      content: attr(data-untitled);
       position: absolute;
       color: var(--affine-text-disable-color);
       font-size: 15px;
@@ -159,6 +160,8 @@ let BlockRenderer = (() => {
             if (!model) {
                 return;
             }
+            // Read by the empty title's placeholder (`::before`), in the host's words.
+            this.dataset.untitled = translateKey(this.host.std, ...DOC_UNTITLED);
             return html `
       ${this.renderIcon()}
       <rich-text