@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-block-root/edgeless/configs/toolbar/alignment.js

@@ -1,10 +1,12 @@
 import { autoArrangeElementsCommand, autoResizeElementsCommand, EdgelessCRUDIdentifier, updateXYWH, } from '../../../../affine-block-surface/index.js';
 import { EditorChevronDown } from '../../../../affine-components/toolbar/index.js';
+import { translateKey } from '../../../../affine-shared/services/index.js';
 import { renderMenuItems } from '../../../../affine-widget-edgeless-toolbar/index.js';
 import { Bound } from '../../../../global/gfx/index.js';
 import { AlignBottomIcon, AlignHorizontalCenterIcon, AlignLeftIcon, AlignRightIcon, AlignTopIcon, AlignVerticalCenterIcon, AutoTidyUpIcon, DistributeHorizontalIcon, DistributeVerticalIcon, ResizeTidyUpIcon, } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
+import { ROOT_ALIGN_BOTTOM, ROOT_ALIGN_HORIZONTALLY, ROOT_ALIGN_LEFT, ROOT_ALIGN_RIGHT, ROOT_ALIGN_TOP, ROOT_ALIGN_VERTICALLY, ROOT_ALIGNMENT_MENU_ARIA, ROOT_AUTO_ARRANGE, ROOT_DISTRIBUTE_HORIZONTALLY, ROOT_DISTRIBUTE_VERTICALLY, ROOT_RESIZE_AND_ALIGN, } from '../../../translations.js';
 var Alignment;
 (function (Alignment) {
     Alignment[Alignment["None"] = 0] = "None";
@@ -190,10 +192,30 @@ const alignment = {
 const updateXYWHWith = (ctx, model, bound) => {
     updateXYWH(model, bound, ctx.std.get(EdgelessCRUDIdentifier).updateElement, ctx.store.updateBlock);
 };
+/** Every alignment menu item's key, resolved through the host's catalogue. */
+const ALIGNMENT_KEY_WORDING = {
+    [Alignment.Left]: ROOT_ALIGN_LEFT,
+    [Alignment.Horizontally]: ROOT_ALIGN_HORIZONTALLY,
+    [Alignment.Right]: ROOT_ALIGN_RIGHT,
+    [Alignment.DistributeHorizontally]: ROOT_DISTRIBUTE_HORIZONTALLY,
+    [Alignment.Top]: ROOT_ALIGN_TOP,
+    [Alignment.Vertically]: ROOT_ALIGN_VERTICALLY,
+    [Alignment.Bottom]: ROOT_ALIGN_BOTTOM,
+    [Alignment.DistributeVertically]: ROOT_DISTRIBUTE_VERTICALLY,
+    [Alignment.AutoArrange]: ROOT_AUTO_ARRANGE,
+    [Alignment.AutoResize]: ROOT_RESIZE_AND_ALIGN,
+};
+function translatedItems(std, items) {
+    return items.map(item => {
+        const wording = ALIGNMENT_KEY_WORDING[item.value];
+        return wording ? { ...item, key: translateKey(std, ...wording) } : item;
+    });
+}
 export function renderAlignmentMenu(ctx, models, { label, tooltip, icon }, onPick = (type) => alignment[type](ctx, models)) {
+    const { std } = ctx;
     return html `
     <editor-menu-button
-      aria-label="alignment-menu"
+      aria-label="${translateKey(std, ...ROOT_ALIGNMENT_MENU_ARIA)}"
       .contentPadding="${'8px'}"
       .button=${html `
         <editor-icon-button
@@ -206,12 +228,12 @@ export function renderAlignmentMenu(ctx, models, { label, tooltip, icon }, onPic
     >
       <div data-orientation="vertical">
         <div style=${styleMap({ display: 'grid', gridGap: '8px', gridTemplateColumns: 'repeat(4, 1fr)' })}>
-          ${renderMenuItems(HORIZONTAL_ALIGNMENT, Alignment.None, onPick)}
-          ${renderMenuItems(VERTICAL_ALIGNMENT, Alignment.None, onPick)}
+          ${renderMenuItems(translatedItems(std, HORIZONTAL_ALIGNMENT), Alignment.None, onPick)}
+          ${renderMenuItems(translatedItems(std, VERTICAL_ALIGNMENT), Alignment.None, onPick)}
         </div>
         <editor-toolbar-separator data-orientation="horizontal"></editor-toolbar-separator>
         <div style=${styleMap({ display: 'grid', gridGap: '8px', gridTemplateColumns: 'repeat(4, 1fr)' })}>
-          ${renderMenuItems(AUTO_ALIGNMENT, Alignment.None, onPick)}
+          ${renderMenuItems(translatedItems(std, AUTO_ALIGNMENT), Alignment.None, onPick)}
         </div>
     </editor-menu-button>
   `;

package/dist/_pkgs/affine-block-root/edgeless/configs/toolbar/misc.d.ts

@@ -4,6 +4,7 @@ export declare const builtinMiscToolbarConfig: {
         readonly placement: ActionPlacement.Start;
         readonly id: "a.release-from-group";
         readonly tooltip: "Release from group";
+        readonly tooltipWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;
@@ -11,8 +12,10 @@ export declare const builtinMiscToolbarConfig: {
         readonly placement: ActionPlacement.Start;
         readonly id: "b.add-frame";
         readonly label: "Frame";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly showLabel: true;
         readonly tooltip: "Frame";
+        readonly tooltipWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;
@@ -20,8 +23,10 @@ export declare const builtinMiscToolbarConfig: {
         readonly placement: ActionPlacement.Start;
         readonly id: "c.add-group";
         readonly label: "Group";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly showLabel: true;
         readonly tooltip: "Group";
+        readonly tooltipWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;
@@ -50,11 +55,13 @@ export declare const builtinMiscToolbarConfig: {
         actions: [{
             readonly id: "a.create-frame";
             readonly label: "Frame section";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly run: (ctx: ToolbarContext) => void;
         }, {
             readonly id: "b.create-group";
             readonly label: "Group section";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly when: (ctx: ToolbarContext) => boolean;
             readonly run: (ctx: ToolbarContext) => void;
@@ -70,11 +77,13 @@ export declare const builtinMiscToolbarConfig: {
         }, {
             readonly id: "b.bring-forward";
             readonly label: "Bring Forward";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly run: (ctx: ToolbarContext) => void;
         }, {
             readonly id: "c.send-backward";
             readonly label: "Send Backward";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly run: (ctx: ToolbarContext) => void;
         }, {
@@ -99,6 +108,7 @@ export declare const builtinMiscToolbarConfig: {
         }, {
             readonly id: "reload";
             readonly label: "Reload";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly when: (ctx: ToolbarContext) => boolean;
             readonly run: (ctx: ToolbarContext) => void;
@@ -109,6 +119,7 @@ export declare const builtinMiscToolbarConfig: {
         actions: [{
             readonly id: "a.turn-into-linked-doc";
             readonly label: "Turn into linked doc";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly when: (ctx: ToolbarContext) => boolean;
             readonly run: (ctx: ToolbarContext) => void;
@@ -127,12 +138,14 @@ export declare const builtinMiscToolbarConfig: {
         }, {
             readonly id: "c.edit-element-link";
             readonly label: "Edit link";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly when: (ctx: ToolbarContext) => boolean;
             readonly run: (ctx: ToolbarContext) => void;
         }, {
             readonly id: "c.remove-element-link";
             readonly label: "Remove link";
+            readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
             readonly icon: import("lit-html").TemplateResult<1>;
             readonly when: (ctx: ToolbarContext) => boolean;
             readonly run: (ctx: ToolbarContext) => void;
@@ -152,6 +165,7 @@ export declare const builtinLockedToolbarConfig: {
         readonly placement: ActionPlacement.End;
         readonly id: "b.unlock";
         readonly label: "Click to unlock";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly showLabel: true;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: ToolbarContext) => void;

package/dist/_pkgs/affine-block-root/edgeless/configs/toolbar/misc.js

@@ -3,10 +3,11 @@ import { EdgelessCRUDIdentifier, getSurfaceComponent, } from '../../../../affine
 import { ConnectorTool } from '../../../../affine-gfx-connector/index.js';
 import { createGroupCommand, createGroupFromSelectedCommand, ungroupCommand, } from '../../../../affine-gfx-group/index.js';
 import { ConnectorElementModel, DEFAULT_CONNECTOR_MODE, GroupElementModel, MindmapElementModel, } from '../../../../affine-model/index.js';
-import { ActionPlacement, TOOLBAR_DRAW_CONNECTOR, TOOLBAR_LOCK, } from '../../../../affine-shared/services/index.js';
+import { ActionPlacement, TOOLBAR_DRAW_CONNECTOR, TOOLBAR_LOCK, translateKey, } from '../../../../affine-shared/services/index.js';
 import { Bound } from '../../../../global/gfx/index.js';
 import { AlignLeftIcon, ConnectorCIcon, FrameIcon, GroupingIcon, LockIcon, ReleaseFromGroupIcon, UnlockIcon, } from '@blocksuite/icons/lit';
 import { html } from 'lit';
+import { ROOT_TOOLBAR_ALIGN_OBJECTS, ROOT_TOOLBAR_CLICK_TO_UNLOCK, ROOT_TOOLBAR_FRAME, ROOT_TOOLBAR_GROUP, ROOT_TOOLBAR_RELEASE_FROM_GROUP, } from '../../../translations.js';
 import { renderAlignmentMenu } from './alignment.js';
 import { moreActions } from './more.js';
 export const builtinMiscToolbarConfig = {
@@ -15,6 +16,7 @@ export const builtinMiscToolbarConfig = {
             placement: ActionPlacement.Start,
             id: 'a.release-from-group',
             tooltip: 'Release from group',
+            tooltipWording: ROOT_TOOLBAR_RELEASE_FROM_GROUP,
             icon: ReleaseFromGroupIcon(),
             when(ctx) {
                 const models = ctx.getSurfaceModels();
@@ -45,8 +47,10 @@ export const builtinMiscToolbarConfig = {
             placement: ActionPlacement.Start,
             id: 'b.add-frame',
             label: 'Frame',
+            labelWording: ROOT_TOOLBAR_FRAME,
             showLabel: true,
             tooltip: 'Frame',
+            tooltipWording: ROOT_TOOLBAR_FRAME,
             icon: FrameIcon(),
             when(ctx) {
                 const models = ctx.getSurfaceModels();
@@ -82,8 +86,10 @@ export const builtinMiscToolbarConfig = {
             placement: ActionPlacement.Start,
             id: 'c.add-group',
             label: 'Group',
+            labelWording: ROOT_TOOLBAR_GROUP,
             showLabel: true,
             tooltip: 'Group',
+            tooltipWording: ROOT_TOOLBAR_GROUP,
             icon: GroupingIcon(),
             when(ctx) {
                 const models = ctx.getSurfaceModels();
@@ -127,8 +133,8 @@ export const builtinMiscToolbarConfig = {
                     return null;
                 return renderAlignmentMenu(ctx, models, {
                     icon: AlignLeftIcon(),
-                    label: 'Align objects',
-                    tooltip: 'Align objects',
+                    label: translateKey(ctx.std, ...ROOT_TOOLBAR_ALIGN_OBJECTS),
+                    tooltip: translateKey(ctx.std, ...ROOT_TOOLBAR_ALIGN_OBJECTS),
                 });
             },
         },
@@ -254,6 +260,7 @@ export const builtinLockedToolbarConfig = {
             placement: ActionPlacement.End,
             id: 'b.unlock',
             label: 'Click to unlock',
+            labelWording: ROOT_TOOLBAR_CLICK_TO_UNLOCK,
             showLabel: true,
             icon: UnlockIcon(),
             run(ctx) {

package/dist/_pkgs/affine-block-root/edgeless/configs/toolbar/more.d.ts

@@ -4,11 +4,13 @@ export declare const moreActions: [{
     readonly actions: [{
         readonly id: "a.create-frame";
         readonly label: "Frame section";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: ToolbarContext) => void;
     }, {
         readonly id: "b.create-group";
         readonly label: "Group section";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;
@@ -23,11 +25,13 @@ export declare const moreActions: [{
     }, {
         readonly id: "b.bring-forward";
         readonly label: "Bring Forward";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: ToolbarContext) => void;
     }, {
         readonly id: "c.send-backward";
         readonly label: "Send Backward";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: ToolbarContext) => void;
     }, {
@@ -51,6 +55,7 @@ export declare const moreActions: [{
     }, {
         readonly id: "reload";
         readonly label: "Reload";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;
@@ -60,6 +65,7 @@ export declare const moreActions: [{
     readonly actions: [{
         readonly id: "a.turn-into-linked-doc";
         readonly label: "Turn into linked doc";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;
@@ -78,12 +84,14 @@ export declare const moreActions: [{
     }, {
         readonly id: "c.edit-element-link";
         readonly label: "Edit link";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;
     }, {
         readonly id: "c.remove-element-link";
         readonly label: "Remove link";
+        readonly labelWording: import("../../../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: ToolbarContext) => boolean;
         readonly run: (ctx: ToolbarContext) => void;

package/dist/_pkgs/affine-block-root/edgeless/configs/toolbar/more.js

@@ -16,6 +16,7 @@ import { duplicate } from '../../utils/clipboard-utils.js';
 import { getSortedCloneElements } from '../../utils/clone-utils.js';
 import { moveConnectors } from '../../utils/connector.js';
 import { deleteElements } from '../../utils/crud.js';
+import { ROOT_TOOLBAR_BRING_FORWARD, ROOT_TOOLBAR_EDIT_LINK, ROOT_TOOLBAR_FRAME_SECTION, ROOT_TOOLBAR_GROUP_SECTION, ROOT_TOOLBAR_RELOAD, ROOT_TOOLBAR_REMOVE_LINK, ROOT_TOOLBAR_SEND_BACKWARD, ROOT_TOOLBAR_TURN_INTO_LINKED_DOC, } from '../../../translations.js';
 import { createLinkedDocFromEdgelessElements, createLinkedDocFromNote, } from './render-linked-doc.js';
 import { getEdgelessWith } from './utils.js';
 export const moreActions = [
@@ -26,6 +27,7 @@ export const moreActions = [
             {
                 id: 'a.create-frame',
                 label: 'Frame section',
+                labelWording: ROOT_TOOLBAR_FRAME_SECTION,
                 icon: FrameIcon(),
                 run(ctx) {
                     const frame = ctx.std
@@ -46,6 +48,7 @@ export const moreActions = [
             {
                 id: 'b.create-group',
                 label: 'Group section',
+                labelWording: ROOT_TOOLBAR_GROUP_SECTION,
                 icon: GroupIcon(),
                 when(ctx) {
                     const models = ctx.getSurfaceModels();
@@ -75,6 +78,7 @@ export const moreActions = [
             {
                 id: 'b.bring-forward',
                 label: 'Bring Forward',
+                labelWording: ROOT_TOOLBAR_BRING_FORWARD,
                 icon: ArrowUpBigIcon(),
                 run(ctx) {
                     const models = ctx.getSurfaceModels();
@@ -84,6 +88,7 @@ export const moreActions = [
             {
                 id: 'c.send-backward',
                 label: 'Send Backward',
+                labelWording: ROOT_TOOLBAR_SEND_BACKWARD,
                 icon: ArrowDownBigIcon(),
                 run(ctx) {
                     const models = ctx.getSurfaceModels();
@@ -137,6 +142,7 @@ export const moreActions = [
             {
                 id: 'reload',
                 label: 'Reload',
+                labelWording: ROOT_TOOLBAR_RELOAD,
                 icon: ResetIcon(),
                 when(ctx) {
                     const models = ctx.getSurfaceModels();
@@ -165,6 +171,7 @@ export const moreActions = [
             {
                 id: 'a.turn-into-linked-doc',
                 label: 'Turn into linked doc',
+                labelWording: ROOT_TOOLBAR_TURN_INTO_LINKED_DOC,
                 icon: LinkedPageIcon(),
                 when(ctx) {
                     const models = ctx.getSurfaceModels();
@@ -318,6 +325,7 @@ export const moreActions = [
             {
                 id: 'c.edit-element-link',
                 label: 'Edit link',
+                labelWording: ROOT_TOOLBAR_EDIT_LINK,
                 icon: LinkIcon(),
                 when(ctx) {
                     const el = getLinkableElement(ctx);
@@ -332,6 +340,7 @@ export const moreActions = [
             {
                 id: 'c.remove-element-link',
                 label: 'Remove link',
+                labelWording: ROOT_TOOLBAR_REMOVE_LINK,
                 icon: UnlinkIcon(),
                 when(ctx) {
                     const el = getLinkableElement(ctx);

package/dist/_pkgs/affine-block-root/edgeless/edgeless-keyboard.d.ts

@@ -18,6 +18,15 @@ export declare class EdgelessPageKeyboardManager extends PageKeyboardManager {
         toolbarLocked: import("rxjs").Subject<boolean>;
     };
     get std(): import("../../std/index.js").BlockStdScope;
+    /**
+     * The framework sub-menu the toolbar has open, when it has one open.
+     *
+     * Asked of the widget rather than of a service because the popover is not a
+     * tool: it is a transient element the toolbar parks in `activePopper`, and
+     * only the generic command menu answers to the keys below — a colour picker
+     * or a note sub-menu sitting in the same slot keeps its own behaviour.
+     */
+    private get _seniorMenu();
     constructor(rootComponent: EdgelessRootBlockComponent);
     private _bindToggleHand;
     private _delete;

package/dist/_pkgs/affine-block-root/edgeless/edgeless-keyboard.js

@@ -12,14 +12,16 @@ import { PanTool } from '../../affine-gfx-pointer/index.js';
 import { mountShapeTextEditor, ShapeTool } from '../../affine-gfx-shape/index.js';
 import { TextTool } from '../../affine-gfx-text/index.js';
 import { ConnectorElementModel, EdgelessTextBlockModel, GroupElementModel, LayoutType, MindmapElementModel, NoteBlockModel, NoteDisplayMode, } from '../../affine-model/index.js';
-import { EditPropsStore, TelemetryProvider, } from '../../affine-shared/services/index.js';
+import { BLOCK_NAME_TEXT, EditPropsStore, TelemetryProvider, translateKey, } from '../../affine-shared/services/index.js';
 import { matchModels } from '../../affine-shared/utils/index.js';
+import { cycleArmedArtefact, EDGELESS_TOOLBAR_WIDGET, EdgelessCommandMenu, } from '../../affine-widget-edgeless-toolbar/index.js';
 import { IS_MAC } from '../../global/env/index.js';
 import { Bound, getCommonBound } from '../../global/gfx/index.js';
 import { SurfaceSelection, TextSelection } from '../../std/index.js';
 import { GfxBlockElementModel, GfxControllerIdentifier, isGfxGroupCompatibleModel, } from '../../std/gfx/index.js';
 import { PageKeyboardManager } from '../keyboard/keyboard-manager.js';
-import { DEFAULT_NOTE_CHILD_FLAVOUR, DEFAULT_NOTE_CHILD_TYPE, DEFAULT_NOTE_TIP, } from './utils/consts.js';
+import { ROOT_MINDMAP_SEED_NEW_NODE, ROOT_TOAST_ZOOM_TO_SELECTION, } from '../translations.js';
+import { DEFAULT_NOTE_CHILD_FLAVOUR, DEFAULT_NOTE_CHILD_TYPE, } from './utils/consts.js';
 import { deleteElements } from './utils/crud.js';
 import { isCanvasElement } from './utils/query.js';
 export class EdgelessPageKeyboardManager extends PageKeyboardManager {
@@ -32,6 +34,23 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
     get std() {
         return this.rootComponent.std;
     }
+    /**
+     * The framework sub-menu the toolbar has open, when it has one open.
+     *
+     * Asked of the widget rather than of a service because the popover is not a
+     * tool: it is a transient element the toolbar parks in `activePopper`, and
+     * only the generic command menu answers to the keys below — a colour picker
+     * or a note sub-menu sitting in the same slot keeps its own behaviour.
+     */
+    get _seniorMenu() {
+        // A keystroke aimed at a canvas text editor belongs to that editor, open
+        // menu or not — the same condition the shape cycling below already has.
+        if (this.rootComponent.service.selection.editing)
+            return null;
+        const toolbar = this.rootComponent.widgetComponents[EDGELESS_TOOLBAR_WIDGET];
+        const element = toolbar?.activePopper?.element;
+        return element instanceof EdgelessCommandMenu ? element : null;
+    }
     constructor(rootComponent) {
         super(rootComponent);
         this.rootComponent = rootComponent;
@@ -63,7 +82,11 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
                 this._setEdgelessTool(NoteTool, {
                     childFlavour: DEFAULT_NOTE_CHILD_FLAVOUR,
                     childType: DEFAULT_NOTE_CHILD_TYPE,
-                    tip: DEFAULT_NOTE_TIP,
+                    // The overlay's placeholder caption — rendered by
+                    // `@labre/affine-gfx-note`'s `NoteTool`, so resolved through the
+                    // shared "Text" wording rather than the raw `DEFAULT_NOTE_TIP`
+                    // literal.
+                    tip: translateKey(this.std, ...BLOCK_NAME_TEXT),
                 });
             },
             p: () => {
@@ -152,8 +175,24 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
                     .catch(console.error);
             },
             'Shift-s': () => {
+                // Over an open senior menu the very same keystroke steps backwards
+                // through the artefacts it offers — the shape tool's "previous
+                // variant", applied to the row a framework opened. With an artefact
+                // armed the menu walks the TOOL instead, so the ghost moves with the
+                // highlight.
+                const menu = this._seniorMenu;
+                if (menu) {
+                    menu.cycle(-1);
+                    return;
+                }
                 if (this.rootComponent.service.locked)
                     return;
+                // The same walk with no menu open: the framework's row is what the
+                // armed artefact belongs to, whether or not it is on screen.
+                if (!this.rootComponent.service.selection.editing &&
+                    cycleArmedArtefact(rootComponent.gfx, -1)) {
+                    return;
+                }
                 const controller = rootComponent.gfx.tool.currentTool$.peek();
                 if (this.rootComponent.service.selection.editing ||
                     !(controller instanceof ShapeTool)) {
@@ -230,7 +269,7 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
                 if (bound === null) {
                     return;
                 }
-                toast(this.rootComponent.host, 'Zoom to selection');
+                toast(this.rootComponent.host, translateKey(this.std, ...ROOT_TOAST_ZOOM_TO_SELECTION));
                 this.gfx.viewport.setViewportByBound(bound, [0.12, 0.12, 0.12, 0.12], true);
             },
             'Mod-=': ctx => {
@@ -260,9 +299,22 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
                 this._move('ArrowDown');
             },
             ArrowLeft: () => {
+                // Same highlight as Shift+S, spelled the way a row of buttons is
+                // normally walked. The guard also keeps the arrows from nudging the
+                // selection behind a menu the user is reading.
+                const menu = this._seniorMenu;
+                if (menu) {
+                    menu.cycle(-1);
+                    return;
+                }
                 this._move('ArrowLeft');
             },
             ArrowRight: () => {
+                const menu = this._seniorMenu;
+                if (menu) {
+                    menu.cycle(1);
+                    return;
+                }
                 this._move('ArrowRight');
             },
             'Shift-ArrowUp': () => {
@@ -278,6 +330,10 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
                 this._move('ArrowRight', true);
             },
             Enter: () => {
+                // A highlighted sub-menu button consumes Enter; with nothing
+                // highlighted the menu takes nothing and the canvas keeps its own.
+                if (this._seniorMenu?.activate())
+                    return;
                 const { service } = rootComponent;
                 const selection = service.selection;
                 const elements = selection.selectedElements;
@@ -319,7 +375,9 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
                 const currentNode = mindmap.getNode(elements[0].id);
                 const node = mindmap.getNode(elements[0].id);
                 const parent = mindmap.getParentNode(node.id) ?? node;
-                const id = mindmap.addNode(parent.id, currentNode.id, 'after');
+                const id = mindmap.addNode(parent.id, currentNode.id, 'after', {
+                    text: translateKey(this.std, ...ROOT_MINDMAP_SEED_NEW_NODE),
+                });
                 const target = service.crud.getElementById(id);
                 requestAnimationFrame(() => {
                     mountShapeTextEditor(target, rootComponent);
@@ -344,7 +402,9 @@ export class EdgelessPageKeyboardManager extends PageKeyboardManager {
                 if (mindmap.isLocked())
                     return;
                 const node = mindmap.getNode(elements[0].id);
-                const id = mindmap.addNode(node.id);
+                const id = mindmap.addNode(node.id, undefined, 'after', {
+                    text: translateKey(this.std, ...ROOT_MINDMAP_SEED_NEW_NODE),
+                });
                 const target = service.crud.getElementById(id);
                 if (node.detail.collapsed) {
                     mindmap.toggleCollapse(node, { layout: true });

package/dist/_pkgs/affine-block-root/edgeless/edgeless-root-block.d.ts

@@ -23,6 +23,28 @@ export declare class EdgelessRootBlockComponent extends BlockComponent<RootBlock
     private _initResizeEffect;
     private _initSlotEffects;
     private _initViewport;
+    /**
+     * A pinch (or ctrl+wheel) that the capture handler below has already turned
+     * into a canvas zoom. The dispatcher's own handler still receives the event
+     * when nothing swallowed it, and must not zoom a second time.
+     */
+    private readonly _pinchZoomed;
+    /**
+     * Ctrl+wheel and trackpad pinch zoom the CANVAS, never the browser page.
+     *
+     * What stops a browser from page-zooming is `preventDefault()`, and the only
+     * handler that calls it hangs off the event dispatcher — a bubble-phase
+     * listener on the editor host. Two kinds of overlay keep it from ever
+     * running: popups portalled out to `document.body` (the event never reaches
+     * the host), and in-host overlays that stop the wheel on purpose so they
+     * scroll instead of the board (the element toolbar, the validation bubble,
+     * the artefact catalogue…). Under either one the page zoomed.
+     *
+     * One capture-phase listener on `document` sees the gesture before all of
+     * them, and it is deliberately narrow: pinches only — a plain wheel still
+     * belongs to whatever is under the pointer — and only inside this editor.
+     */
+    private readonly _onDocumentPinch;
     private _initWheelEvent;
     bindHotKey(keymap: Record<string, UIEventHandler>, options?: {
         global?: boolean;

package/dist/_pkgs/affine-block-root/edgeless/edgeless-root-block.js

@@ -49,6 +49,7 @@ import { css, html } from 'lit';
 import { query } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { EdgelessPageKeyboardManager } from './edgeless-keyboard.js';
+import { pinchZoomAction } from './utils/pinch-zoom.js';
 import { isCanvasElement } from './utils/query.js';
 let EdgelessRootBlockComponent = (() => {
     let _classSuper = BlockComponent;
@@ -268,11 +269,20 @@ let EdgelessRootBlockComponent = (() => {
             });
         }
         _initWheelEvent() {
+            this._disposables.addFromEvent(document, 'wheel', this._onDocumentPinch, {
+                passive: false,
+                capture: true,
+            });
             this._disposables.add(this.std.event.add('wheel', ctx => {
                 const config = this.std.getOptional(EditorSettingProvider)?.setting$;
                 const state = ctx.get('defaultState');
                 const e = state.event;
                 const edgelessScrollZoom = config?.peek().edgelessScrollZoom ?? false;
+                // Already zoomed, on the way down: the default action is cancelled too.
+                if (this._pinchZoomed.has(e)) {
+                    e.stopPropagation();
+                    return;
+                }
                 e.preventDefault();
                 const { viewport } = this.gfx;
                 if (viewport.locked)
@@ -436,6 +446,42 @@ let EdgelessRootBlockComponent = (() => {
             }, this);
             this._resizeObserver = null;
             this.keyboardManager = null;
+            /**
+             * A pinch (or ctrl+wheel) that the capture handler below has already turned
+             * into a canvas zoom. The dispatcher's own handler still receives the event
+             * when nothing swallowed it, and must not zoom a second time.
+             */
+            this._pinchZoomed = new WeakSet();
+            /**
+             * Ctrl+wheel and trackpad pinch zoom the CANVAS, never the browser page.
+             *
+             * What stops a browser from page-zooming is `preventDefault()`, and the only
+             * handler that calls it hangs off the event dispatcher — a bubble-phase
+             * listener on the editor host. Two kinds of overlay keep it from ever
+             * running: popups portalled out to `document.body` (the event never reaches
+             * the host), and in-host overlays that stop the wheel on purpose so they
+             * scroll instead of the board (the element toolbar, the validation bubble,
+             * the artefact catalogue…). Under either one the page zoomed.
+             *
+             * One capture-phase listener on `document` sees the gesture before all of
+             * them, and it is deliberately narrow: pinches only — a plain wheel still
+             * belongs to whatever is under the pointer — and only inside this editor.
+             */
+            this._onDocumentPinch = (e) => {
+                const action = pinchZoomAction(e, this.std.host);
+                if (action === 'ignore')
+                    return;
+                e.preventDefault();
+                if (action === 'swallow')
+                    return;
+                const { viewport } = this.gfx;
+                if (viewport.locked)
+                    return;
+                const rect = this.getBoundingClientRect();
+                const [baseX, baseY] = viewport.toModelCoord(e.clientX - rect.x, e.clientY - rect.y);
+                viewport.setZoom(normalizeWheelDeltaY(e.deltaY, viewport.zoom), new Point(baseX, baseY), true);
+                this._pinchZoomed.add(e);
+            };
             this.#backgroundElm_accessor_storage = __runInitializers(this, _backgroundElm_initializers, null);
             this.#gfxViewportElm_accessor_storage = (__runInitializers(this, _backgroundElm_extraInitializers), __runInitializers(this, _gfxViewportElm_initializers, void 0));
             this.#mountElm_accessor_storage = (__runInitializers(this, _gfxViewportElm_extraInitializers), __runInitializers(this, _mountElm_initializers, null));

package/dist/_pkgs/affine-block-root/edgeless/utils/consts.d.ts

@@ -1,3 +1,2 @@
 export declare const DEFAULT_NOTE_CHILD_FLAVOUR = "affine:paragraph";
 export declare const DEFAULT_NOTE_CHILD_TYPE = "text";
-export declare const DEFAULT_NOTE_TIP = "Text";

package/dist/_pkgs/affine-block-root/edgeless/utils/consts.js

@@ -1,3 +1,2 @@
 export const DEFAULT_NOTE_CHILD_FLAVOUR = 'affine:paragraph';
 export const DEFAULT_NOTE_CHILD_TYPE = 'text';
-export const DEFAULT_NOTE_TIP = 'Text';

package/dist/_pkgs/affine-block-root/edgeless/utils/pinch-zoom.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The class `createSimplePortal` stamps on every portal root it appends to
+ * `document.body` — the only thing a popup rendered OUTSIDE the editor host
+ * still has in common with the editor that opened it.
+ */
+export declare const PORTAL_CLASS = "blocksuite-portal";
+/**
+ * What the edgeless board owes a wheel event seen on `document`, in capture:
+ *
+ * - `ignore`: not a pinch, or not this editor's business — the page keeps it.
+ * - `swallow`: a pinch inside a popup the editor portalled out to
+ *   `document.body`. The browser must not page-zoom, but the board must not
+ *   move either: zooming under an anchored popup leaves it pointing at nothing.
+ * - `zoom`: a pinch inside the editor — the canvas zooms.
+ */
+export type PinchZoomAction = 'ignore' | 'swallow' | 'zoom';
+/**
+ * The whole decision, readable from the event and the host alone so it can be
+ * tested without a live editor.
+ */
+export declare function pinchZoomAction(event: WheelEvent, host: EventTarget): PinchZoomAction;