@formicoidea/labre-core 0.39.3 → 0.41.0

package/dist/_pkgs/affine-gfx-connector/toolbar/config.js

@@ -2,7 +2,7 @@ import { EdgelessCRUDIdentifier } from '../../affine-block-surface/index.js';
 import { packColor, } from '../../affine-components/color-picker/index.js';
 import { createTextActions, normalizeTextBound } from '../../affine-gfx-text/index.js';
 import { ConnectorElementModel, ConnectorMode, DEFAULT_FRONT_ENDPOINT_STYLE, DEFAULT_REAR_ENDPOINT_STYLE, DefaultTheme, LineWidth, PointStyle, resolveColor, StrokeStyle, } from '../../affine-model/index.js';
-import { ToolbarModuleExtension, } from '../../affine-shared/services/index.js';
+import { ToolbarModuleExtension, translateKey, } from '../../affine-shared/services/index.js';
 import { getMostCommonResolvedValue, getMostCommonValue, } from '../../affine-shared/utils/index.js';
 import { getRootBlock, LINE_STYLE_LIST, renderMenu, } from '../../affine-widget-edgeless-toolbar/index.js';
 import { Bound } from '../../global/gfx/index.js';
@@ -11,9 +11,10 @@ import { BlockFlavourIdentifier, getRegisteredCommands, runCommand, } from '../.
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { isConnectorWithLabel } from '../connector-manager.js';
-import { INVERT_EDGE_DIRECTION } from '../direction/invert-direction.js';
+import { INVERT_EDGE_DIRECTION, invertEdgeDirection, } from '../direction/invert-direction.js';
 import { asTypedEdge, edgeIsBound, roleVocabularies, } from '../direction/typed-edge.js';
 import { mountConnectorLabelEditor } from '../text/index.js';
+import { CONNECTOR_ADD_TEXT, CONNECTOR_LABEL_END_POINT_STYLE, CONNECTOR_LABEL_SHAPE, CONNECTOR_LABEL_START_POINT_STYLE, CONNECTOR_LABEL_STROKE_STYLE, CONNECTOR_LABEL_STYLE, CONNECTOR_MODE_WORDING, CONNECTOR_TOOLTIP_CONNECTOR_SHAPE, CONNECTOR_TOOLTIP_FLIP_DIRECTION, } from '../translations.js';
 const FRONT_ENDPOINT_STYLE_LIST = [
     {
         value: PointStyle.None,
@@ -129,13 +130,14 @@ export const connectorToolbarConfig = {
                 return html `
           <edgeless-color-picker-button
             class="stroke-color"
-            .label="${'Stroke style'}"
+            .label="${translateKey(ctx.std, ...CONNECTOR_LABEL_STROKE_STYLE)}"
             .pick=${onPickColor}
             .color=${stroke}
             .theme=${theme}
             .hollowCircle=${true}
             .originalColor=${firstModel.stroke}
             .enableCustomColor=${enableCustomColor}
+            .std=${ctx.std}
           >
             <edgeless-line-styles-panel
               slot="other"
@@ -169,7 +171,7 @@ export const connectorToolbarConfig = {
                     updateModelsWith(ctx, models, field, value);
                 };
                 return renderMenu({
-                    label: 'Style',
+                    label: translateKey(ctx.std, ...CONNECTOR_LABEL_STYLE),
                     items: LINE_STYLE_LIST,
                     currentValue: rough,
                     onPick,
@@ -191,7 +193,7 @@ export const connectorToolbarConfig = {
                             updateModelsWith(ctx, models, field, value);
                         };
                         return renderMenu({
-                            label: 'Start point style',
+                            label: translateKey(ctx.std, ...CONNECTOR_LABEL_START_POINT_STYLE),
                             items: FRONT_ENDPOINT_STYLE_LIST,
                             currentValue: pointStyle,
                             onPick,
@@ -202,6 +204,7 @@ export const connectorToolbarConfig = {
                     id: 'b.flip-direction',
                     icon: FlipDirectionIcon(),
                     tooltip: 'Flip direction',
+                    tooltipWording: CONNECTOR_TOOLTIP_FLIP_DIRECTION,
                     /**
                      * Hidden for a TYPED EDGE (`docs/adr/0010` M3).
                      *
@@ -257,7 +260,7 @@ export const connectorToolbarConfig = {
                             updateModelsWith(ctx, models, field, value);
                         };
                         return renderMenu({
-                            label: 'End point style',
+                            label: translateKey(ctx.std, ...CONNECTOR_LABEL_END_POINT_STYLE),
                             items: REAR_ENDPOINT_STYLE_LIST,
                             currentValue: pointStyle,
                             onPick,
@@ -277,7 +280,13 @@ export const connectorToolbarConfig = {
                      */
                     id: 'b.invert-direction',
                     icon: FlipDirectionIcon(),
-                    tooltip: 'Reverse direction',
+                    tooltip: invertEdgeDirection.labelFallback,
+                    // Reuses the registered command's own key/fallback — no restated
+                    // literal (see `direction/invert-direction.ts`).
+                    tooltipWording: [
+                        invertEdgeDirection.labelKey,
+                        invertEdgeDirection.labelFallback,
+                    ],
                     /**
                      * Shown as soon as the selection holds ONE reversible typed edge, and
                      * it then acts on the typed edges of that selection and on nothing
@@ -314,10 +323,14 @@ export const connectorToolbarConfig = {
                         const onPick = (value) => {
                             updateModelsWith(ctx, models, field, value);
                         };
+                        const items = CONNECTOR_MODE_LIST.map(item => ({
+                            ...item,
+                            key: translateKey(ctx.std, ...CONNECTOR_MODE_WORDING[item.value]),
+                        }));
                         return renderMenu({
-                            label: 'Shape',
-                            tooltip: 'Connector shape',
-                            items: CONNECTOR_MODE_LIST,
+                            label: translateKey(ctx.std, ...CONNECTOR_LABEL_SHAPE),
+                            tooltip: translateKey(ctx.std, ...CONNECTOR_TOOLTIP_CONNECTOR_SHAPE),
+                            items,
                             currentValue: mode,
                             onPick,
                         });
@@ -328,6 +341,7 @@ export const connectorToolbarConfig = {
         {
             id: 'g.text',
             tooltip: 'Add text',
+            tooltipWording: CONNECTOR_ADD_TEXT,
             icon: AddTextIcon(),
             when(ctx) {
                 const models = ctx.getSurfaceModelsByType(ConnectorElementModel);

package/dist/_pkgs/affine-gfx-connector/toolbar/connector-dense-menu.js

@@ -1,8 +1,9 @@
 import { menu } from '../../affine-components/context-menu/index.js';
 import { ConnectorMode } from '../../affine-model/index.js';
-import { EditPropsStore } from '../../affine-shared/services/index.js';
+import { EditPropsStore, translateKey } from '../../affine-shared/services/index.js';
 import { ConnectorCIcon, ConnectorEIcon, ConnectorLIcon, } from '@blocksuite/icons/lit';
 import { ConnectorTool } from '../connector-tool.js';
+import { CONNECTOR_LABEL_CONNECTOR, CONNECTOR_MODE_WORDING, } from '../translations.js';
 export const buildConnectorDenseMenu = (edgeless, gfx) => {
     const prevMode = edgeless.std.get(EditPropsStore).lastProps$.value.connector.mode;
     const isSelected = gfx.tool.currentToolName$.peek() === 'connector';
@@ -14,27 +15,28 @@ export const buildConnectorDenseMenu = (edgeless, gfx) => {
             edgeless.std.get(EditPropsStore).recordLastProps('connector', { mode });
     };
     const iconSize = { width: '20', height: '20' };
+    const std = edgeless.std;
     return menu.subMenu({
-        name: 'Connector',
+        name: translateKey(std, ...CONNECTOR_LABEL_CONNECTOR),
         prefix: ConnectorCIcon(iconSize),
         select: createSelect(prevMode, false),
         isSelected,
         options: {
             items: [
                 menu.action({
-                    name: 'Curve',
+                    name: translateKey(std, ...CONNECTOR_MODE_WORDING[ConnectorMode.Curve]),
                     prefix: ConnectorCIcon(iconSize),
                     select: createSelect(ConnectorMode.Curve),
                     isSelected: isSelected && prevMode === ConnectorMode.Curve,
                 }),
                 menu.action({
-                    name: 'Elbowed',
+                    name: translateKey(std, ...CONNECTOR_MODE_WORDING[ConnectorMode.Orthogonal]),
                     prefix: ConnectorEIcon(iconSize),
                     select: createSelect(ConnectorMode.Orthogonal),
                     isSelected: isSelected && prevMode === ConnectorMode.Orthogonal,
                 }),
                 menu.action({
-                    name: 'Straight',
+                    name: translateKey(std, ...CONNECTOR_MODE_WORDING[ConnectorMode.Straight]),
                     prefix: ConnectorLIcon(iconSize),
                     select: createSelect(ConnectorMode.Straight),
                     isSelected: isSelected && prevMode === ConnectorMode.Straight,

package/dist/_pkgs/affine-gfx-connector/toolbar/connector-menu.js

@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { ConnectorMode, DefaultTheme, } 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 { EdgelessToolbarToolMixin } from '../../affine-widget-edgeless-toolbar/index.js';
 import { SignalWatcher } from '../../global/lit/index.js';
 import { ConnectorCIcon, ConnectorEIcon, ConnectorLIcon, } from '@blocksuite/icons/lit';
@@ -41,7 +41,8 @@ import { computed } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ConnectorTool } from '../connector-tool.js';
-function ConnectorModeButtonGroup(mode, setConnectorMode) {
+import { CONNECTOR_MODE_WORDING } from '../translations.js';
+function ConnectorModeButtonGroup(std, mode, setConnectorMode) {
     /**
      * There is little hacky on rendering tooltip.
      * We don't want either tooltip overlap the top button or tooltip on left.
@@ -52,7 +53,7 @@ function ConnectorModeButtonGroup(mode, setConnectorMode) {
       <edgeless-tool-icon-button
         .active=${mode === ConnectorMode.Curve}
         .activeMode=${'background'}
-        .tooltip=${'Curve'}
+        .tooltip=${translateKey(std, ...CONNECTOR_MODE_WORDING[ConnectorMode.Curve])}
         .iconSize=${'20px'}
         @click=${() => setConnectorMode({ mode: ConnectorMode.Curve })}
       >
@@ -61,7 +62,7 @@ function ConnectorModeButtonGroup(mode, setConnectorMode) {
       <edgeless-tool-icon-button
         .active=${mode === ConnectorMode.Orthogonal}
         .activeMode=${'background'}
-        .tooltip=${'Elbowed'}
+        .tooltip=${translateKey(std, ...CONNECTOR_MODE_WORDING[ConnectorMode.Orthogonal])}
         .iconSize=${'20px'}
         @click=${() => setConnectorMode({ mode: ConnectorMode.Orthogonal })}
       >
@@ -70,7 +71,7 @@ function ConnectorModeButtonGroup(mode, setConnectorMode) {
       <edgeless-tool-icon-button
         .active=${mode === ConnectorMode.Straight}
         .activeMode=${'background'}
-        .tooltip=${'Straight'}
+        .tooltip=${translateKey(std, ...CONNECTOR_MODE_WORDING[ConnectorMode.Straight])}
         .iconSize=${'20px'}
         @click=${() => setConnectorMode({ mode: ConnectorMode.Straight })}
       >
@@ -126,7 +127,7 @@ let EdgelessConnectorMenu = (() => {
   `; }
         render() {
             const { stroke, strokeWidth, mode } = this._props$.value;
-            const connectorModeButtonGroup = ConnectorModeButtonGroup(mode, this.onChange);
+            const connectorModeButtonGroup = ConnectorModeButtonGroup(this.edgeless.std, mode, this.onChange);
             return html `
       <edgeless-slide-menu>
         <div class="connector-submenu-content">
@@ -146,6 +147,7 @@ let EdgelessConnectorMenu = (() => {
             .hasTransparent=${!this.edgeless.store
                 .get(FeatureFlagService)
                 .getFlag('enable_color_picker')}
+            .std=${this.edgeless.std}
             @select=${(e) => this.onChange({ stroke: e.detail.value })}
           ></edgeless-color-panel>
         </div>

package/dist/_pkgs/affine-gfx-connector/toolbar/connector-tool-button.js

@@ -1,11 +1,12 @@
-import { ConnectorMode, getConnectorModeName } from '../../affine-model/index.js';
-import { EditPropsStore } from '../../affine-shared/services/index.js';
+import { ConnectorMode } from '../../affine-model/index.js';
+import { EditPropsStore, translateKey } from '../../affine-shared/services/index.js';
 import { QuickToolMixin } from '../../affine-widget-edgeless-toolbar/index.js';
 import { SignalWatcher } from '../../global/lit/index.js';
 import { ConnectorCIcon, ConnectorEIcon, ConnectorLIcon, } from '@blocksuite/icons/lit';
 import { computed } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { ConnectorTool } from '../connector-tool.js';
+import { CONNECTOR_MODE_WORDING } from '../translations.js';
 const IcomMap = {
     [ConnectorMode.Straight]: ConnectorLIcon(),
     [ConnectorMode.Orthogonal]: ConnectorEIcon(),
@@ -46,7 +47,7 @@ export class EdgelessConnectorToolButton extends QuickToolMixin(SignalWatcher(Li
         .tooltip=${this.popper
             ? ''
             : html `<affine-tooltip-content-with-shortcut
-              data-tip="${getConnectorModeName(mode)}"
+              data-tip="${translateKey(this.edgeless.std, ...CONNECTOR_MODE_WORDING[mode])}"
               data-shortcut="${'C'}"
             ></affine-tooltip-content-with-shortcut>`}
         .tooltipOffset=${17}

package/dist/_pkgs/affine-gfx-connector/translations.d.ts

@@ -0,0 +1,32 @@
+import { ConnectorMode } from '../affine-model/index.js';
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, joined into `PACKAGE_WORDINGS` in
+ * `@labre/affine/translations` — see that file and
+ * `packages/affine/shared/src/services/translation-service/README.md`.
+ */
+export declare const CONNECTOR_MODE_STRAIGHT: ChromeWording;
+export declare const CONNECTOR_MODE_ELBOWED: ChromeWording;
+export declare const CONNECTOR_MODE_CURVE: ChromeWording;
+/**
+ * `ConnectorMode` → its wording, so a render site resolves a mode without
+ * repeating the three-way switch. Supersedes `getConnectorModeName`
+ * (`packages/affine/model`, a red-zone-adjacent package this lot leaves
+ * untouched): that helper's own English literals are now dead for display —
+ * its sole caller (`connector-tool-button.ts`) reads this table instead.
+ */
+export declare const CONNECTOR_MODE_WORDING: Record<ConnectorMode, ChromeWording>;
+export declare const CONNECTOR_LABEL_CONNECTOR: ChromeWording;
+export declare const CONNECTOR_LABEL_STROKE_STYLE: ChromeWording;
+export declare const CONNECTOR_LABEL_STYLE: ChromeWording;
+export declare const CONNECTOR_LABEL_START_POINT_STYLE: ChromeWording;
+export declare const CONNECTOR_TOOLTIP_FLIP_DIRECTION: ChromeWording;
+export declare const CONNECTOR_LABEL_END_POINT_STYLE: ChromeWording;
+export declare const CONNECTOR_LABEL_SHAPE: ChromeWording;
+export declare const CONNECTOR_TOOLTIP_CONNECTOR_SHAPE: ChromeWording;
+/**
+ * "Add text" — the contextual-toolbar action AND the label editor's own
+ * empty-state placeholder say the exact same word, one key.
+ */
+export declare const CONNECTOR_ADD_TEXT: ChromeWording;
+export declare const CONNECTOR_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-gfx-connector/translations.js

@@ -0,0 +1,79 @@
+import { ConnectorMode } from '../affine-model/index.js';
+import { ADD_TEXT_TOOLTIP, STYLE_MENU_LABEL, } from '../affine-shared/services/index.js';
+/**
+ * This package's own wordings, joined into `PACKAGE_WORDINGS` in
+ * `@labre/affine/translations` — see that file and
+ * `packages/affine/shared/src/services/translation-service/README.md`.
+ */
+/* ── The three connector modes, said everywhere a connector is edited ─── */
+export const CONNECTOR_MODE_STRAIGHT = [
+    'com.labre.connector.mode.straight',
+    'Straight',
+];
+export const CONNECTOR_MODE_ELBOWED = [
+    'com.labre.connector.mode.elbowed',
+    'Elbowed',
+];
+export const CONNECTOR_MODE_CURVE = [
+    'com.labre.connector.mode.curve',
+    'Curve',
+];
+/**
+ * `ConnectorMode` → its wording, so a render site resolves a mode without
+ * repeating the three-way switch. Supersedes `getConnectorModeName`
+ * (`packages/affine/model`, a red-zone-adjacent package this lot leaves
+ * untouched): that helper's own English literals are now dead for display —
+ * its sole caller (`connector-tool-button.ts`) reads this table instead.
+ */
+export const CONNECTOR_MODE_WORDING = {
+    [ConnectorMode.Straight]: CONNECTOR_MODE_STRAIGHT,
+    [ConnectorMode.Orthogonal]: CONNECTOR_MODE_ELBOWED,
+    [ConnectorMode.Curve]: CONNECTOR_MODE_CURVE,
+};
+/* ── The connector contextual toolbar ──────────────────────────────────── */
+export const CONNECTOR_LABEL_CONNECTOR = [
+    'com.labre.connector.toolbar.connector',
+    'Connector',
+];
+export const CONNECTOR_LABEL_STROKE_STYLE = [
+    'com.labre.connector.toolbar.stroke-style',
+    'Stroke style',
+];
+export const CONNECTOR_LABEL_STYLE = STYLE_MENU_LABEL;
+export const CONNECTOR_LABEL_START_POINT_STYLE = [
+    'com.labre.connector.toolbar.start-point-style',
+    'Start point style',
+];
+export const CONNECTOR_TOOLTIP_FLIP_DIRECTION = [
+    'com.labre.connector.toolbar.flip-direction',
+    'Flip direction',
+];
+export const CONNECTOR_LABEL_END_POINT_STYLE = [
+    'com.labre.connector.toolbar.end-point-style',
+    'End point style',
+];
+export const CONNECTOR_LABEL_SHAPE = [
+    'com.labre.connector.toolbar.shape',
+    'Shape',
+];
+export const CONNECTOR_TOOLTIP_CONNECTOR_SHAPE = [
+    'com.labre.connector.toolbar.connector-shape',
+    'Connector shape',
+];
+/**
+ * "Add text" — the contextual-toolbar action AND the label editor's own
+ * empty-state placeholder say the exact same word, one key.
+ */
+export const CONNECTOR_ADD_TEXT = ADD_TEXT_TOOLTIP;
+export const CONNECTOR_WORDINGS = [
+    CONNECTOR_MODE_STRAIGHT,
+    CONNECTOR_MODE_ELBOWED,
+    CONNECTOR_MODE_CURVE,
+    CONNECTOR_LABEL_CONNECTOR,
+    CONNECTOR_LABEL_STROKE_STYLE,
+    CONNECTOR_LABEL_START_POINT_STYLE,
+    CONNECTOR_TOOLTIP_FLIP_DIRECTION,
+    CONNECTOR_LABEL_END_POINT_STYLE,
+    CONNECTOR_LABEL_SHAPE,
+    CONNECTOR_TOOLTIP_CONNECTOR_SHAPE,
+];

package/dist/_pkgs/affine-gfx-group/command/group-api.js

@@ -1,6 +1,8 @@
 import { EdgelessCRUDIdentifier } from '../../affine-block-surface/index.js';
 import { MindmapElementModel, } from '../../affine-model/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
 import { batchAddChildren, batchRemoveChildren, generateKeyBetween, generateNKeysBetween, GfxControllerIdentifier, measureOperation, } from '../../std/gfx/index.js';
+import { GROUP_SEED_NAME } from '../translations.js';
 /**
  * Every element that sits at the root of the board, in painting order.
  */
@@ -74,7 +76,10 @@ export const createGroupCommand = (ctx, next) => {
             pre[id] = true;
             return pre;
         }, {}),
-        title: `Group ${groups.length + 1}`,
+        // Translated HERE and once: the title is document content the moment it
+        // lands (ADR 0016), so the host's catalogue is asked at placement and
+        // never again — a renamed group keeps its name.
+        title: translateKey(std, ...GROUP_SEED_NAME, { n: groups.length + 1 }),
     });
     if (!groupId) {
         return;

package/dist/_pkgs/affine-gfx-group/index.d.ts

@@ -4,3 +4,4 @@ export * from './element-renderer/index.js';
 export * from './element-view.js';
 export * from './text/text.js';
 export * from './toolbar/config.js';
+export * from './translations.js';

package/dist/_pkgs/affine-gfx-group/index.js

@@ -4,3 +4,4 @@ export * from './element-renderer/index.js';
 export * from './element-view.js';
 export * from './text/text.js';
 export * from './toolbar/config.js';
+export * from './translations.js';

package/dist/_pkgs/affine-gfx-group/toolbar/config.d.ts

@@ -1,20 +1,24 @@
 export declare const groupToolbarConfig: {
     readonly actions: [{
         readonly id: "a.insert-into-page";
-        readonly label: "Insert into Page";
-        readonly tooltip: "Insert into Page";
+        readonly label: "Insert into Document";
+        readonly labelWording: import("../../affine-shared/services/index.js").ChromeWording;
+        readonly tooltip: "Insert into Document";
+        readonly tooltipWording: import("../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: import("../../affine-shared/services/index.js").ToolbarContext) => boolean;
         readonly run: (ctx: import("../../affine-shared/services/index.js").ToolbarContext) => void;
     }, {
         readonly id: "b.rename";
         readonly tooltip: "Rename";
+        readonly tooltipWording: import("../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly when: (ctx: import("../../affine-shared/services/index.js").ToolbarContext) => boolean;
         readonly run: (ctx: import("../../affine-shared/services/index.js").ToolbarContext) => void;
     }, {
         readonly id: "b.ungroup";
         readonly tooltip: "Ungroup";
+        readonly tooltipWording: import("../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
         readonly run: (ctx: import("../../affine-shared/services/index.js").ToolbarContext) => void;
     }];

package/dist/_pkgs/affine-gfx-group/toolbar/config.js

@@ -1,6 +1,6 @@
 import { toast } from '../../affine-components/toast/index.js';
 import { DEFAULT_NOTE_HEIGHT, GroupElementModel, NoteBlockModel, NoteBlockSchema, NoteDisplayMode, SurfaceRefBlockSchema, } from '../../affine-model/index.js';
-import { ToolbarModuleExtension, } from '../../affine-shared/services/index.js';
+import { ToolbarModuleExtension, translateKey, } from '../../affine-shared/services/index.js';
 import { matchModels } from '../../affine-shared/utils/index.js';
 import { getRootBlock } from '../../affine-widget-edgeless-toolbar/index.js';
 import { Bound } from '../../global/gfx/index.js';
@@ -8,12 +8,15 @@ import { EditIcon, InsertIntoPageIcon, UngroupIcon, } from '@blocksuite/icons/li
 import { BlockFlavourIdentifier } from '../../std/index.js';
 import { ungroupCommand } from '../command/index.js';
 import { mountGroupTitleEditor } from '../text/text.js';
+import { GROUP_TOAST_INSERTED, GROUP_TOOLBAR_INSERT_INTO_PAGE, GROUP_TOOLBAR_RENAME, GROUP_TOOLBAR_UNGROUP, } from '../translations.js';
 export const groupToolbarConfig = {
     actions: [
         {
             id: 'a.insert-into-page',
-            label: 'Insert into Page',
-            tooltip: 'Insert into Page',
+            label: 'Insert into Document',
+            labelWording: GROUP_TOOLBAR_INSERT_INTO_PAGE,
+            tooltip: 'Insert into Document',
+            tooltipWording: GROUP_TOOLBAR_INSERT_INTO_PAGE,
             icon: InsertIntoPageIcon(),
             when: ctx => ctx.getSurfaceModelsByType(GroupElementModel).length === 1,
             run(ctx) {
@@ -33,12 +36,13 @@ export const groupToolbarConfig = {
                     lastNoteId = ctx.store.addBlock(NoteBlockSchema.model.flavour, { xywh: bounds.serialize() }, rootModel.id);
                 }
                 ctx.store.addBlock(SurfaceRefBlockSchema.model.flavour, { reference: groupId, refFlavour: 'group' }, lastNoteId);
-                toast(ctx.host, 'Group has been inserted into doc');
+                toast(ctx.host, translateKey(ctx.std, ...GROUP_TOAST_INSERTED));
             },
         },
         {
             id: 'b.rename',
             tooltip: 'Rename',
+            tooltipWording: GROUP_TOOLBAR_RENAME,
             icon: EditIcon(),
             when: ctx => ctx.getSurfaceModelsByType(GroupElementModel).length === 1,
             run(ctx) {
@@ -54,6 +58,7 @@ export const groupToolbarConfig = {
         {
             id: 'b.ungroup',
             tooltip: 'Ungroup',
+            tooltipWording: GROUP_TOOLBAR_UNGROUP,
             icon: UngroupIcon(),
             run(ctx) {
                 const models = ctx.getSurfaceModelsByType(GroupElementModel);

package/dist/_pkgs/affine-gfx-group/translations.d.ts

@@ -0,0 +1,24 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The group's own seed: the default title a newly created group is stamped
+ * with (`Group 2`), written into the document at creation
+ * (`createGroupCommand`). Resolved at PLACEMENT and never again — a group
+ * renamed by its author keeps its name, and a group created before this key
+ * existed keeps the plain text it was given.
+ *
+ * `{{n}}` is the group's 1-based ordinal among the groups already on the doc;
+ * see the translation-service README on why a count carries a param rather
+ * than its own key.
+ */
+export declare const GROUP_SEED_NAME: ChromeWording;
+/**
+ * This package's contribution to the translation-key manifest — a single seed,
+ * listed in `PACKAGE_SEED_WORDINGS` under source `seed`
+ * (`packages/affine/all/src/translations.ts`).
+ */
+export declare const GROUP_WORDINGS: readonly ChromeWording[];
+export declare const GROUP_TOOLBAR_INSERT_INTO_PAGE: ChromeWording;
+export declare const GROUP_TOAST_INSERTED: ChromeWording;
+export declare const GROUP_TOOLBAR_RENAME: ChromeWording;
+export declare const GROUP_TOOLBAR_UNGROUP: ChromeWording;
+export declare const GROUP_CHROME_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-gfx-group/translations.js

@@ -0,0 +1,33 @@
+import { TOOLBAR_INSERT_INTO_PAGE, TOOLBAR_RENAME, TOOLBAR_UNGROUP, } from '../affine-shared/services/index.js';
+/**
+ * The group's own seed: the default title a newly created group is stamped
+ * with (`Group 2`), written into the document at creation
+ * (`createGroupCommand`). Resolved at PLACEMENT and never again — a group
+ * renamed by its author keeps its name, and a group created before this key
+ * existed keeps the plain text it was given.
+ *
+ * `{{n}}` is the group's 1-based ordinal among the groups already on the doc;
+ * see the translation-service README on why a count carries a param rather
+ * than its own key.
+ */
+export const GROUP_SEED_NAME = [
+    'com.labre.group.seed.name',
+    'Group {{n}}',
+];
+/**
+ * This package's contribution to the translation-key manifest — a single seed,
+ * listed in `PACKAGE_SEED_WORDINGS` under source `seed`
+ * (`packages/affine/all/src/translations.ts`).
+ */
+export const GROUP_WORDINGS = [GROUP_SEED_NAME];
+/* ── The group contextual toolbar, chrome (re-rendered every open) ────── */
+export const GROUP_TOOLBAR_INSERT_INTO_PAGE = TOOLBAR_INSERT_INTO_PAGE;
+export const GROUP_TOAST_INSERTED = [
+    'com.labre.group.toast.inserted',
+    'Group has been inserted into doc',
+];
+export const GROUP_TOOLBAR_RENAME = TOOLBAR_RENAME;
+export const GROUP_TOOLBAR_UNGROUP = TOOLBAR_UNGROUP;
+export const GROUP_CHROME_WORDINGS = [
+    GROUP_TOAST_INSERTED,
+];

package/dist/_pkgs/affine-gfx-link/toolbar/undo-dense-menu.js

@@ -1,8 +1,9 @@
 import { menu } from '../../affine-components/context-menu/index.js';
+import { TOOLBAR_UNDO, translateKey } from '../../affine-shared/services/index.js';
 import { UndoIcon } from '@blocksuite/icons/lit';
 /** Dense-mode (narrow / mobile toolbar) entry for the undo action. */
 export const buildUndoDenseMenu = edgeless => menu.action({
-    name: 'Undo',
+    name: translateKey(edgeless.std, ...TOOLBAR_UNDO),
     prefix: UndoIcon(),
     select: () => {
         const { store } = edgeless;

package/dist/_pkgs/affine-gfx-link/toolbar/undo-tool-button.js

@@ -1,3 +1,4 @@
+import { TOOLBAR_UNDO, translateKey } from '../../affine-shared/services/index.js';
 import { QuickToolMixin } from '../../affine-widget-edgeless-toolbar/index.js';
 import { UndoIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement } from 'lit';
@@ -30,7 +31,7 @@ export class EdgelessUndoToolButton extends QuickToolMixin(LitElement) {
     render() {
         return html `<edgeless-tool-icon-button
       .iconContainerPadding="${6}"
-      .tooltip="${'Undo'}"
+      .tooltip="${translateKey(this.edgeless.std, ...TOOLBAR_UNDO)}"
       .tooltipOffset=${17}
       class="edgeless-undo-tool-button"
       @click=${this._onClick}

package/dist/_pkgs/affine-gfx-mindmap/index.d.ts

@@ -5,5 +5,6 @@ export * from './interactivity/index.js';
 export * from './templates/index.js';
 export * from './toolbar/config.js';
 export * from './toolbar/senior-tool.js';
+export * from './translations.js';
 export * from './utils/index.js';
 export * from './view/index.js';

package/dist/_pkgs/affine-gfx-mindmap/index.js

@@ -5,5 +5,6 @@ export * from './interactivity/index.js';
 export * from './templates/index.js';
 export * from './toolbar/config.js';
 export * from './toolbar/senior-tool.js';
+export * from './translations.js';
 export * from './utils/index.js';
 export * from './view/index.js';