@formicoidea/labre-core 1.1.0 → 2.0.0

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/menu.js

@@ -2,6 +2,9 @@ import { menu, popFilterableSimpleMenu, } from '../../../../affine-components/co
 import { CopyIcon, DeleteIcon, ExpandFullIcon, MoveLeftIcon, MoveRightIcon, } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 import { TableViewRowSelection } from '../selection.js';
+import { DATA_VIEW_ROWS_DELETE, DATA_VIEW_ROW_EXPAND, DATA_VIEW_ROW_INSERT_BEFORE, DATA_VIEW_ROW_INSERT_AFTER, DATA_VIEW_ROW_DELETE, } from '../../../translations.js';
+import { TOOLBAR_COPY } from '../../../../affine-shared/services/index.js';
+import { wordingFrom } from '../../../core/utils/wording.js';
 export const openDetail = (tableViewLogic, rowId, selection, newTab = false) => {
     const old = selection.selection;
     selection.selection = undefined;
@@ -26,7 +29,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
                 name: '',
                 items: [
                     menu.action({
-                        name: 'Copy',
+                        name: wordingFrom(ele.element)(TOOLBAR_COPY),
                         prefix: html ` <div
               style="transform: rotate(90deg);display:flex;align-items:center;"
             >
@@ -42,7 +45,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
                 name: '',
                 items: [
                     menu.action({
-                        name: 'Delete Rows',
+                        name: wordingFrom(ele.element)(DATA_VIEW_ROWS_DELETE),
                         class: {
                             'delete-item': true,
                         },
@@ -62,7 +65,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
         return;
     popFilterableSimpleMenu(ele, [
         menu.action({
-            name: 'Expand Row',
+            name: wordingFrom(ele.element)(DATA_VIEW_ROW_EXPAND),
             prefix: ExpandFullIcon(),
             select: () => {
                 openDetail(tableViewLogic, row.id, selectionController);
@@ -72,7 +75,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
             name: '',
             items: [
                 menu.action({
-                    name: 'Insert Before',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_BEFORE),
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -83,7 +86,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
                     },
                 }),
                 menu.action({
-                    name: 'Insert After',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_AFTER),
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -98,7 +101,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
         menu.group({
             items: [
                 menu.action({
-                    name: 'Delete Row',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_DELETE),
                     class: { 'delete-item': true },
                     prefix: DeleteIcon(),
                     select: () => {

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/table-view-ui-logic.d.ts

@@ -2,7 +2,7 @@ import type { InsertToPosition } from '../../../../affine-shared/utils/index.js'
 import type { TemplateResult } from 'lit';
 import type { GroupTrait } from '../../../core/group-by/trait.js';
 import { DataViewUIBase, DataViewUILogicBase } from '../../../core/view/data-view-base.js';
-import type { TableViewSelectionWithType } from '../selection.js';
+import { type TableViewSelectionWithType } from '../selection.js';
 import type { TableSingleView } from '../table-view-manager.js';
 import { TableClipboardController } from './controller/clipboard.js';
 import { TableDragController } from './controller/drag.js';
@@ -18,7 +18,14 @@ export declare class TableViewUILogic extends DataViewUILogicBase<TableSingleVie
     selectionController: TableSelectionController;
     private get readonly();
     clearSelection: () => void;
+    /**
+     * "New" adds the row and puts its title in editing, as the table's own
+     * "New record" footer does: it no longer opens the row (product owner,
+     * recette P3-15). Nothing is written but the row.
+     */
     addRow: (position: InsertToPosition) => string | undefined;
+    /** Selects the title cell of `rowId` in editing, once the row is drawn. */
+    editRowTitle(rowId: string): void;
     focusFirstCell: () => void;
     showIndicator: (evt: MouseEvent) => boolean;
     hideIndicator: () => void;

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/table-view-ui-logic.js

@@ -5,14 +5,18 @@ import { ref } from 'lit/directives/ref.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html } from 'lit/static-html.js';
+import { locateRow } from '../../../core/group-by/locate-row.js';
 import { createUniComponentFromWebComponent, renderUniLit, } from '../../../core/index.js';
 import { PageLayoutKey } from '../../../core/view-manager/page-layout.js';
 import { DataViewUIBase, DataViewUILogicBase, } from '../../../core/view/data-view-base.js';
+import { TableViewAreaSelection, } from '../selection.js';
 import { TableClipboardController } from './controller/clipboard.js';
 import { TableDragController } from './controller/drag.js';
 import { TableHotkeysController } from './controller/hotkeys.js';
 import { TableSelectionController } from './controller/selection.js';
 import { addGroupIconStyle, addGroupStyle, tableGroupsContainerStyle, tableScrollContainerStyle, tableViewStyle, tableWrapperStyle, } from './table-view-style.js';
+import { DATA_VIEW_GROUP_NEW } from '../../../translations.js';
+import { wordingFrom } from '../../../core/utils/wording.js';
 export class TableViewUILogic extends DataViewUILogicBase {
     constructor() {
         super(...arguments);
@@ -26,16 +30,17 @@ export class TableViewUILogic extends DataViewUILogicBase {
         this.clearSelection = () => {
             this.selectionController.clear();
         };
+        /**
+         * "New" adds the row and puts its title in editing, as the table's own
+         * "New record" footer does: it no longer opens the row (product owner,
+         * recette P3-15). Nothing is written but the row.
+         */
         this.addRow = (position) => {
             if (this.readonly)
                 return;
             const rowId = this.view.rowAdd(position);
-            if (rowId) {
-                this.root.openDetailPanel({
-                    view: this.view,
-                    rowId,
-                });
-            }
+            if (rowId)
+                this.editRowTitle(rowId);
             return rowId;
         };
         this.focusFirstCell = () => {
@@ -95,7 +100,7 @@ export class TableViewUILogic extends DataViewUILogicBase {
             return html ` <div style="display:flex;">
       <div class="${addGroupStyle}" @click="${add}">
         <div class="${addGroupIconStyle}">${AddCursorIcon()}</div>
-        <div>New Group</div>
+        <div>${wordingFrom(this.ui$.value)(DATA_VIEW_GROUP_NEW)}</div>
       </div>
     </div>`;
         };
@@ -104,6 +109,23 @@ export class TableViewUILogic extends DataViewUILogicBase {
     get readonly() {
         return this.view.readonly$.value;
     }
+    /** Selects the title cell of `rowId` in editing, once the row is drawn. */
+    editRowTitle(rowId) {
+        requestAnimationFrame(() => {
+            const view = this.view;
+            const at = locateRow(view.groupTrait, view.rows$.peek(), rowId);
+            const columnIndex = view.properties$
+                .peek()
+                .findIndex(property => property.type$.peek() === 'title');
+            if (!at || columnIndex < 0)
+                return;
+            this.selectionController.selection = TableViewAreaSelection.create({
+                groupKey: at.groupKey,
+                focus: { rowIndex: at.rowIndex, columnIndex },
+                isEditing: true,
+            });
+        });
+    }
 }
 export class TableViewUI extends DataViewUIBase {
     connectedCallback() {

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/controller/clipboard.js

@@ -1,5 +1,7 @@
 import { DisposableGroup } from '../../../../../global/disposable/index.js';
 import { TableViewAreaSelection, TableViewRowSelection, } from '../../selection.js';
+import { DATA_VIEW_CELLS_COPIED, DATA_VIEW_ROWS_COPIED, } from '../../../../translations.js';
+import { wordingFrom } from '../../../../core/utils/wording.js';
 const BLOCKSUITE_DATABASE_TABLE = 'blocksuite/database/table';
 const TEXT = 'text/plain';
 export class TableClipboardController {
@@ -51,11 +53,13 @@ export class TableClipboardController {
             })
                 .then(() => {
                 if (area[0]?.row) {
-                    this.notification.toast(`${area.length} row${area.length > 1 ? 's' : ''} copied to clipboard`);
+                    this.notification.toast(wordingFrom(this.logic.ui$.value)(DATA_VIEW_ROWS_COPIED, {
+                        count: area.length,
+                    }));
                 }
                 else {
                     const count = area.flatMap(row => row.cells).length;
-                    this.notification.toast(`${count} cell${count > 1 ? 's' : ''} copied to clipboard`);
+                    this.notification.toast(wordingFrom(this.logic.ui$.value)(DATA_VIEW_CELLS_COPIED, { count }));
                 }
             })
                 .catch(console.error);

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/controller/selection.js

@@ -231,6 +231,8 @@ export class TableSelectionController {
     }
     insertTo(groupKey, rowId, before) {
         const id = this.view.rowAdd({ before, id: rowId });
+        if (!id)
+            return;
         if (groupKey != null) {
             this.view.groupTrait.moveCardTo(id, undefined, groupKey, {
                 before,

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/bottom/group-footer.js

@@ -40,6 +40,8 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { TableViewAreaSelection } from '../../../selection.js';
 import * as styles from './group-footer-css.js';
+import { DATA_VIEW_NEW_RECORD } from '../../../../../translations.js';
+import { wordingFrom } from '../../../../../core/utils/wording.js';
 let TableGroupFooter = (() => {
     let _classSuper = WithDisposable(ShadowlessElement);
     let _tableViewLogic_decorators;
@@ -112,7 +114,8 @@ let TableGroupFooter = (() => {
         }
         render() {
             return html `
-      ${this.tableViewManager.readonly$.value
+      ${this.tableViewManager.readonly$.value ||
+                this.tableViewManager.rowsLocked$.value
                 ? null
                 : html `
             <div
@@ -125,7 +128,7 @@ let TableGroupFooter = (() => {
                 role="button"
               >
                 ${PlusIcon()}<span class="${styles.addRowText}"
-                  >New Record</span
+                  >${wordingFrom(this)(DATA_VIEW_NEW_RECORD)}</span
                 >
               </div>
             </div>

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/bottom/stats/column-stats-column.d.ts

@@ -12,7 +12,7 @@ export declare class VirtualDatabaseColumnStatsCell extends VirtualDatabaseColum
     statsFunc$: import("@preact/signals-core").ReadonlySignal<StatisticsConfig | undefined>;
     values$: import("@preact/signals-core").Signal<unknown[]>;
     statsResult$: import("@preact/signals-core").ReadonlySignal<{
-        name: string | undefined;
+        name: string;
         value: string;
     } | null>;
     subscriptionMap: Map<unknown, () => void>;

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/bottom/stats/column-stats-column.js

@@ -44,6 +44,9 @@ import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { typeSystem, VALUES_PENDING_MARK, valuesReady, } from '../../../../../../core/index.js';
 import { statsFunctions } from '../../../../../../core/statistics/index.js';
+import { sayLabel, wordingFrom } from '../../../../../../core/utils/wording.js';
+import { DATA_VIEW_STATS_CALCULATE } from '../../../../../../translations.js';
+import { LINE_STYLE_NONE } from '../../../../../../../affine-components/translations.js';
 const styles = css `
   .stats-cell {
     cursor: pointer;
@@ -158,7 +161,8 @@ let VirtualDatabaseColumnStatsCell = (() => {
     >
       <div class="content">
         ${!this.statsResult$.value
-                ? html `Calculate ${ArrowDownSmallIcon()}`
+                ? html `${wordingFrom(this)(DATA_VIEW_STATS_CALCULATE)}
+            ${ArrowDownSmallIcon()}`
                 : html `
               <span class="label">${this.statsResult$.value.name}</span>
               <span class="value">${this.statsResult$.value.value} </span>
@@ -205,14 +209,15 @@ let VirtualDatabaseColumnStatsCell = (() => {
                 return groups;
             });
             this.openMenu = (ev) => {
+                const wording = wordingFrom(this);
                 const menus = Object.entries(this.groups$.value).map(([group, funcs]) => {
                     return menu.subMenu({
-                        name: group,
+                        name: sayLabel(wording, group, Object.values(funcs)[0]?.groupWording),
                         options: {
                             items: Object.values(funcs).map(func => {
                                 return menu.action({
                                     isSelected: func.type === this.column.statCalcOp$.value,
-                                    name: func.menuName ?? func.type,
+                                    name: sayLabel(wording, func.menuName ?? func.type, func.menuWording),
                                     select: () => {
                                         this.column.updateStatCalcOp(func.type);
                                     },
@@ -226,7 +231,7 @@ let VirtualDatabaseColumnStatsCell = (() => {
                         items: [
                             menu.action({
                                 isSelected: !this.column.statCalcOp$.value,
-                                name: 'None',
+                                name: wording(LINE_STYLE_NONE),
                                 select: () => {
                                     this.column.updateStatCalcOp();
                                 },
@@ -256,14 +261,17 @@ let VirtualDatabaseColumnStatsCell = (() => {
                     return null;
                 }
                 const dataSource = this.column.view.manager.dataSource;
+                const wording = wordingFrom(this);
+                const name = sayLabel(wording, func.displayName ?? '', func.displayWording);
                 if (!valuesReady(dataSource)) {
-                    return { name: func.displayName, value: VALUES_PENDING_MARK };
+                    return { name, value: VALUES_PENDING_MARK };
                 }
                 return {
-                    name: func.displayName,
+                    name,
                     value: func.impl?.(this.values$.value, {
                         meta,
                         dataSource: this.column.view.manager.dataSource,
+                        wording,
                     }) ?? '',
                 };
             });

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/top/group-header.js

@@ -41,6 +41,9 @@ import { property } from 'lit/decorators.js';
 import { TableViewAreaSelection } from '../../../selection.js';
 import * as styles from './group-header-css.js';
 import { GroupTitle } from './group-title.js';
+import { DATA_VIEW_GROUP_DELETE_CARDS } from '../../../../../translations.js';
+import { wordingFrom } from '../../../../../core/utils/wording.js';
+import { TOOLBAR_UNGROUP } from '../../../../../../affine-shared/services/index.js';
 let TableGroupHeader = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _tableViewLogic_decorators;
@@ -89,7 +92,7 @@ let TableGroupHeader = (() => {
                 const ele = e.currentTarget;
                 popFilterableSimpleMenu(popupTargetFromElement(ele), [
                     menu.action({
-                        name: 'Ungroup',
+                        name: wordingFrom(this)(TOOLBAR_UNGROUP),
                         hide: () => group.value == null,
                         select: () => {
                             group.rows.forEach(row => {
@@ -98,7 +101,7 @@ let TableGroupHeader = (() => {
                         },
                     }),
                     menu.action({
-                        name: 'Delete Cards',
+                        name: wordingFrom(this)(DATA_VIEW_GROUP_DELETE_CARDS),
                         select: () => {
                             this.tableViewManager.rowsDelete(group.rows.map(row => row.rowId));
                             this.requestUpdate();

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/top/group-title.js

@@ -44,9 +44,11 @@ export const GroupTitle = (groupData, ops) => {
     </div>
     ${!ops.readonly
         ? html ` <div class="${opsClass}">
-          <div @click="${ops.clickAdd}" class="${groupHeaderOp}">
-            ${PlusIcon()}
-          </div>
+          ${groupData.property.view.rowsLocked$.value
+            ? nothing
+            : html `<div @click="${ops.clickAdd}" class="${groupHeaderOp}">
+                ${PlusIcon()}
+              </div>`}
           <div @click="${ops.clickOps}" class="${groupHeaderOp}">
             ${MoreHorizontalIcon()}
           </div>

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/top/header/column-header.js

@@ -46,6 +46,8 @@ import { renderUniLit } from '../../../../../../core/index.js';
 import { LEFT_TOOL_BAR_WIDTH } from '../../../../consts.js';
 import { cellDivider } from '../../../../styles.js';
 import * as styles from './column-header-css.js';
+import { propertyTypeName, wordingFrom, } from '../../../../../../core/utils/wording.js';
+import { DATA_VIEW_PROPERTY_TYPE } from '../../../../../../translations.js';
 const leftBarStyle = css({
     width: LEFT_TOOL_BAR_WIDTH,
 });
@@ -94,12 +96,16 @@ let VirtualTableHeader = (() => {
               <div class="${cellDivider}" style="height: auto;"></div>
             `;
             })}
-        <div
-          @click="${this._onAddColumn}"
-          class="${styles.headerAddColumnButton}"
-        >
-          ${PlusIcon()}
-        </div>
+        ${this.tableViewManager.propertiesLocked$.value
+                ? // The column keeps its place, so the header stays aligned.
+                    html `<div class="${styles.headerAddColumnButton}"></div>`
+                : html `<div
+              @click="${this._onAddColumn}"
+              class="${styles.headerAddColumnButton}"
+              data-testid="dv-table-add-column"
+            >
+              ${PlusIcon()}
+            </div>`}
         <div class="scale-div" style="width: 1px;height: 1px;"></div>
       </div>
     `;
@@ -116,24 +122,25 @@ let VirtualTableHeader = (() => {
         constructor() {
             super(...arguments);
             this._onAddColumn = (e) => {
-                if (this.readonly)
+                if (this.readonly || this.tableViewManager.propertiesLocked$.value)
                     return;
                 const ele = e.currentTarget;
+                const wording = wordingFrom(ele);
                 popMenu(popupTargetFromElement(ele), {
                     options: {
                         title: {
-                            text: 'Property type',
+                            text: wording(DATA_VIEW_PROPERTY_TYPE),
                         },
                         items: [
                             menu.group({
                                 items: this.tableViewManager.propertyMetas$.value.map(config => {
                                     return menu.action({
-                                        name: config.config.name,
+                                        name: propertyTypeName(wording, config.config),
                                         prefix: renderUniLit(config.renderer.icon),
                                         select: () => {
                                             const id = this.tableViewManager.propertyAdd('end', {
                                                 type: config.type,
-                                                name: config.config.name,
+                                                name: propertyTypeName(wording, config.config),
                                             });
                                             if (id) {
                                                 requestAnimationFrame(() => {

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/top/header/number-format-bar.js

@@ -37,6 +37,8 @@ import { cssVarV2 } from '@toeverything/theme/v2';
 import { css, html, LitElement, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 import { formatNumber } from '../../../../../../property-presets/number/utils/formatter.js';
+import { DATA_VIEW_DECIMALS_DECREASE, DATA_VIEW_DECIMALS_INCREASE, } from '../../../../../../translations.js';
+import { wordingFrom } from '../../../../../../core/utils/wording.js';
 const IncreaseDecimalPlacesIcon = html `
   <svg
     width="24"
@@ -133,7 +135,7 @@ let DatabaseNumberFormatBar = (() => {
         <div class="number-format-decimal-places">
           <button
             class="number-format-toolbar-button"
-            aria-label="decrease decimal places"
+            aria-label="${wordingFrom(this)(DATA_VIEW_DECIMALS_DECREASE)}"
             @click=${this._decrementDecimalPlaces}
           >
             ${DecreaseDecimalPlacesIcon}
@@ -141,7 +143,7 @@ let DatabaseNumberFormatBar = (() => {
 
           <button
             class="number-format-toolbar-button"
-            aria-label="increase decimal places"
+            aria-label="${wordingFrom(this)(DATA_VIEW_DECIMALS_INCREASE)}"
             @click=${this._incrementDecimalPlaces}
           >
             ${IncreaseDecimalPlacesIcon}

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/group/top/header/single-column-header.js

@@ -53,6 +53,9 @@ import { numberFormats } from '../../../../../../property-presets/number/utils/f
 import { createDefaultShowQuickSettingBar, ShowQuickSettingBarKey, } from '../../../../../../widget-presets/quick-setting-bar/context.js';
 import { DEFAULT_COLUMN_TITLE_HEIGHT } from '../../../../consts.js';
 import { getTableGroupRect, getVerticalIndicator, startDragWidthAdjustmentBar, } from './vertical-indicator.js';
+import { propertyTypeName, wordingFrom, } from '../../../../../../core/utils/wording.js';
+import { DATA_VIEW_NUMBER_FORMAT, DATA_VIEW_FILTER, DATA_VIEW_SORT_ASCENDING, DATA_VIEW_SORT_DESCENDING, DATA_VIEW_INSERT_LEFT, DATA_VIEW_INSERT_RIGHT, VIEWS_BAR_MOVE_LEFT, VIEWS_BAR_MOVE_RIGHT, DATA_VIEW_PROPERTY_HIDE_IN_VIEW, } from '../../../../../../translations.js';
+import { TOOLBAR_DUPLICATE, TOOLBAR_DELETE, } from '../../../../../../../affine-shared/services/index.js';
 let DatabaseHeaderColumn = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _column_decorators;
@@ -141,7 +144,7 @@ let DatabaseHeaderColumn = (() => {
                         ...(enableNumberFormatting
                             ? [
                                 menu.subMenu({
-                                    name: 'Number Format',
+                                    name: wordingFrom(this)(DATA_VIEW_NUMBER_FORMAT),
                                     hide: () => !this.column.dataUpdate ||
                                         this.column.type$.value !== 'number',
                                     options: {
@@ -155,7 +158,7 @@ let DatabaseHeaderColumn = (() => {
                             style="font-size: var(--affine-font-base); scale: 1.2;"
                             >${format.symbol}</span
                           >`,
-                                                    name: format.label,
+                                                    name: wordingFrom(this)(format.labelWording),
                                                     select: () => {
                                                         if (data.format === format.type)
                                                             return;
@@ -174,7 +177,7 @@ let DatabaseHeaderColumn = (() => {
                         menu.group({
                             items: [
                                 menu.action({
-                                    name: 'Hide In View',
+                                    name: wordingFrom(this)(DATA_VIEW_PROPERTY_HIDE_IN_VIEW),
                                     prefix: ViewIcon(),
                                     hide: () => !this.column.hideCanSet,
                                     select: () => {
@@ -186,17 +189,17 @@ let DatabaseHeaderColumn = (() => {
                         menu.group({
                             items: [
                                 menu.action({
-                                    name: 'Filter',
+                                    name: wordingFrom(this)(DATA_VIEW_FILTER),
                                     prefix: FilterIcon(),
                                     select: () => this._addFilter(),
                                 }),
                                 menu.action({
-                                    name: 'Sort Ascending',
+                                    name: wordingFrom(this)(DATA_VIEW_SORT_ASCENDING),
                                     prefix: SortIcon(),
                                     select: () => this._addSort(false),
                                 }),
                                 menu.action({
-                                    name: 'Sort Descending',
+                                    name: wordingFrom(this)(DATA_VIEW_SORT_DESCENDING),
                                     prefix: SortIcon(),
                                     select: () => this._addSort(true),
                                 }),
@@ -205,7 +208,8 @@ let DatabaseHeaderColumn = (() => {
                         menu.group({
                             items: [
                                 menu.action({
-                                    name: 'Insert Left Column',
+                                    name: wordingFrom(this)(DATA_VIEW_INSERT_LEFT),
+                                    hide: () => this.tableViewManager.propertiesLocked$.value,
                                     prefix: InsertLeftIcon(),
                                     select: () => {
                                         this.tableViewManager.propertyAdd({
@@ -227,7 +231,8 @@ let DatabaseHeaderColumn = (() => {
                                     },
                                 }),
                                 menu.action({
-                                    name: 'Insert Right Column',
+                                    name: wordingFrom(this)(DATA_VIEW_INSERT_RIGHT),
+                                    hide: () => this.tableViewManager.propertiesLocked$.value,
                                     prefix: InsertRightIcon(),
                                     select: () => {
                                         this.tableViewManager.propertyAdd({
@@ -249,7 +254,7 @@ let DatabaseHeaderColumn = (() => {
                                     },
                                 }),
                                 menu.action({
-                                    name: 'Move Left',
+                                    name: wordingFrom(this)(VIEWS_BAR_MOVE_LEFT),
                                     prefix: MoveLeftIcon(),
                                     hide: () => this.column.isFirst$.value,
                                     select: () => {
@@ -264,7 +269,7 @@ let DatabaseHeaderColumn = (() => {
                                     },
                                 }),
                                 menu.action({
-                                    name: 'Move Right',
+                                    name: wordingFrom(this)(VIEWS_BAR_MOVE_RIGHT),
                                     prefix: MoveRightIcon(),
                                     hide: () => this.column.isLast$.value,
                                     select: () => {
@@ -283,7 +288,7 @@ let DatabaseHeaderColumn = (() => {
                         menu.group({
                             items: [
                                 menu.action({
-                                    name: 'Duplicate',
+                                    name: wordingFrom(this)(TOOLBAR_DUPLICATE),
                                     prefix: DuplicateIcon(),
                                     hide: () => !this.column.canDuplicate,
                                     select: () => {
@@ -291,7 +296,7 @@ let DatabaseHeaderColumn = (() => {
                                     },
                                 }),
                                 menu.action({
-                                    name: 'Delete',
+                                    name: wordingFrom(this)(TOOLBAR_DELETE),
                                     prefix: DeleteIcon(),
                                     hide: () => !this.column.canDelete,
                                     select: () => {
@@ -403,15 +408,16 @@ let DatabaseHeaderColumn = (() => {
                 if (this.tableViewManager.readonly$.value) {
                     return;
                 }
-                if (this.column.type$.value === 'title') {
+                if (this.column.type$.value === 'title' || !this.column.typeCanSet) {
                     return;
                 }
                 event.stopPropagation();
+                const wording = wordingFrom(this);
                 popMenu(popupTargetFromElement(this), {
                     options: {
                         items: this.tableViewManager.propertyMetas$.value.map(config => {
                             return menu.action({
-                                name: config.config.name,
+                                name: propertyTypeName(wording, config.config),
                                 isSelected: config.type === this.column.type$.value,
                                 prefix: renderUniLit(config.renderer.icon),
                                 select: () => {

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/row/menu.js

@@ -2,6 +2,9 @@ import { menu, popFilterableSimpleMenu, } from '../../../../../affine-components
 import { CopyIcon, DeleteIcon, ExpandFullIcon, MoveLeftIcon, MoveRightIcon, } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 import { TableViewRowSelection } from '../../selection.js';
+import { DATA_VIEW_ROWS_DELETE, DATA_VIEW_ROW_EXPAND, DATA_VIEW_ROW_INSERT_BEFORE, DATA_VIEW_ROW_INSERT_AFTER, DATA_VIEW_ROW_DELETE, } from '../../../../translations.js';
+import { TOOLBAR_COPY } from '../../../../../affine-shared/services/index.js';
+import { wordingFrom } from '../../../../core/utils/wording.js';
 export const openDetail = (tableViewLogic, rowId, selection) => {
     const old = selection.selection;
     selection.selection = undefined;
@@ -25,7 +28,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
                 name: '',
                 items: [
                     menu.action({
-                        name: 'Copy',
+                        name: wordingFrom(ele.element)(TOOLBAR_COPY),
                         prefix: html ` <div
               style="transform: rotate(90deg);display:flex;align-items:center;"
             >
@@ -41,7 +44,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
                 name: '',
                 items: [
                     menu.action({
-                        name: 'Delete Rows',
+                        name: wordingFrom(ele.element)(DATA_VIEW_ROWS_DELETE),
                         class: {
                             'delete-item': true,
                         },
@@ -61,7 +64,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
         return;
     popFilterableSimpleMenu(ele, [
         menu.action({
-            name: 'Expand Row',
+            name: wordingFrom(ele.element)(DATA_VIEW_ROW_EXPAND),
             prefix: ExpandFullIcon(),
             select: () => {
                 openDetail(tableViewLogic, row.id, selectionController);
@@ -71,7 +74,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
             name: '',
             items: [
                 menu.action({
-                    name: 'Insert Before',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_BEFORE),
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -82,7 +85,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
                     },
                 }),
                 menu.action({
-                    name: 'Insert After',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_AFTER),
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -97,7 +100,7 @@ export const popRowMenu = (tableViewLogic, ele, selectionController) => {
         menu.group({
             items: [
                 menu.action({
-                    name: 'Delete Row',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_DELETE),
                     class: { 'delete-item': true },
                     prefix: DeleteIcon(),
                     select: () => {

package/dist/_pkgs/affine-database-engine/view-presets/table/pc-virtual/table-view-ui-logic.d.ts

@@ -26,7 +26,12 @@ export declare class VirtualTableViewUILogic extends DataViewUILogicBase<TableSi
         rows: string[];
     }[]>;
     clearSelection: () => void;
-    addRow: (position: InsertToPosition) => string;
+    /**
+     * "New" adds the row and puts its title in editing, as the table's own
+     * "New record" footer does: it no longer opens the row (product owner,
+     * recette P3-15). Nothing is written but the row.
+     */
+    addRow: (position: InsertToPosition) => string | undefined;
     focusFirstCell: () => void;
     showIndicator: (evt: MouseEvent) => boolean;
     hideIndicator: () => void;