@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-widget-drag-handle/components/edgeless-preview/preview.js

@@ -32,32 +32,34 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey, } from '../../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../../affine-shared/theme/index.js';
 import { EmbedIcon, FrameIcon, ImageIcon, PageIcon, ShapeIcon, } from '@blocksuite/icons/lit';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import { DRAG_PREVIEW_EMBED, DRAG_PREVIEW_FRAME, DRAG_PREVIEW_GENERIC, DRAG_PREVIEW_IMAGE, DRAG_PREVIEW_NOTE, DRAG_PREVIEW_SHAPE, } from '../../translations.js';
 const BLOCK_PREVIEW_ICON_MAP = {
     shape: {
         icon: ShapeIcon,
-        name: 'Edgeless shape',
+        wording: DRAG_PREVIEW_SHAPE,
     },
     'affine:image': {
         icon: ImageIcon,
-        name: 'Image block',
+        wording: DRAG_PREVIEW_IMAGE,
     },
     'affine:note': {
         icon: PageIcon,
-        name: 'Note block',
+        wording: DRAG_PREVIEW_NOTE,
     },
     'affine:frame': {
         icon: FrameIcon,
-        name: 'Frame block',
+        wording: DRAG_PREVIEW_FRAME,
     },
     'affine:embed-': {
         icon: EmbedIcon,
-        name: 'Embed block',
+        wording: DRAG_PREVIEW_EMBED,
     },
 };
 export const EDGELESS_DND_PREVIEW_ELEMENT = 'edgeless-dnd-preview-element';
@@ -66,11 +68,16 @@ let EdgelessDndPreviewElement = (() => {
     let _elementTypes_decorators;
     let _elementTypes_initializers = [];
     let _elementTypes_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     return class EdgelessDndPreviewElement extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _elementTypes_decorators = [property({ type: Array })];
+            _std_decorators = [property({ attribute: false })];
             __esDecorate(this, null, _elementTypes_decorators, { kind: "accessor", name: "elementTypes", static: false, private: false, access: { has: obj => "elementTypes" in obj, get: obj => obj.elementTypes, set: (obj, value) => { obj.elementTypes = value; } }, metadata: _metadata }, _elementTypes_initializers, _elementTypes_extraInitializers);
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static { this.styles = css `
@@ -115,6 +122,11 @@ let EdgelessDndPreviewElement = (() => {
         #elementTypes_accessor_storage = __runInitializers(this, _elementTypes_initializers, []);
         get elementTypes() { return this.#elementTypes_accessor_storage; }
         set elementTypes(value) { this.#elementTypes_accessor_storage = value; }
+        #std_accessor_storage = (__runInitializers(this, _elementTypes_extraInitializers), __runInitializers(this, _std_initializers, undefined));
+        /** Set by the caller that has one (`preview-helper.ts`) — optional so this
+         * element still renders (in English) when created with none. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         _getPreviewIcon(type) {
             if (BLOCK_PREVIEW_ICON_MAP[type]) {
                 return BLOCK_PREVIEW_ICON_MAP[type];
@@ -124,12 +136,13 @@ let EdgelessDndPreviewElement = (() => {
             }
             return {
                 icon: ShapeIcon,
-                name: 'Edgeless content',
+                wording: DRAG_PREVIEW_GENERIC,
             };
         }
         render() {
             const blocks = repeat(this.elementTypes.slice(0, 3), ({ type }, index) => {
-                const { icon, name } = this._getPreviewIcon(type);
+                const { icon, wording } = this._getPreviewIcon(type);
+                const name = this.std ? translateKey(this.std, ...wording) : wording[1];
                 return html `<div
         class="edgeless-dnd-preview-block"
         style=${styleMap({
@@ -145,7 +158,7 @@ let EdgelessDndPreviewElement = (() => {
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _elementTypes_extraInitializers);
+            __runInitializers(this, _std_extraInitializers);
         }
     };
 })();

package/dist/_pkgs/affine-widget-drag-handle/helpers/preview-helper.js

@@ -126,6 +126,7 @@ export class PreviewHelper {
                 const blockTypes = this._extractBlockTypes(snapshot);
                 const edgelessPreview = new EdgelessDndPreviewElement();
                 edgelessPreview.elementTypes = blockTypes;
+                edgelessPreview.std = this.widget.std;
                 return {
                     left: 12,
                     top: 12,

package/dist/_pkgs/affine-widget-drag-handle/translations.d.ts

@@ -0,0 +1,14 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The drag-and-drop preview's own per-flavour labels, shown on the ghost
+ * card that follows the pointer while dragging edgeless content.
+ */
+export declare const DRAG_PREVIEW_SHAPE: ChromeWording;
+export declare const DRAG_PREVIEW_IMAGE: ChromeWording;
+export declare const DRAG_PREVIEW_NOTE: ChromeWording;
+export declare const DRAG_PREVIEW_FRAME: ChromeWording;
+export declare const DRAG_PREVIEW_EMBED: ChromeWording;
+/** An alias (L7 dedupe): the same word as {@link EDGELESS_CONTENT_LABEL}, one key. */
+export declare const DRAG_PREVIEW_GENERIC: ChromeWording;
+/** Every wording this package declares, in the order it renders them. */
+export declare const DRAG_HANDLE_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-widget-drag-handle/translations.js

@@ -0,0 +1,35 @@
+import { EDGELESS_CONTENT_LABEL, } from '../affine-shared/services/index.js';
+/**
+ * The drag-and-drop preview's own per-flavour labels, shown on the ghost
+ * card that follows the pointer while dragging edgeless content.
+ */
+export const DRAG_PREVIEW_SHAPE = [
+    'com.labre.drag-handle.preview.shape',
+    'Canvas shape',
+];
+export const DRAG_PREVIEW_IMAGE = [
+    'com.labre.drag-handle.preview.image',
+    'Image block',
+];
+export const DRAG_PREVIEW_NOTE = [
+    'com.labre.drag-handle.preview.note',
+    'Note block',
+];
+export const DRAG_PREVIEW_FRAME = [
+    'com.labre.drag-handle.preview.frame',
+    'Frame block',
+];
+export const DRAG_PREVIEW_EMBED = [
+    'com.labre.drag-handle.preview.embed',
+    'Embed block',
+];
+/** An alias (L7 dedupe): the same word as {@link EDGELESS_CONTENT_LABEL}, one key. */
+export const DRAG_PREVIEW_GENERIC = EDGELESS_CONTENT_LABEL;
+/** Every wording this package declares, in the order it renders them. */
+export const DRAG_HANDLE_WORDINGS = [
+    DRAG_PREVIEW_SHAPE,
+    DRAG_PREVIEW_IMAGE,
+    DRAG_PREVIEW_NOTE,
+    DRAG_PREVIEW_FRAME,
+    DRAG_PREVIEW_EMBED,
+];

package/dist/_pkgs/affine-widget-edgeless-auto-connect/index.js

@@ -35,7 +35,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 import { EdgelessCRUDIdentifier, EdgelessLegacySlotIdentifier, isNoteBlock, } from '../affine-block-surface/index.js';
 import { SmallDocIcon } from '../affine-components/icons/index.js';
 import { FrameBlockModel, NoteBlockModel, NoteDisplayMode, SurfaceRefBlockModel, } from '../affine-model/index.js';
-import { FeatureFlagService } from '../affine-shared/services/index.js';
+import { FeatureFlagService, translateKey, } from '../affine-shared/services/index.js';
 import { matchModels, stopPropagation } from '../affine-shared/utils/index.js';
 import { Bound } from '../global/gfx/index.js';
 import { ArrowLeftSmallIcon, ArrowRightSmallIcon, InvisibleIcon, } from '@blocksuite/icons/lit';
@@ -46,6 +46,7 @@ import { state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { literal, unsafeStatic } from 'lit/static-html.js';
+import { AUTO_CONNECT_HIDDEN_ON_PAGE, AUTO_CONNECT_PAGE_MODE_INDEX, } from './translations.js';
 const PAGE_VISIBLE_INDEX_LABEL_WIDTH = 44;
 const PAGE_VISIBLE_INDEX_LABEL_HEIGHT = 24;
 const EDGELESS_ONLY_INDEX_LABEL_WIDTH = 24;
@@ -246,7 +247,7 @@ let EdgelessAutoConnectWidget = (() => {
                 return html `<div style=${style} class="edgeless-only-index-label">
           ${InvisibleIcon({ width: '20px', height: '20px' })}
           <affine-tooltip tip-position="bottom">
-            ${getIndexLabelTooltip(SmallDocIcon, 'Hidden on page')}
+            ${getIndexLabelTooltip(SmallDocIcon, translateKey(this.std, ...AUTO_CONNECT_HIDDEN_ON_PAGE))}
           </affine-tooltip>
         </div>`;
             })}`;
@@ -424,7 +425,7 @@ let EdgelessAutoConnectWidget = (() => {
             >
               ${index}
               <affine-tooltip tip-position="bottom">
-                ${getIndexLabelTooltip(SmallDocIcon, 'Page mode index')}
+                ${getIndexLabelTooltip(SmallDocIcon, translateKey(this.std, ...AUTO_CONNECT_PAGE_MODE_INDEX))}
               </affine-tooltip>
             </div>
           `);

package/dist/_pkgs/affine-widget-edgeless-auto-connect/translations.d.ts

@@ -0,0 +1,6 @@
+import type { ChromeWording } from '../affine-shared/services/index.js';
+/** The note-index badge's two tooltips, in page vs. edgeless-only mode. */
+export declare const AUTO_CONNECT_HIDDEN_ON_PAGE: ChromeWording;
+export declare const AUTO_CONNECT_PAGE_MODE_INDEX: ChromeWording;
+/** Every wording this package declares, in the order it renders them. */
+export declare const AUTO_CONNECT_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-widget-edgeless-auto-connect/translations.js

@@ -0,0 +1,14 @@
+/** The note-index badge's two tooltips, in page vs. edgeless-only mode. */
+export const AUTO_CONNECT_HIDDEN_ON_PAGE = [
+    'com.labre.auto-connect.hidden-on-page',
+    'Hidden on document',
+];
+export const AUTO_CONNECT_PAGE_MODE_INDEX = [
+    'com.labre.auto-connect.page-mode-index',
+    'Document mode index',
+];
+/** Every wording this package declares, in the order it renders them. */
+export const AUTO_CONNECT_WORDINGS = [
+    AUTO_CONNECT_HIDDEN_ON_PAGE,
+    AUTO_CONNECT_PAGE_MODE_INDEX,
+];

package/dist/_pkgs/affine-widget-edgeless-selected-rect/auto-complete-panel.js

@@ -38,7 +38,7 @@ import { FontFamilyIcon } from '../affine-components/icons/index.js';
 import { mountShapeTextEditor, SHAPE_OVERLAY_HEIGHT, SHAPE_OVERLAY_WIDTH, ShapeComponentConfig, } from '../affine-gfx-shape/index.js';
 import { insertEdgelessTextCommand, mountTextElementEditor, } from '../affine-gfx-text/index.js';
 import { DEFAULT_NOTE_WIDTH, DefaultTheme, FontFamily, FontStyle, FontWeight, getShapeName, GroupElementModel, NoteBlockModel, ShapeStyle, TextElementModel, } from '../affine-model/index.js';
-import { EditPropsStore, FeatureFlagService, ThemeProvider, } from '../affine-shared/services/index.js';
+import { EditPropsStore, FeatureFlagService, ThemeProvider, translateKey, } from '../affine-shared/services/index.js';
 import { captureEventTarget, matchModels, overlayScale, overlayViewportSize, toOverlayCoord, } from '../affine-shared/utils/index.js';
 import { Bound, clamp, normalizeDegAngle, serializeXYWH, toDegree, Vec, } from '../global/gfx/index.js';
 import { WithDisposable } from '../global/lit/index.js';
@@ -53,6 +53,7 @@ import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import * as Y from 'yjs';
 import { AutoCompleteFrameOverlay, AutoCompleteNoteOverlay, AutoCompleteShapeOverlay, AutoCompleteTextOverlay, capitalizeFirstLetter, createShapeElement, DEFAULT_NOTE_OVERLAY_HEIGHT, DEFAULT_TEXT_HEIGHT, DEFAULT_TEXT_WIDTH, Direction, isShape, PANEL_HEIGHT, PANEL_WIDTH, } from './utils.js';
+import { AUTO_COMPLETE_ADD_SAME_OBJECT, AUTO_COMPLETE_FRAME, AUTO_COMPLETE_NOTE, AUTO_COMPLETE_TEXT, } from './translations.js';
 let EdgelessAutoCompletePanel = (() => {
     let _classSuper = WithDisposable(LitElement);
     let _connector_decorators;
@@ -544,7 +545,7 @@ let EdgelessAutoCompletePanel = (() => {
       ${shapeButtons}
 
       <edgeless-tool-icon-button
-        .tooltip=${'Text'}
+        .tooltip=${translateKey(this.std, ...AUTO_COMPLETE_TEXT)}
         .iconSize=${'20px'}
         @pointerenter=${() => this._showOverlay('text')}
         @pointerleave=${() => this._removeOverlay()}
@@ -553,7 +554,7 @@ let EdgelessAutoCompletePanel = (() => {
         ${FontFamilyIcon}
       </edgeless-tool-icon-button>
       <edgeless-tool-icon-button
-        .tooltip=${'Note'}
+        .tooltip=${translateKey(this.std, ...AUTO_COMPLETE_NOTE)}
         .iconSize=${'20px'}
         @pointerenter=${() => this._showOverlay('note')}
         @pointerleave=${() => this._removeOverlay()}
@@ -562,7 +563,7 @@ let EdgelessAutoCompletePanel = (() => {
         ${PageIcon()}
       </edgeless-tool-icon-button>
       <edgeless-tool-icon-button
-        .tooltip=${'Frame'}
+        .tooltip=${translateKey(this.std, ...AUTO_COMPLETE_FRAME)}
         .iconSize=${'20px'}
         @pointerenter=${() => this._showOverlay('frame')}
         @pointerleave=${() => this._removeOverlay()}
@@ -578,7 +579,9 @@ let EdgelessAutoCompletePanel = (() => {
         @pointerleave=${() => this._removeOverlay()}
         @click=${() => this._autoComplete(currentSourceType)}
       >
-        <div class="row-button">Add a same object</div>
+        <div class="row-button">
+          ${translateKey(this.std, ...AUTO_COMPLETE_ADD_SAME_OBJECT)}
+        </div>
       </edgeless-tool-icon-button>
     </div>`;
         }

package/dist/_pkgs/affine-widget-edgeless-selected-rect/edgeless-auto-complete.js

@@ -34,9 +34,10 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { CanvasElementType, EdgelessCRUDIdentifier, getSurfaceBlock, getSurfaceComponent, isNoteBlock, Overlay, OverlayIdentifier, } from '../affine-block-surface/index.js';
 import { ConnectorPathGenerator, } from '../affine-gfx-connector/index.js';
+import { MINDMAP_SEED_NEW_NODE } from '../affine-gfx-mindmap/translations.js';
 import { mountShapeTextEditor } from '../affine-gfx-shape/index.js';
 import { DEFAULT_NOTE_HEIGHT, DefaultTheme, LayoutType, MindmapElementModel, ShapeElementModel, shapeMethods, } from '../affine-model/index.js';
-import { ToolbarRegistryIdentifier } from '../affine-shared/services/index.js';
+import { ToolbarRegistryIdentifier, translateKey, } from '../affine-shared/services/index.js';
 import { handleNativeRangeAtPoint, toClientCoord, } from '../affine-shared/utils/index.js';
 import { DisposableGroup } from '../global/disposable/index.js';
 import { Vec } from '../global/gfx/index.js';
@@ -228,7 +229,7 @@ let EdgelessAutoComplete = (() => {
             const parentNode = mindmap.getNode(parent.id);
             if (!parentNode)
                 return;
-            const newNode = mindmap.addNode(parentNode.id, target === 'sibling' ? this.current.id : undefined, undefined, undefined);
+            const newNode = mindmap.addNode(parentNode.id, target === 'sibling' ? this.current.id : undefined, undefined, { text: translateKey(this.std, ...MINDMAP_SEED_NEW_NODE) });
             if (parentNode.detail.collapsed) {
                 mindmap.toggleCollapse(parentNode);
             }

package/dist/_pkgs/affine-widget-edgeless-selected-rect/edgeless-element-link.js

@@ -33,6 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { RefNodeSlotsProvider } from '../affine-inline-reference/index.js';
+import { translateKey } from '../affine-shared/services/index.js';
 import { overlayScale, requestThrottledConnectedFrame, toOverlayCoord, } from '../affine-shared/utils/index.js';
 import { WidgetComponent } from '../std/index.js';
 import { GfxControllerIdentifier, GfxPrimitiveElementModel, } from '../std/gfx/index.js';
@@ -40,6 +41,7 @@ import { OpenInNewIcon, RightSidebarIcon } from '@blocksuite/icons/lit';
 import { css, html, nothing } from 'lit';
 import { state } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import { EDGELESS_LINK_OPEN_DOC, EDGELESS_LINK_OPEN_LINK, } from './translations.js';
 export const EDGELESS_ELEMENT_LINK_WIDGET = 'edgeless-element-link';
 /**
  * Shows a clickable arrow when hovering a drawing element that carries a link
@@ -210,7 +212,7 @@ let EdgelessElementLinkWidget = (() => {
             if (!target || !rect)
                 return nothing;
             const isDoc = Boolean(target.linkedDocId);
-            const label = isDoc ? 'Open linked doc' : 'Open link';
+            const label = translateKey(this.std, ...(isDoc ? EDGELESS_LINK_OPEN_DOC : EDGELESS_LINK_OPEN_LINK));
             return html `<div
       class="open-link-button"
       role="button"

package/dist/_pkgs/affine-widget-edgeless-selected-rect/translations.d.ts

@@ -0,0 +1,17 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The "+" auto-complete panel's own wordings. `TOOL_NAME_TEXT` /
+ * `TOOL_NAME_NOTE` / `TOOL_NAME_FRAME` are declared once in `chrome.ts`
+ * (shared with `gfx/mindmap` and `gfx/shape`'s own tool buttons) and
+ * re-exported here under this package's own name.
+ */
+export declare const AUTO_COMPLETE_TEXT: ChromeWording;
+export declare const AUTO_COMPLETE_NOTE: ChromeWording;
+export declare const AUTO_COMPLETE_FRAME: ChromeWording;
+/** The button that duplicates the currently selected element. */
+export declare const AUTO_COMPLETE_ADD_SAME_OBJECT: ChromeWording;
+/** The floating "open link" button drawn over a linked element. */
+export declare const EDGELESS_LINK_OPEN_DOC: ChromeWording;
+export declare const EDGELESS_LINK_OPEN_LINK: ChromeWording;
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export declare const EDGELESS_SELECTED_RECT_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-widget-edgeless-selected-rect/translations.js

@@ -0,0 +1,30 @@
+import { TOOL_NAME_FRAME, TOOL_NAME_NOTE, TOOL_NAME_TEXT, } from '../affine-shared/services/index.js';
+/**
+ * The "+" auto-complete panel's own wordings. `TOOL_NAME_TEXT` /
+ * `TOOL_NAME_NOTE` / `TOOL_NAME_FRAME` are declared once in `chrome.ts`
+ * (shared with `gfx/mindmap` and `gfx/shape`'s own tool buttons) and
+ * re-exported here under this package's own name.
+ */
+export const AUTO_COMPLETE_TEXT = TOOL_NAME_TEXT;
+export const AUTO_COMPLETE_NOTE = TOOL_NAME_NOTE;
+export const AUTO_COMPLETE_FRAME = TOOL_NAME_FRAME;
+/** The button that duplicates the currently selected element. */
+export const AUTO_COMPLETE_ADD_SAME_OBJECT = [
+    'com.labre.auto-complete.add-same-object',
+    'Add a same object',
+];
+/** The floating "open link" button drawn over a linked element. */
+export const EDGELESS_LINK_OPEN_DOC = [
+    'com.labre.edgeless-element-link.open-doc',
+    'Open linked doc',
+];
+export const EDGELESS_LINK_OPEN_LINK = [
+    'com.labre.edgeless-element-link.open-link',
+    'Open link',
+];
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export const EDGELESS_SELECTED_RECT_WORDINGS = [
+    AUTO_COMPLETE_ADD_SAME_OBJECT,
+    EDGELESS_LINK_OPEN_DOC,
+    EDGELESS_LINK_OPEN_LINK,
+];

package/dist/_pkgs/affine-widget-edgeless-toolbar/button/tool-icon-button.d.ts

@@ -1,3 +1,4 @@
+import type { BlockStdScope } from '../../std/index.js';
 import type { Placement } from '@floating-ui/dom';
 import type { TemplateResult } from 'lit';
 import { LitElement } from 'lit';
@@ -23,4 +24,7 @@ export declare class EdgelessToolIconButton extends LitElement {
     accessor tooltip: string | TemplateResult<1>;
     accessor tooltipOffset: number;
     accessor withHover: boolean | undefined;
+    /** Set by a caller that has one — optional so this button still renders
+     * (in English) when created with none, as it does today. */
+    accessor std: BlockStdScope | undefined;
 }

package/dist/_pkgs/affine-widget-edgeless-toolbar/button/tool-icon-button.js

@@ -32,10 +32,12 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { cache } from 'lit/directives/cache.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import { EDGELESS_TOOLBAR_COMING_SOON } from '../translations.js';
 let EdgelessToolIconButton = (() => {
     let _classSuper = LitElement;
     let _active_decorators;
@@ -89,6 +91,9 @@ let EdgelessToolIconButton = (() => {
     let _withHover_decorators;
     let _withHover_initializers = [];
     let _withHover_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     return class EdgelessToolIconButton extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
@@ -109,6 +114,7 @@ let EdgelessToolIconButton = (() => {
             _tooltip_decorators = [property({ attribute: false })];
             _tooltipOffset_decorators = [property({ attribute: false })];
             _withHover_decorators = [property({ attribute: false })];
+            _std_decorators = [property({ attribute: false })];
             __esDecorate(this, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
             __esDecorate(this, null, _activeMode_decorators, { kind: "accessor", name: "activeMode", static: false, private: false, access: { has: obj => "activeMode" in obj, get: obj => obj.activeMode, set: (obj, value) => { obj.activeMode = value; } }, metadata: _metadata }, _activeMode_initializers, _activeMode_extraInitializers);
             __esDecorate(this, null, _arrow_decorators, { kind: "accessor", name: "arrow", static: false, private: false, access: { has: obj => "arrow" in obj, get: obj => obj.arrow, set: (obj, value) => { obj.arrow = value; } }, metadata: _metadata }, _arrow_initializers, _arrow_extraInitializers);
@@ -126,6 +132,7 @@ let EdgelessToolIconButton = (() => {
             __esDecorate(this, null, _tooltip_decorators, { kind: "accessor", name: "tooltip", static: false, private: false, access: { has: obj => "tooltip" in obj, get: obj => obj.tooltip, set: (obj, value) => { obj.tooltip = value; } }, metadata: _metadata }, _tooltip_initializers, _tooltip_extraInitializers);
             __esDecorate(this, null, _tooltipOffset_decorators, { kind: "accessor", name: "tooltipOffset", static: false, private: false, access: { has: obj => "tooltipOffset" in obj, get: obj => obj.tooltipOffset, set: (obj, value) => { obj.tooltipOffset = value; } }, metadata: _metadata }, _tooltipOffset_initializers, _tooltipOffset_extraInitializers);
             __esDecorate(this, null, _withHover_decorators, { kind: "accessor", name: "withHover", static: false, private: false, access: { has: obj => "withHover" in obj, get: obj => obj.withHover, set: (obj, value) => { obj.withHover = value; } }, metadata: _metadata }, _withHover_initializers, _withHover_extraInitializers);
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static { this.styles = css `
@@ -199,7 +206,7 @@ let EdgelessToolIconButton = (() => {
   `; }
         constructor() {
             super();
-            __runInitializers(this, _withHover_extraInitializers);
+            __runInitializers(this, _std_extraInitializers);
             this.addEventListener('click', event => {
                 if (this.disabled) {
                     event.stopPropagation();
@@ -212,7 +219,11 @@ let EdgelessToolIconButton = (() => {
             this.role = 'button';
         }
         render() {
-            const tooltip = this.coming ? '(Coming soon)' : this.tooltip;
+            const tooltip = this.coming
+                ? this.std
+                    ? translateKey(this.std, ...EDGELESS_TOOLBAR_COMING_SOON)
+                    : EDGELESS_TOOLBAR_COMING_SOON[1]
+                : this.tooltip;
             const classnames = `icon-container active-mode-${this.activeMode} ${this.hoverState ? 'hovered' : ''}`;
             const padding = this.iconContainerPadding;
             const iconContainerStyles = styleMap({
@@ -301,6 +312,11 @@ let EdgelessToolIconButton = (() => {
         #withHover_accessor_storage = (__runInitializers(this, _tooltipOffset_extraInitializers), __runInitializers(this, _withHover_initializers, undefined));
         get withHover() { return this.#withHover_accessor_storage; }
         set withHover(value) { this.#withHover_accessor_storage = value; }
+        #std_accessor_storage = (__runInitializers(this, _withHover_extraInitializers), __runInitializers(this, _std_initializers, undefined));
+        /** Set by a caller that has one — optional so this button still renders
+         * (in English) when created with none, as it does today. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
     };
 })();
 export { EdgelessToolIconButton };

package/dist/_pkgs/affine-widget-edgeless-toolbar/catalogue/artefact-catalogue-widget.d.ts

@@ -138,11 +138,19 @@ export declare class EdgelessArtefactCatalogueWidget extends WidgetComponent<Roo
      */
     private _chord;
     /**
-     * Run the command. The panel STAYS OPEN.
+     * Arm an artefact, run anything else. The panel STAYS OPEN either way.
      *
-     * `runCommand` is the one bottleneck (ADR 0008): the telemetry and the usage
-     * measure are emitted there, and `surface: 'catalogue'` is what makes this
-     * panel distinguishable from the sub-menu in the numbers.
+     * An artefact row arms the placement tool exactly as the senior menu's does
+     * (PO decision, 2026-09-16): the ghost goes under the cursor and the click on
+     * the canvas says where. The panel is one gesture away from the board, so it
+     * can stay open behind the ghost.
+     *
+     * For everything else `runCommand` is the one bottleneck (ADR 0008): the
+     * telemetry and the usage measure are emitted there, and `surface:
+     * 'catalogue'` is what makes this panel distinguishable from the sub-menu in
+     * the numbers. An armed artefact reports at PLACEMENT instead, through the
+     * tool, so its `surface` reads `'senior-menu'` — the row it belongs to,
+     * whichever surface offered it.
      *
      * Staying open is the PO's call (recette, 27/08/2026), reversing the first
      * default: a catalogue is where a user furnishes a diagram, and furnishing is

package/dist/_pkgs/affine-widget-edgeless-toolbar/catalogue/artefact-catalogue-widget.js

@@ -34,12 +34,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { EDITOR_ANCHORED_PANEL_Z_INDEX } from '../../affine-block-surface/index.js';
 import { TOUCH_TARGET_MIN_PX } from '../../affine-shared/consts/index.js';
-import { translateKey } from '../../affine-shared/services/index.js';
+import { CATALOGUE_OTHER, translateKey } from '../../affine-shared/services/index.js';
 import { IS_MAC } from '../../global/env/index.js';
 import { getCommandIcon, CommandUsageIdentifier, getCommandsForSurface, isCommandAvailable, normalizeLegacyCombo, rankCommandsByUsage, runCommand, ShortcutOverrideIdentifier, WidgetComponent, WidgetViewExtension, } from '../../std/index.js';
+import { GfxControllerIdentifier } from '../../std/gfx/index.js';
 import { css, html, nothing, unsafeCSS } from 'lit';
 import { state } from 'lit/decorators.js';
 import { literal, unsafeStatic } from 'lit/static-html.js';
+import { armArtefact, armedArtefact, } from '../placement/artefact-placement-tool.js';
 import { CATALOGUE_CATEGORY_KEY_PREFIX, groupCommandsByCategory, humanizeCategory, } from './catalogue-groups.js';
 import { formatChord } from './chord-format.js';
 export const EDGELESS_ARTEFACT_CATALOGUE_WIDGET = 'edgeless-artefact-catalogue-widget';
@@ -122,6 +124,15 @@ let EdgelessArtefactCatalogueWidget = (() => {
                 // it is in another tree, and its own click already landed.
                 if (event.composedPath().includes(this))
                     return;
+                // So does the click that PLACES the artefact this panel just armed. A row
+                // taps to arm since 2026-09-16, and the gesture that finishes it is a click
+                // on the canvas — which is also the click-away. Read literally, the panel
+                // would dismiss itself halfway through its own interaction, and furnishing
+                // a diagram would cost a re-open per artefact: exactly the open-click-reopen
+                // the PO reversed on 27/08/2026. The placement returns to the default tool,
+                // so the NEXT click outside puts the panel away as it always has.
+                if (armedArtefact(this.std.get(GfxControllerIdentifier)))
+                    return;
                 this.closePanel();
             };
             /**
@@ -437,11 +448,19 @@ let EdgelessArtefactCatalogueWidget = (() => {
             return keys.length ? formatChord(keys, IS_MAC) : null;
         }
         /**
-         * Run the command. The panel STAYS OPEN.
+         * Arm an artefact, run anything else. The panel STAYS OPEN either way.
+         *
+         * An artefact row arms the placement tool exactly as the senior menu's does
+         * (PO decision, 2026-09-16): the ghost goes under the cursor and the click on
+         * the canvas says where. The panel is one gesture away from the board, so it
+         * can stay open behind the ghost.
          *
-         * `runCommand` is the one bottleneck (ADR 0008): the telemetry and the usage
-         * measure are emitted there, and `surface: 'catalogue'` is what makes this
-         * panel distinguishable from the sub-menu in the numbers.
+         * For everything else `runCommand` is the one bottleneck (ADR 0008): the
+         * telemetry and the usage measure are emitted there, and `surface:
+         * 'catalogue'` is what makes this panel distinguishable from the sub-menu in
+         * the numbers. An armed artefact reports at PLACEMENT instead, through the
+         * tool, so its `surface` reads `'senior-menu'` — the row it belongs to,
+         * whichever surface offered it.
          *
          * Staying open is the PO's call (recette, 27/08/2026), reversing the first
          * default: a catalogue is where a user furnishes a diagram, and furnishing is
@@ -450,6 +469,10 @@ let EdgelessArtefactCatalogueWidget = (() => {
          * or a click on the canvas.
          */
         _invoke(command) {
+            if (command.kind === 'artefact') {
+                armArtefact(this.std.get(GfxControllerIdentifier), command.owner, command);
+                return;
+            }
             runCommand(this.std, command, {
                 surface: 'catalogue',
                 source: 'toolbar:general',
@@ -458,7 +481,7 @@ let EdgelessArtefactCatalogueWidget = (() => {
         _groupLabel(group) {
             const { category } = group;
             if (category === null) {
-                return translateKey(this.std, 'com.labre.catalogue.other', 'Other');
+                return translateKey(this.std, ...CATALOGUE_OTHER);
             }
             return translateKey(this.std, `${CATALOGUE_CATEGORY_KEY_PREFIX}${category}`, humanizeCategory(category));
         }

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/consts.d.ts

@@ -1,9 +1,11 @@
 export declare const LINE_STYLE_LIST: [{
     readonly key: "General";
+    readonly keyWording: import("../../affine-shared/services/index.js").ChromeWording;
     readonly value: false;
     readonly icon: import("lit-html").TemplateResult<1>;
 }, {
     readonly key: "Scribbled";
+    readonly keyWording: import("../../affine-shared/services/index.js").ChromeWording;
     readonly value: true;
     readonly icon: import("lit-html").TemplateResult<1>;
 }];

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/consts.js

@@ -1,12 +1,15 @@
+import { STYLE_GENERAL, STYLE_SCRIBBLED } from '../../affine-shared/services/index.js';
 import { StyleGeneralIcon, StyleScribbleIcon } from '@blocksuite/icons/lit';
 export const LINE_STYLE_LIST = [
     {
         key: 'General',
+        keyWording: STYLE_GENERAL,
         value: false,
         icon: StyleGeneralIcon(),
     },
     {
         key: 'Scribbled',
+        keyWording: STYLE_SCRIBBLED,
         value: true,
         icon: StyleScribbleIcon(),
     },

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/types.d.ts

@@ -1,20 +1,37 @@
 import type { MenuConfig } from '../../affine-components/context-menu/index.js';
-import type { BlockComponent } from '../../std/index.js';
+import type { ChromeWording } from '../../affine-shared/services/index.js';
+import type { BlockComponent, BlockStdScope } from '../../std/index.js';
 import type { GfxController } from '../../std/gfx/index.js';
 import type { TemplateResult } from 'lit';
 export type MenuItem<T> = {
     key?: string;
+    /**
+     * {@link key}, said as an i18n key with its English default — resolved
+     * ahead of `key` by `renderMenu` / `renderMenuItems` / `resolveMenuItemLabel`
+     * when the caller passes `std`. A caller that does not (every framework
+     * this widget did not yet reach) keeps the English literal, exactly as
+     * before this field existed.
+     */
+    keyWording?: ChromeWording;
     value: T;
     icon?: TemplateResult;
     disabled?: boolean;
 };
 export type Menu<T> = {
     label: string;
+    /** {@link label}, for the translation seam. See {@link MenuItem.keyWording}. */
+    labelWording?: ChromeWording;
     icon?: TemplateResult;
     tooltip?: string;
+    /** {@link tooltip}, for the translation seam. */
+    tooltipWording?: ChromeWording;
     items: MenuItem<T>[];
     currentValue: T;
     onPick: (value: T) => void;
+    /** The editor's std scope, needed to resolve any `…Wording` above. Optional
+     * for the same reason they are: a caller with no `std` at hand renders the
+     * English literal it always has. */
+    std?: BlockStdScope;
 };
 /**
  * Helper function to build a menu configuration for a tool in dense mode