@formicoidea/labre-core 1.1.0 → 2.0.0

package/dist/_pkgs/affine-database-engine/view-presets/effect.js

@@ -1,10 +1,8 @@
-import { calendarEffects } from './calendar/effect.js';
 import { galleryEffects } from './gallery/effect.js';
 import { kanbanEffects } from './kanban/effect.js';
 import { listEffects } from './list/effect.js';
 import { tableEffects } from './table/effect.js';
 export function viewPresetsEffects() {
-    calendarEffects();
     galleryEffects();
     kanbanEffects();
     listEffects();

package/dist/_pkgs/affine-database-engine/view-presets/flat/flat-converts.js

@@ -1,4 +1,3 @@
-import { calendarViewModel } from '../calendar/define.js';
 import { galleryViewModel } from '../gallery/define.js';
 import { kanbanViewModel } from '../kanban/define.js';
 import { listViewModel } from '../list/define.js';
@@ -8,8 +7,7 @@ import { tableViewModel } from '../table/define.js';
  * sort and the grouping (B8: every layout groups, as table and kanban already
  * kept `groupBy` between them); the properties shown are the target layout's
  * own default, as when Notion switches a view's layout. A source with no
- * grouping leaves the target's default: a kanban still gets its own. Calendar
- * is a source only: nothing converts into it (ADR 0035 §6).
+ * grouping leaves the target's default: a kanban still gets its own.
  */
 const keepFilterSortAndGroup = (data) => {
     const { filter, sort, groupBy } = data;
@@ -27,7 +25,7 @@ const convert = (from, to) => ({
     convert: keepFilterSortAndGroup,
 });
 export const flatViewConverts = [
-    ...[tableViewModel, kanbanViewModel, calendarViewModel, ...flatModels]
+    ...[tableViewModel, kanbanViewModel, ...flatModels]
         .flatMap(from => flatModels.map(to => [from.type, to.type]))
         .filter(([from, to]) => from !== to)
         .map(([from, to]) => convert(from, to)),

package/dist/_pkgs/affine-database-engine/view-presets/flat/flat-view-ui.d.ts

@@ -16,19 +16,76 @@ import type { FlatSingleView } from './flat-view-manager.js';
  * the table's and the kanban's open buttons take. Grouped (B8), each group
  * draws under the table's group header; drag and drop of rows between groups
  * is not offered: a row changes group by editing its value.
+ *
+ * The title is drawn read-only, so a click on it opens the row; the one row
+ * named by `editingTitleimport {
+  popFilterableSimpleMenu,
+  popupTargetFromElement,
+} from '../../../affine-components/context-menu/index.js';
+import { translateKey } from '../../../affine-shared/services/index.js';
+import { OPEN_LABEL } from '../../../affine-components/translations.js';
+import type { ChromeWording } from '../../../affine-shared/services/index.js';
+import type { UniComponent } from '../../../affine-shared/types/index.js';
+import type { InsertToPosition } from '../../../affine-shared/utils/index.js';
+import { IS_MOBILE } from '../../../global/env/index.js';
+import { CenterPeekIcon } from '@blocksuite/icons/lit';
+import type { BlockStdScope } from '../../../std/index.js';
+import { stdContext } from '../../../std/index.js';
+import { consume } from '@lit/context';
+import { signal } from '@preact/signals-core';
+import { cssVarV2 } from '@toeverything/theme/v2';
+import { css, html, nothing, unsafeCSS } from 'lit';
+import { repeat } from 'lit/directives/repeat.js';
+
+import { renderCellStatus } from '../../core/component/cell-status/cell-status.js';
+import { GroupTitle } from '../../core/group-by/group-title.js';
+import { firstDrawnRow } from '../../core/group-by/locate-row.js';
+import {
+  hideGroupAction,
+  renderGroupToggle,
+} from '../../core/group-by/group-visibility.js';
+import type { Group } from '../../core/group-by/trait.js';
+import { isNewTabClick } from '../../core/utils/new-tab-click.js';
+import { renderUniLit } from '../../core/utils/uni-component/uni-component.js';
+import {
+  DataViewUIBase,
+  DataViewUILogicBase,
+} from '../../core/view/data-view-base.js';
+import type { Property } from '../../core/view-manager/property.js';
+import type { Row } from '../../core/view-manager/row.js';
+import type { FlatSingleView } from './flat-view-manager.js';
+
+ draws it editable, which is how "New" and the
+ * page title's Enter put a title in editing (`editTitle`).
  */
 export declare abstract class FlatViewUILogic<View extends FlatSingleView = FlatSingleView> extends DataViewUILogicBase<View> {
+    ui$: import("@preact/signals-core").Signal<FlatViewUI<FlatViewUILogic<FlatSingleView<import("./flat-view-manager.js").FlatViewDataType<string>>>> | undefined>;
+    /** The row whose title is drawn editable, while it edits. */
+    readonly editingTitle$: import("@preact/signals-core").Signal<string | undefined>;
     clearSelection: () => void;
+    /**
+     * The page title's Enter (ADR 0035 B13): the first card's or row's title
+     * in editing, top of the first unfolded group. Writes nothing.
+     */
     focusFirstCell: () => void;
     showIndicator: (_evt: MouseEvent) => boolean;
     hideIndicator: () => void;
     moveTo: (_id: string, _evt: MouseEvent) => void;
+    /**
+     * "New" adds the row and puts its title in editing, as a table's "New
+     * record" does: it no longer opens the row (product owner, recette
+     * P3-15). On a phone, where a card's values are edited in the row page
+     * (P7), it still opens it.
+     */
     addRow: (position: InsertToPosition, groupKey?: string) => string | undefined;
+    /** Draws the title of `rowId` editable and opens its editor. */
+    editTitle(rowId: string): void;
     abstract renderer: UniComponent<unknown>;
     /** A Ctrl/Cmd click asks the host for a new tab (ADR 0035 §9a). */
     openRow: (rowId: string, newTab?: boolean) => void;
 }
 export declare abstract class FlatViewUI<Logic extends FlatViewUILogic = FlatViewUILogic> extends DataViewUIBase<Logic> {
+    connectedCallback(): void;
     /** Absent outside an editor (a unit test): the wordings read English. */
     accessor std: BlockStdScope;
     protected wording([key, fallback]: ChromeWording): string;

package/dist/_pkgs/affine-database-engine/view-presets/flat/flat-view-ui.js

@@ -39,11 +39,13 @@ import { IS_MOBILE } from '../../../global/env/index.js';
 import { CenterPeekIcon } from '@blocksuite/icons/lit';
 import { stdContext } from '../../../std/index.js';
 import { consume } from '@lit/context';
+import { signal } from '@preact/signals-core';
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { css, html, nothing, unsafeCSS } from 'lit';
 import { repeat } from 'lit/directives/repeat.js';
 import { renderCellStatus } from '../../core/component/cell-status/cell-status.js';
 import { GroupTitle } from '../../core/group-by/group-title.js';
+import { firstDrawnRow } from '../../core/group-by/locate-row.js';
 import { hideGroupAction, renderGroupToggle, } from '../../core/group-by/group-visibility.js';
 import { isNewTabClick } from '../../core/utils/new-tab-click.js';
 import { renderUniLit } from '../../core/utils/uni-component/uni-component.js';
@@ -56,21 +58,84 @@ import { DataViewUIBase, DataViewUILogicBase, } from '../../core/view/data-view-
  * the table's and the kanban's open buttons take. Grouped (B8), each group
  * draws under the table's group header; drag and drop of rows between groups
  * is not offered: a row changes group by editing its value.
+ *
+ * The title is drawn read-only, so a click on it opens the row; the one row
+ * named by `editingTitleimport {
+  popFilterableSimpleMenu,
+  popupTargetFromElement,
+} from '../../../affine-components/context-menu/index.js';
+import { translateKey } from '../../../affine-shared/services/index.js';
+import { OPEN_LABEL } from '../../../affine-components/translations.js';
+import type { ChromeWording } from '../../../affine-shared/services/index.js';
+import type { UniComponent } from '../../../affine-shared/types/index.js';
+import type { InsertToPosition } from '../../../affine-shared/utils/index.js';
+import { IS_MOBILE } from '../../../global/env/index.js';
+import { CenterPeekIcon } from '@blocksuite/icons/lit';
+import type { BlockStdScope } from '../../../std/index.js';
+import { stdContext } from '../../../std/index.js';
+import { consume } from '@lit/context';
+import { signal } from '@preact/signals-core';
+import { cssVarV2 } from '@toeverything/theme/v2';
+import { css, html, nothing, unsafeCSS } from 'lit';
+import { repeat } from 'lit/directives/repeat.js';
+
+import { renderCellStatus } from '../../core/component/cell-status/cell-status.js';
+import { GroupTitle } from '../../core/group-by/group-title.js';
+import { firstDrawnRow } from '../../core/group-by/locate-row.js';
+import {
+  hideGroupAction,
+  renderGroupToggle,
+} from '../../core/group-by/group-visibility.js';
+import type { Group } from '../../core/group-by/trait.js';
+import { isNewTabClick } from '../../core/utils/new-tab-click.js';
+import { renderUniLit } from '../../core/utils/uni-component/uni-component.js';
+import {
+  DataViewUIBase,
+  DataViewUILogicBase,
+} from '../../core/view/data-view-base.js';
+import type { Property } from '../../core/view-manager/property.js';
+import type { Row } from '../../core/view-manager/row.js';
+import type { FlatSingleView } from './flat-view-manager.js';
+
+ draws it editable, which is how "New" and the
+ * page title's Enter put a title in editing (`editTitle`).
  */
 export class FlatViewUILogic extends DataViewUILogicBase {
     constructor() {
         super(...arguments);
+        this.ui$ = signal(undefined);
+        /** The row whose title is drawn editable, while it edits. */
+        this.editingTitle$ = signal(undefined);
         this.clearSelection = () => { };
-        this.focusFirstCell = () => { };
+        /**
+         * The page title's Enter (ADR 0035 B13): the first card's or row's title
+         * in editing, top of the first unfolded group. Writes nothing.
+         */
+        this.focusFirstCell = () => {
+            const view = this.view;
+            const first = firstDrawnRow(view.groupTrait, view.rows$.peek());
+            if (first)
+                this.editTitle(first.rowId);
+        };
         this.showIndicator = (_evt) => false;
         this.hideIndicator = () => { };
         this.moveTo = (_id, _evt) => { };
+        /**
+         * "New" adds the row and puts its title in editing, as a table's "New
+         * record" does: it no longer opens the row (product owner, recette
+         * P3-15). On a phone, where a card's values are edited in the row page
+         * (P7), it still opens it.
+         */
         this.addRow = (position, groupKey) => {
             if (this.view.readonly$.value)
                 return;
             const rowId = this.view.rowAdd(position, groupKey);
-            if (rowId)
+            if (!rowId)
+                return rowId;
+            if (IS_MOBILE)
                 this.openRow(rowId);
+            else
+                this.editTitle(rowId);
             return rowId;
         };
         /** A Ctrl/Cmd click asks the host for a new tab (ADR 0035 §9a). */
@@ -78,6 +143,33 @@ export class FlatViewUILogic extends DataViewUILogicBase {
             this.root.openDetailPanel({ view: this.view, rowId, newTab });
         };
     }
+    /** Draws the title of `rowId` editable and opens its editor. */
+    editTitle(rowId) {
+        if (IS_MOBILE || this.view.readonly$.peek())
+            return;
+        const titleId = this.view.titleProperty$.peek()?.id;
+        if (!titleId)
+            return;
+        this.editingTitle$.value = rowId;
+        // Once the row is drawn and its title re-rendered editable.
+        requestAnimationFrame(() => {
+            const ui = this.ui$.peek();
+            ui?.updateComplete
+                .then(() => {
+                const row = [
+                    ...ui.querySelectorAll('[data-row-id]'),
+                ].find(element => element.dataset.rowId === rowId);
+                const cell = [
+                    ...(row?.querySelectorAll('dv-standalone-cell') ?? []),
+                ].find(element => element.dataset.propertyId === titleId);
+                if (cell)
+                    cell.edit();
+                else
+                    this.editingTitle$.value = undefined;
+            })
+                .catch(console.error);
+        });
+    }
 }
 let FlatViewUI = (() => {
     let _classSuper = DataViewUIBase;
@@ -100,6 +192,14 @@ let FlatViewUI = (() => {
             __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 });
         }
+        connectedCallback() {
+            super.connectedCallback();
+            this.logic.ui$.value = this;
+            this.disposables.add(() => {
+                if (this.logic.ui$.peek() === this)
+                    this.logic.ui$.value = undefined;
+            });
+        }
         #std_accessor_storage;
         /** Absent outside an editor (a unit test): the wordings read English. */
         get std() { return this.#std_accessor_storage; }
@@ -119,6 +219,10 @@ let FlatViewUI = (() => {
          */
         renderCell(property, rowId, readonly = false) {
             const view = this.view;
+            const logic = this.logic;
+            const titleEditing = readonly &&
+                logic.editingTitle$.value === rowId &&
+                view.titleProperty$.value?.id === property.id;
             const cell = property.cellGetOrCreate(rowId);
             // As a table cell: a value not yet hydrated mounts no renderer, so nothing
             // can be edited over it (ADR 0035 §9e).
@@ -129,11 +233,16 @@ let FlatViewUI = (() => {
             return html `<dv-standalone-cell
       data-property-id="${property.id}"
       .cell="${cell}"
-      .readonly="${readonly ||
+      .readonly="${(readonly && !titleEditing) ||
                 IS_MOBILE ||
                 view.readonly$.value ||
                 property.readonly$.value}"
-      .onEditingChange="${(editing) => view.lockRows(editing)}"
+      .onEditingChange="${(editing) => {
+                view.lockRows(editing);
+                if (!editing && logic.editingTitle$.peek() === rowId) {
+                    logic.editingTitle$.value = undefined;
+                }
+            }}"
     ></dv-standalone-cell>`;
         }
         renderOpenButton(rowId) {

package/dist/_pkgs/affine-database-engine/view-presets/gallery/gallery-view.js

@@ -165,8 +165,9 @@ export class GalleryViewUI extends FlatViewUI {
     </div>`;
     }
     renderNewCard(groupKey) {
-        if (this.view.readonly$.value)
+        if (this.view.readonly$.value || this.view.rowsLocked$.value) {
             return nothing;
+        }
         return html `<button
       class="dv-gallery-new"
       data-testid="dv-flat-new"

package/dist/_pkgs/affine-database-engine/view-presets/index.d.ts

@@ -1,4 +1,3 @@
-export * from './calendar/index.js';
 export * from './convert.js';
 export * from './flat/flat-view-manager.js';
 export * from './gallery/index.js';
@@ -8,7 +7,6 @@ export * from './table/index.js';
 export declare const viewPresets: {
     tableViewMeta: import("../index.js").ViewMeta<"table", import("./index.js").TableViewData>;
     kanbanViewMeta: import("../index.js").ViewMeta<"kanban", import("./index.js").KanbanViewData>;
-    calendarViewMeta: import("../index.js").ViewMeta<"calendar", import("./index.js").CalendarViewData>;
     galleryViewMeta: import("../index.js").ViewMeta<"gallery", import("./index.js").GalleryViewData>;
     listViewMeta: import("../index.js").ViewMeta<"list", import("./index.js").ListViewData>;
 };

package/dist/_pkgs/affine-database-engine/view-presets/index.js

@@ -1,9 +1,7 @@
-import { calendarViewMeta } from './calendar/index.js';
 import { galleryViewMeta } from './gallery/index.js';
 import { kanbanViewMeta } from './kanban/index.js';
 import { listViewMeta } from './list/index.js';
 import { tableViewMeta } from './table/index.js';
-export * from './calendar/index.js';
 export * from './convert.js';
 export * from './flat/flat-view-manager.js';
 export * from './gallery/index.js';
@@ -13,7 +11,6 @@ export * from './table/index.js';
 export const viewPresets = {
     tableViewMeta: tableViewMeta,
     kanbanViewMeta: kanbanViewMeta,
-    calendarViewMeta: calendarViewMeta,
     galleryViewMeta: galleryViewMeta,
     listViewMeta: listViewMeta,
 };

package/dist/_pkgs/affine-database-engine/view-presets/kanban/kanban-view-manager.js

@@ -84,6 +84,8 @@ export class KanbanSingleView extends SingleViewBase {
     }
     addCard(position, group) {
         const id = this.rowAdd(position);
+        if (!id)
+            return id;
         this.groupTrait.addToGroup(id, group);
         const filter = this.filter$.value;
         if (filter.conditions.length > 0) {

package/dist/_pkgs/affine-database-engine/view-presets/kanban/mobile/group.js

@@ -44,7 +44,9 @@ import { html } from 'lit/static-html.js';
 import { GroupTitle } from '../../../core/group-by/group-title.js';
 import { groupToggleStyles, hideGroupAction, renderGroupToggle, } from '../../../core/group-by/group-visibility.js';
 import { dragHandler } from '../../../core/utils/wc-dnd/dnd-context.js';
-import { wordingOf } from '../../../core/utils/wording.js';
+import { wordingOf, wordingFrom } from '../../../core/utils/wording.js';
+import { DATA_VIEW_GROUP_DELETE_CARDS, DATA_VIEW_GROUP_ADD, } from '../../../translations.js';
+import { TOOLBAR_UNGROUP } from '../../../../affine-shared/services/index.js';
 const styles = css `
   mobile-kanban-group {
     width: 260px;
@@ -162,7 +164,7 @@ let MobileKanbanGroup = (() => {
               ></mobile-kanban-card>
             `;
             })}
-        ${this.view.readonly$.value
+        ${this.view.readonly$.value || this.view.rowsLocked$.value
                 ? nothing
                 : html ` <div class="mobile-add-card" @click="${this.clickAddCard}">
               <div
@@ -170,7 +172,7 @@ let MobileKanbanGroup = (() => {
               >
                 ${AddCursorIcon()}
               </div>
-              Add
+              ${wordingFrom(this)(DATA_VIEW_GROUP_ADD)}
             </div>`}
       </div>
     `;
@@ -201,7 +203,7 @@ let MobileKanbanGroup = (() => {
                     menu.group({
                         items: [
                             menu.action({
-                                name: 'Ungroup',
+                                name: wordingFrom(this)(TOOLBAR_UNGROUP),
                                 hide: () => this.group.value == null,
                                 select: () => {
                                     this.group.rows.forEach(row => {
@@ -212,7 +214,7 @@ let MobileKanbanGroup = (() => {
                             }),
                             hideGroupAction(this.group, wordingOf(this.std)),
                             menu.action({
-                                name: 'Delete Cards',
+                                name: wordingFrom(this)(DATA_VIEW_GROUP_DELETE_CARDS),
                                 select: () => {
                                     this.view.rowsDelete(this.group.rows.map(row => row.rowId));
                                     this.requestUpdate();

package/dist/_pkgs/affine-database-engine/view-presets/kanban/mobile/kanban-view-ui-logic.d.ts

@@ -7,6 +7,11 @@ export declare class MobileKanbanViewUILogic extends DataViewUILogicBase<KanbanS
     ui$: import("@preact/signals-core").Signal<MobileKanbanViewUI | undefined>;
     private get readonly();
     clearSelection: () => void;
+    /**
+     * The toolbar's "+" adds the card and puts its title in editing, as on
+     * the desktop board: it no longer opens the card (product owner, recette
+     * P3-15). Nothing is written but the row.
+     */
     addRow: (position: InsertToPosition) => string | undefined;
     focusFirstCell: () => void;
     showIndicator: (_evt: MouseEvent) => boolean;

package/dist/_pkgs/affine-database-engine/view-presets/kanban/mobile/kanban-view-ui-logic.js

@@ -7,6 +7,7 @@ import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html } from 'lit/static-html.js';
 import { createUniComponentFromWebComponent, renderUniLit, } from '../../../core/index.js';
+import { locateRow } from '../../../core/group-by/locate-row.js';
 import { sortable } from '../../../core/utils/wc-dnd/sort/sort-context.js';
 import { DataViewUIBase, DataViewUILogicBase, } from '../../../core/view/data-view-base.js';
 const mobileKanbanViewWrapper = css({
@@ -38,14 +39,35 @@ export class MobileKanbanViewUILogic extends DataViewUILogicBase {
         super(...arguments);
         this.ui$ = signal(undefined);
         this.clearSelection = () => { };
+        /**
+         * The toolbar's "+" adds the card and puts its title in editing, as on
+         * the desktop board: it no longer opens the card (product owner, recette
+         * P3-15). Nothing is written but the row.
+         */
         this.addRow = (position) => {
             if (this.readonly)
                 return;
             const id = this.view.rowAdd(position);
             this.ui$.value?.requestUpdate();
-            // The toolbar's "+" opens the new card, as on the desktop board (P7).
-            if (id)
-                this.root.openDetailPanel({ view: this.view, rowId: id });
+            if (!id)
+                return;
+            requestAnimationFrame(() => {
+                const view = this.view;
+                const at = locateRow(view.groupTrait, view.rows$.peek(), id);
+                const columnId = view.mainProperties$.peek().titleColumn || view.propertyIds$.peek()[0];
+                if (!at || at.groupKey === undefined || !columnId)
+                    return;
+                // The phone cells follow the logic's selection (`mobile/cell.ts`).
+                this.setSelection({
+                    viewId: view.id,
+                    type: 'kanban',
+                    selectionType: 'cell',
+                    groupKey: at.groupKey,
+                    cardId: id,
+                    columnId,
+                    isEditing: true,
+                });
+            });
             return id;
         };
         this.focusFirstCell = () => { };

package/dist/_pkgs/affine-database-engine/view-presets/kanban/mobile/menu.js

@@ -2,6 +2,8 @@ import { menu, popFilterableSimpleMenu, } from '../../../../affine-components/co
 import { ArrowRightBigIcon, DeleteIcon, ExpandFullIcon, MoveLeftIcon, MoveRightIcon, } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 import { groupTraitKey } from '../../../core/group-by/trait.js';
+import { DATA_VIEW_CARD_EXPAND, DATA_VIEW_CARD_MOVE_TO, DATA_VIEW_ROW_INSERT_BEFORE, DATA_VIEW_ROW_INSERT_AFTER, DATA_VIEW_CARD_DELETE, DATA_VIEW_UNGROUPED, } from '../../../translations.js';
+import { wordingFrom } from '../../../core/utils/wording.js';
 export const popCardMenu = (ele, groupKey, cardId, kanbanViewLogic) => {
     const groupTrait = kanbanViewLogic.view.traitGet(groupTraitKey);
     if (!groupTrait) {
@@ -11,7 +13,7 @@ export const popCardMenu = (ele, groupKey, cardId, kanbanViewLogic) => {
         menu.group({
             items: [
                 menu.action({
-                    name: 'Expand Card',
+                    name: wordingFrom(ele.element)(DATA_VIEW_CARD_EXPAND),
                     prefix: ExpandFullIcon(),
                     select: () => {
                         kanbanViewLogic.root.openDetailPanel({
@@ -25,7 +27,7 @@ export const popCardMenu = (ele, groupKey, cardId, kanbanViewLogic) => {
         menu.group({
             items: [
                 menu.subMenu({
-                    name: 'Move To',
+                    name: wordingFrom(ele.element)(DATA_VIEW_CARD_MOVE_TO),
                     prefix: ArrowRightBigIcon(),
                     options: {
                         items: groupTrait.groupsDataList$.value
@@ -34,7 +36,9 @@ export const popCardMenu = (ele, groupKey, cardId, kanbanViewLogic) => {
                         })
                             .map(group => {
                             return menu.action({
-                                name: group.value != null ? group.name$.value : 'Ungroup',
+                                name: group.value != null
+                                    ? group.name$.value
+                                    : wordingFrom(ele.element)(DATA_VIEW_UNGROUPED),
                                 select: () => {
                                     groupTrait.moveCardTo(cardId, groupKey, group.key, 'start');
                                 },
@@ -48,7 +52,8 @@ export const popCardMenu = (ele, groupKey, cardId, kanbanViewLogic) => {
             name: '',
             items: [
                 menu.action({
-                    name: 'Insert Before',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_BEFORE),
+                    hide: () => kanbanViewLogic.view.rowsLocked$.value,
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -60,7 +65,8 @@ export const popCardMenu = (ele, groupKey, cardId, kanbanViewLogic) => {
                     },
                 }),
                 menu.action({
-                    name: 'Insert After',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_AFTER),
+                    hide: () => kanbanViewLogic.view.rowsLocked$.value,
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -76,7 +82,7 @@ export const popCardMenu = (ele, groupKey, cardId, kanbanViewLogic) => {
         menu.group({
             items: [
                 menu.action({
-                    name: 'Delete Card',
+                    name: wordingFrom(ele.element)(DATA_VIEW_CARD_DELETE),
                     class: {
                         'delete-item': true,
                     },

package/dist/_pkgs/affine-database-engine/view-presets/kanban/pc/controller/selection.d.ts

@@ -16,7 +16,15 @@ export declare class KanbanSelectionController implements ReactiveController {
     clear(): void;
     deleteCard(): void;
     focus(selection: KanbanViewSelection): void;
+    /**
+     * The first card's title in editing (the page title's Enter, ADR 0035
+     * B13): the first card of the first unfolded group that has one, not of
+     * the first group, which is often an empty "Ungrouped".
+     */
     focusFirstCell(): void;
+    /** Selects the title cell of the card `rowId` in editing. */
+    editCardTitle(rowId: string): void;
+    private editTitle;
     focusIn(): void;
     focusNext(position: 'up' | 'down' | 'left' | 'right'): void;
     focusOut(): void;

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

@@ -1,4 +1,5 @@
 import { BlockSuiteError, ErrorCode } from '../../../../../global/exceptions/index.js';
+import { firstDrawnRow, locateRow, } from '../../../../core/group-by/locate-row.js';
 import { KanbanCard } from '../card.js';
 import { KanbanCell } from '../cell.js';
 export class KanbanSelectionController {
@@ -143,19 +144,37 @@ export class KanbanSelectionController {
             container.focus();
         }
     }
+    /**
+     * The first card's title in editing (the page title's Enter, ADR 0035
+     * B13): the first card of the first unfolded group that has one, not of
+     * the first group, which is often an empty "Ungrouped".
+     */
     focusFirstCell() {
-        const group = this.logic.groups$.value?.[0];
-        const card = group?.rows[0];
-        const columnId = card && this.view.getHeaderTitle(card.rowId)?.id;
-        if (group && card && columnId) {
-            this.selection = {
-                selectionType: 'cell',
-                groupKey: group.key,
-                cardId: card.rowId,
-                columnId,
-                isEditing: false,
-            };
-        }
+        const view = this.view;
+        const first = firstDrawnRow(view.groupTrait, view.rows$.peek());
+        if (first)
+            this.editTitle(first);
+    }
+    /** Selects the title cell of the card `rowId` in editing. */
+    editCardTitle(rowId) {
+        const view = this.view;
+        const at = locateRow(view.groupTrait, view.rows$.peek(), rowId);
+        if (at)
+            this.editTitle(at);
+    }
+    editTitle(at) {
+        // The column a group's own "New" edits (`pc/group.ts`).
+        const columnId = this.view.mainProperties$.peek().titleColumn ||
+            this.view.propertyIds$.peek()[0];
+        if (at.groupKey === undefined || !columnId)
+            return;
+        this.selection = {
+            selectionType: 'cell',
+            groupKey: at.groupKey,
+            cardId: at.rowId,
+            columnId,
+            isEditing: true,
+        };
     }
     focusIn() {
         const host = this.host;
@@ -398,6 +417,8 @@ export class KanbanSelectionController {
         }
         const { cardId, groupKey } = selection.cards[0];
         const id = this.view.addCard({ before: false, id: cardId }, groupKey);
+        if (!id)
+            return;
         requestAnimationFrame(() => {
             const columnId = this.view.mainProperties$.value.titleColumn;
             if (columnId) {
@@ -429,6 +450,8 @@ export class KanbanSelectionController {
         }
         const { cardId, groupKey } = selection.cards[0];
         const id = this.view.addCard({ before: true, id: cardId }, groupKey);
+        if (!id)
+            return;
         requestAnimationFrame(() => {
             const columnId = this.view.mainProperties$.value.titleColumn;
             if (columnId) {